/* Généré par tools/dark-mode/gen-base.mjs — ne pas modifier à la main. */
html.dark {
  color-scheme: dark;
  --wz-bg: #121212;
  --wz-surface: #1E1E1E;
  --wz-inset: #181818;
  --wz-surface-2: #262626;
  --wz-surface-3: #2E2E2E;
  --wz-border: #2C2C2C;
  --wz-border-2: #333333;
  --wz-border-input: #3A3A3A;
  --wz-text: #F1F1F1;
  --wz-text-soft: #E0E0E0;
  --wz-text-2: #B3B3B3;
  --wz-text-3: #9A948E;
  --wz-text-4: #8C8680;
  --wz-text-disabled: #5C5C5C;
  --wz-input-bg: #1A1A1A;
  --wz-skel: #363636;
  --wz-skel-hi: #4A4A4A;
  --wz-wash: #3A2F0B;
  --wz-burgundy-text: #F28DAA;
}
html.dark, html.dark body { background-color: var(--wz-bg); color: var(--wz-text); }
html.cs-switching *, html.cs-switching *::before, html.cs-switching *::after { transition: none !important; }
html.dark .bg-white,
html.dark .hover\:bg-white:hover,
html.dark .focus\:bg-white:focus,
html.dark .group:hover .group-hover\:bg-white { background-color: var(--wz-surface); }
html.dark .bg-gray-50,
html.dark .hover\:bg-gray-50:hover,
html.dark .focus\:bg-gray-50:focus,
html.dark .group:hover .group-hover\:bg-gray-50 { background-color: var(--wz-inset); }
html.dark .bg-gray-100,
html.dark .hover\:bg-gray-100:hover,
html.dark .focus\:bg-gray-100:focus,
html.dark .group:hover .group-hover\:bg-gray-100 { background-color: var(--wz-surface-2); }
html.dark .bg-gray-200,
html.dark .hover\:bg-gray-200:hover,
html.dark .focus\:bg-gray-200:focus,
html.dark .group:hover .group-hover\:bg-gray-200 { background-color: var(--wz-surface-3); }
html.dark .bg-gray-300,
html.dark .hover\:bg-gray-300:hover,
html.dark .focus\:bg-gray-300:focus,
html.dark .group:hover .group-hover\:bg-gray-300 { background-color: var(--wz-border-input); }
html.dark .bg-gray-50\/30,
html.dark .hover\:bg-gray-50\/30:hover,
html.dark .focus\:bg-gray-50\/30:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-gray-50\/40,
html.dark .hover\:bg-gray-50\/40:hover,
html.dark .focus\:bg-gray-50\/40:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-gray-50\/50,
html.dark .hover\:bg-gray-50\/50:hover,
html.dark .focus\:bg-gray-50\/50:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-gray-50\/60,
html.dark .hover\:bg-gray-50\/60:hover,
html.dark .focus\:bg-gray-50\/60:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-gray-50\/70,
html.dark .hover\:bg-gray-50\/70:hover,
html.dark .focus\:bg-gray-50\/70:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-gray-50\/80,
html.dark .hover\:bg-gray-50\/80:hover,
html.dark .focus\:bg-gray-50\/80:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-gray-50\/90,
html.dark .hover\:bg-gray-50\/90:hover,
html.dark .focus\:bg-gray-50\/90:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-gray-50\/95,
html.dark .hover\:bg-gray-50\/95:hover,
html.dark .focus\:bg-gray-50\/95:focus,
html.dark .group:hover .group-hover\:bg-gray-50\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-gray-100\/30,
html.dark .hover\:bg-gray-100\/30:hover,
html.dark .focus\:bg-gray-100\/30:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-gray-100\/40,
html.dark .hover\:bg-gray-100\/40:hover,
html.dark .focus\:bg-gray-100\/40:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-gray-100\/50,
html.dark .hover\:bg-gray-100\/50:hover,
html.dark .focus\:bg-gray-100\/50:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-gray-100\/60,
html.dark .hover\:bg-gray-100\/60:hover,
html.dark .focus\:bg-gray-100\/60:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-gray-100\/70,
html.dark .hover\:bg-gray-100\/70:hover,
html.dark .focus\:bg-gray-100\/70:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-gray-100\/80,
html.dark .hover\:bg-gray-100\/80:hover,
html.dark .focus\:bg-gray-100\/80:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-gray-100\/90,
html.dark .hover\:bg-gray-100\/90:hover,
html.dark .focus\:bg-gray-100\/90:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-gray-100\/95,
html.dark .hover\:bg-gray-100\/95:hover,
html.dark .focus\:bg-gray-100\/95:focus,
html.dark .group:hover .group-hover\:bg-gray-100\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-slate-50,
html.dark .hover\:bg-slate-50:hover,
html.dark .focus\:bg-slate-50:focus,
html.dark .group:hover .group-hover\:bg-slate-50 { background-color: var(--wz-inset); }
html.dark .bg-slate-100,
html.dark .hover\:bg-slate-100:hover,
html.dark .focus\:bg-slate-100:focus,
html.dark .group:hover .group-hover\:bg-slate-100 { background-color: var(--wz-surface-2); }
html.dark .bg-slate-200,
html.dark .hover\:bg-slate-200:hover,
html.dark .focus\:bg-slate-200:focus,
html.dark .group:hover .group-hover\:bg-slate-200 { background-color: var(--wz-surface-3); }
html.dark .bg-slate-300,
html.dark .hover\:bg-slate-300:hover,
html.dark .focus\:bg-slate-300:focus,
html.dark .group:hover .group-hover\:bg-slate-300 { background-color: var(--wz-border-input); }
html.dark .bg-slate-50\/30,
html.dark .hover\:bg-slate-50\/30:hover,
html.dark .focus\:bg-slate-50\/30:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-slate-50\/40,
html.dark .hover\:bg-slate-50\/40:hover,
html.dark .focus\:bg-slate-50\/40:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-slate-50\/50,
html.dark .hover\:bg-slate-50\/50:hover,
html.dark .focus\:bg-slate-50\/50:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-slate-50\/60,
html.dark .hover\:bg-slate-50\/60:hover,
html.dark .focus\:bg-slate-50\/60:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-slate-50\/70,
html.dark .hover\:bg-slate-50\/70:hover,
html.dark .focus\:bg-slate-50\/70:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-slate-50\/80,
html.dark .hover\:bg-slate-50\/80:hover,
html.dark .focus\:bg-slate-50\/80:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-slate-50\/90,
html.dark .hover\:bg-slate-50\/90:hover,
html.dark .focus\:bg-slate-50\/90:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-slate-50\/95,
html.dark .hover\:bg-slate-50\/95:hover,
html.dark .focus\:bg-slate-50\/95:focus,
html.dark .group:hover .group-hover\:bg-slate-50\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-slate-100\/30,
html.dark .hover\:bg-slate-100\/30:hover,
html.dark .focus\:bg-slate-100\/30:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-slate-100\/40,
html.dark .hover\:bg-slate-100\/40:hover,
html.dark .focus\:bg-slate-100\/40:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-slate-100\/50,
html.dark .hover\:bg-slate-100\/50:hover,
html.dark .focus\:bg-slate-100\/50:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-slate-100\/60,
html.dark .hover\:bg-slate-100\/60:hover,
html.dark .focus\:bg-slate-100\/60:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-slate-100\/70,
html.dark .hover\:bg-slate-100\/70:hover,
html.dark .focus\:bg-slate-100\/70:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-slate-100\/80,
html.dark .hover\:bg-slate-100\/80:hover,
html.dark .focus\:bg-slate-100\/80:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-slate-100\/90,
html.dark .hover\:bg-slate-100\/90:hover,
html.dark .focus\:bg-slate-100\/90:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-slate-100\/95,
html.dark .hover\:bg-slate-100\/95:hover,
html.dark .focus\:bg-slate-100\/95:focus,
html.dark .group:hover .group-hover\:bg-slate-100\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-zinc-50,
html.dark .hover\:bg-zinc-50:hover,
html.dark .focus\:bg-zinc-50:focus,
html.dark .group:hover .group-hover\:bg-zinc-50 { background-color: var(--wz-inset); }
html.dark .bg-zinc-100,
html.dark .hover\:bg-zinc-100:hover,
html.dark .focus\:bg-zinc-100:focus,
html.dark .group:hover .group-hover\:bg-zinc-100 { background-color: var(--wz-surface-2); }
html.dark .bg-zinc-200,
html.dark .hover\:bg-zinc-200:hover,
html.dark .focus\:bg-zinc-200:focus,
html.dark .group:hover .group-hover\:bg-zinc-200 { background-color: var(--wz-surface-3); }
html.dark .bg-zinc-300,
html.dark .hover\:bg-zinc-300:hover,
html.dark .focus\:bg-zinc-300:focus,
html.dark .group:hover .group-hover\:bg-zinc-300 { background-color: var(--wz-border-input); }
html.dark .bg-zinc-50\/30,
html.dark .hover\:bg-zinc-50\/30:hover,
html.dark .focus\:bg-zinc-50\/30:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-zinc-50\/40,
html.dark .hover\:bg-zinc-50\/40:hover,
html.dark .focus\:bg-zinc-50\/40:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-zinc-50\/50,
html.dark .hover\:bg-zinc-50\/50:hover,
html.dark .focus\:bg-zinc-50\/50:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-zinc-50\/60,
html.dark .hover\:bg-zinc-50\/60:hover,
html.dark .focus\:bg-zinc-50\/60:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-zinc-50\/70,
html.dark .hover\:bg-zinc-50\/70:hover,
html.dark .focus\:bg-zinc-50\/70:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-zinc-50\/80,
html.dark .hover\:bg-zinc-50\/80:hover,
html.dark .focus\:bg-zinc-50\/80:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-zinc-50\/90,
html.dark .hover\:bg-zinc-50\/90:hover,
html.dark .focus\:bg-zinc-50\/90:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-zinc-50\/95,
html.dark .hover\:bg-zinc-50\/95:hover,
html.dark .focus\:bg-zinc-50\/95:focus,
html.dark .group:hover .group-hover\:bg-zinc-50\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-zinc-100\/30,
html.dark .hover\:bg-zinc-100\/30:hover,
html.dark .focus\:bg-zinc-100\/30:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-zinc-100\/40,
html.dark .hover\:bg-zinc-100\/40:hover,
html.dark .focus\:bg-zinc-100\/40:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-zinc-100\/50,
html.dark .hover\:bg-zinc-100\/50:hover,
html.dark .focus\:bg-zinc-100\/50:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-zinc-100\/60,
html.dark .hover\:bg-zinc-100\/60:hover,
html.dark .focus\:bg-zinc-100\/60:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-zinc-100\/70,
html.dark .hover\:bg-zinc-100\/70:hover,
html.dark .focus\:bg-zinc-100\/70:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-zinc-100\/80,
html.dark .hover\:bg-zinc-100\/80:hover,
html.dark .focus\:bg-zinc-100\/80:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-zinc-100\/90,
html.dark .hover\:bg-zinc-100\/90:hover,
html.dark .focus\:bg-zinc-100\/90:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-zinc-100\/95,
html.dark .hover\:bg-zinc-100\/95:hover,
html.dark .focus\:bg-zinc-100\/95:focus,
html.dark .group:hover .group-hover\:bg-zinc-100\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-neutral-50,
html.dark .hover\:bg-neutral-50:hover,
html.dark .focus\:bg-neutral-50:focus,
html.dark .group:hover .group-hover\:bg-neutral-50 { background-color: var(--wz-inset); }
html.dark .bg-neutral-100,
html.dark .hover\:bg-neutral-100:hover,
html.dark .focus\:bg-neutral-100:focus,
html.dark .group:hover .group-hover\:bg-neutral-100 { background-color: var(--wz-surface-2); }
html.dark .bg-neutral-200,
html.dark .hover\:bg-neutral-200:hover,
html.dark .focus\:bg-neutral-200:focus,
html.dark .group:hover .group-hover\:bg-neutral-200 { background-color: var(--wz-surface-3); }
html.dark .bg-neutral-300,
html.dark .hover\:bg-neutral-300:hover,
html.dark .focus\:bg-neutral-300:focus,
html.dark .group:hover .group-hover\:bg-neutral-300 { background-color: var(--wz-border-input); }
html.dark .bg-neutral-50\/30,
html.dark .hover\:bg-neutral-50\/30:hover,
html.dark .focus\:bg-neutral-50\/30:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-neutral-50\/40,
html.dark .hover\:bg-neutral-50\/40:hover,
html.dark .focus\:bg-neutral-50\/40:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-neutral-50\/50,
html.dark .hover\:bg-neutral-50\/50:hover,
html.dark .focus\:bg-neutral-50\/50:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-neutral-50\/60,
html.dark .hover\:bg-neutral-50\/60:hover,
html.dark .focus\:bg-neutral-50\/60:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-neutral-50\/70,
html.dark .hover\:bg-neutral-50\/70:hover,
html.dark .focus\:bg-neutral-50\/70:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-neutral-50\/80,
html.dark .hover\:bg-neutral-50\/80:hover,
html.dark .focus\:bg-neutral-50\/80:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-neutral-50\/90,
html.dark .hover\:bg-neutral-50\/90:hover,
html.dark .focus\:bg-neutral-50\/90:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-neutral-50\/95,
html.dark .hover\:bg-neutral-50\/95:hover,
html.dark .focus\:bg-neutral-50\/95:focus,
html.dark .group:hover .group-hover\:bg-neutral-50\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-neutral-100\/30,
html.dark .hover\:bg-neutral-100\/30:hover,
html.dark .focus\:bg-neutral-100\/30:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-neutral-100\/40,
html.dark .hover\:bg-neutral-100\/40:hover,
html.dark .focus\:bg-neutral-100\/40:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-neutral-100\/50,
html.dark .hover\:bg-neutral-100\/50:hover,
html.dark .focus\:bg-neutral-100\/50:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-neutral-100\/60,
html.dark .hover\:bg-neutral-100\/60:hover,
html.dark .focus\:bg-neutral-100\/60:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-neutral-100\/70,
html.dark .hover\:bg-neutral-100\/70:hover,
html.dark .focus\:bg-neutral-100\/70:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-neutral-100\/80,
html.dark .hover\:bg-neutral-100\/80:hover,
html.dark .focus\:bg-neutral-100\/80:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-neutral-100\/90,
html.dark .hover\:bg-neutral-100\/90:hover,
html.dark .focus\:bg-neutral-100\/90:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-neutral-100\/95,
html.dark .hover\:bg-neutral-100\/95:hover,
html.dark .focus\:bg-neutral-100\/95:focus,
html.dark .group:hover .group-hover\:bg-neutral-100\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-stone-50,
html.dark .hover\:bg-stone-50:hover,
html.dark .focus\:bg-stone-50:focus,
html.dark .group:hover .group-hover\:bg-stone-50 { background-color: var(--wz-inset); }
html.dark .bg-stone-100,
html.dark .hover\:bg-stone-100:hover,
html.dark .focus\:bg-stone-100:focus,
html.dark .group:hover .group-hover\:bg-stone-100 { background-color: var(--wz-surface-2); }
html.dark .bg-stone-200,
html.dark .hover\:bg-stone-200:hover,
html.dark .focus\:bg-stone-200:focus,
html.dark .group:hover .group-hover\:bg-stone-200 { background-color: var(--wz-surface-3); }
html.dark .bg-stone-300,
html.dark .hover\:bg-stone-300:hover,
html.dark .focus\:bg-stone-300:focus,
html.dark .group:hover .group-hover\:bg-stone-300 { background-color: var(--wz-border-input); }
html.dark .bg-stone-50\/30,
html.dark .hover\:bg-stone-50\/30:hover,
html.dark .focus\:bg-stone-50\/30:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-stone-50\/40,
html.dark .hover\:bg-stone-50\/40:hover,
html.dark .focus\:bg-stone-50\/40:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-stone-50\/50,
html.dark .hover\:bg-stone-50\/50:hover,
html.dark .focus\:bg-stone-50\/50:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-stone-50\/60,
html.dark .hover\:bg-stone-50\/60:hover,
html.dark .focus\:bg-stone-50\/60:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-stone-50\/70,
html.dark .hover\:bg-stone-50\/70:hover,
html.dark .focus\:bg-stone-50\/70:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-stone-50\/80,
html.dark .hover\:bg-stone-50\/80:hover,
html.dark .focus\:bg-stone-50\/80:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-stone-50\/90,
html.dark .hover\:bg-stone-50\/90:hover,
html.dark .focus\:bg-stone-50\/90:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-stone-50\/95,
html.dark .hover\:bg-stone-50\/95:hover,
html.dark .focus\:bg-stone-50\/95:focus,
html.dark .group:hover .group-hover\:bg-stone-50\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-stone-100\/30,
html.dark .hover\:bg-stone-100\/30:hover,
html.dark .focus\:bg-stone-100\/30:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/30 { background-color: rgba(38, 38, 38, 0.3); }
html.dark .bg-stone-100\/40,
html.dark .hover\:bg-stone-100\/40:hover,
html.dark .focus\:bg-stone-100\/40:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/40 { background-color: rgba(38, 38, 38, 0.4); }
html.dark .bg-stone-100\/50,
html.dark .hover\:bg-stone-100\/50:hover,
html.dark .focus\:bg-stone-100\/50:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/50 { background-color: rgba(38, 38, 38, 0.5); }
html.dark .bg-stone-100\/60,
html.dark .hover\:bg-stone-100\/60:hover,
html.dark .focus\:bg-stone-100\/60:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/60 { background-color: rgba(38, 38, 38, 0.6); }
html.dark .bg-stone-100\/70,
html.dark .hover\:bg-stone-100\/70:hover,
html.dark .focus\:bg-stone-100\/70:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/70 { background-color: rgba(38, 38, 38, 0.7); }
html.dark .bg-stone-100\/80,
html.dark .hover\:bg-stone-100\/80:hover,
html.dark .focus\:bg-stone-100\/80:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/80 { background-color: rgba(38, 38, 38, 0.8); }
html.dark .bg-stone-100\/90,
html.dark .hover\:bg-stone-100\/90:hover,
html.dark .focus\:bg-stone-100\/90:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/90 { background-color: rgba(38, 38, 38, 0.9); }
html.dark .bg-stone-100\/95,
html.dark .hover\:bg-stone-100\/95:hover,
html.dark .focus\:bg-stone-100\/95:focus,
html.dark .group:hover .group-hover\:bg-stone-100\/95 { background-color: rgba(38, 38, 38, 0.95); }
html.dark .bg-white\/5,
html.dark .hover\:bg-white\/5:hover,
html.dark .focus\:bg-white\/5:focus,
html.dark .group:hover .group-hover\:bg-white\/5 { background-color: rgba(30, 30, 30, 0.15000000000000002); }
html.dark .bg-white\/10,
html.dark .hover\:bg-white\/10:hover,
html.dark .focus\:bg-white\/10:focus,
html.dark .group:hover .group-hover\:bg-white\/10 { background-color: rgba(30, 30, 30, 0.2); }
html.dark .bg-white\/20,
html.dark .hover\:bg-white\/20:hover,
html.dark .focus\:bg-white\/20:focus,
html.dark .group:hover .group-hover\:bg-white\/20 { background-color: rgba(30, 30, 30, 0.30000000000000004); }
html.dark .bg-white\/30,
html.dark .hover\:bg-white\/30:hover,
html.dark .focus\:bg-white\/30:focus,
html.dark .group:hover .group-hover\:bg-white\/30 { background-color: rgba(30, 30, 30, 0.4); }
html.dark .bg-white\/40,
html.dark .hover\:bg-white\/40:hover,
html.dark .focus\:bg-white\/40:focus,
html.dark .group:hover .group-hover\:bg-white\/40 { background-color: rgba(30, 30, 30, 0.5); }
html.dark .bg-white\/50,
html.dark .hover\:bg-white\/50:hover,
html.dark .focus\:bg-white\/50:focus,
html.dark .group:hover .group-hover\:bg-white\/50 { background-color: rgba(30, 30, 30, 0.6); }
html.dark .bg-white\/60,
html.dark .hover\:bg-white\/60:hover,
html.dark .focus\:bg-white\/60:focus,
html.dark .group:hover .group-hover\:bg-white\/60 { background-color: rgba(30, 30, 30, 0.7); }
html.dark .bg-white\/70,
html.dark .hover\:bg-white\/70:hover,
html.dark .focus\:bg-white\/70:focus,
html.dark .group:hover .group-hover\:bg-white\/70 { background-color: rgba(30, 30, 30, 0.7999999999999999); }
html.dark .bg-white\/75,
html.dark .hover\:bg-white\/75:hover,
html.dark .focus\:bg-white\/75:focus,
html.dark .group:hover .group-hover\:bg-white\/75 { background-color: rgba(30, 30, 30, 0.85); }
html.dark .bg-white\/80,
html.dark .hover\:bg-white\/80:hover,
html.dark .focus\:bg-white\/80:focus,
html.dark .group:hover .group-hover\:bg-white\/80 { background-color: rgba(30, 30, 30, 0.9); }
html.dark .bg-white\/90,
html.dark .hover\:bg-white\/90:hover,
html.dark .focus\:bg-white\/90:focus,
html.dark .group:hover .group-hover\:bg-white\/90 { background-color: rgba(30, 30, 30, 1); }
html.dark .bg-white\/95,
html.dark .hover\:bg-white\/95:hover,
html.dark .focus\:bg-white\/95:focus,
html.dark .group:hover .group-hover\:bg-white\/95 { background-color: rgba(30, 30, 30, 1); }
html.dark body.bg-gray-50, html.dark body.bg-white { background-color: var(--wz-bg); }
html.dark .from-white { --tw-gradient-from: var(--wz-surface) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .via-white { --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--wz-surface) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html.dark .to-white { --tw-gradient-to: var(--wz-surface) var(--tw-gradient-to-position); }
html.dark .from-gray-50 { --tw-gradient-from: var(--wz-inset) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .via-gray-50 { --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--wz-inset) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html.dark .to-gray-50 { --tw-gradient-to: var(--wz-inset) var(--tw-gradient-to-position); }
html.dark .from-gray-100 { --tw-gradient-from: var(--wz-surface-2) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .via-gray-100 { --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--wz-surface-2) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html.dark .to-gray-100 { --tw-gradient-to: var(--wz-surface-2) var(--tw-gradient-to-position); }
html.dark .text-black,
html.dark .hover\:text-black:hover,
html.dark .focus\:text-black:focus,
html.dark .group:hover .group-hover\:text-black { color: var(--wz-text); }
html.dark .text-gray-300,
html.dark .hover\:text-gray-300:hover,
html.dark .focus\:text-gray-300:focus,
html.dark .group:hover .group-hover\:text-gray-300 { color: var(--wz-text-disabled); }
html.dark .text-gray-400,
html.dark .hover\:text-gray-400:hover,
html.dark .focus\:text-gray-400:focus,
html.dark .group:hover .group-hover\:text-gray-400 { color: var(--wz-text-4); }
html.dark .text-gray-500,
html.dark .hover\:text-gray-500:hover,
html.dark .focus\:text-gray-500:focus,
html.dark .group:hover .group-hover\:text-gray-500 { color: var(--wz-text-3); }
html.dark .text-gray-600,
html.dark .hover\:text-gray-600:hover,
html.dark .focus\:text-gray-600:focus,
html.dark .group:hover .group-hover\:text-gray-600 { color: var(--wz-text-2); }
html.dark .text-gray-700,
html.dark .hover\:text-gray-700:hover,
html.dark .focus\:text-gray-700:focus,
html.dark .group:hover .group-hover\:text-gray-700 { color: var(--wz-text-soft); }
html.dark .text-gray-800,
html.dark .hover\:text-gray-800:hover,
html.dark .focus\:text-gray-800:focus,
html.dark .group:hover .group-hover\:text-gray-800 { color: var(--wz-text); }
html.dark .text-gray-900,
html.dark .hover\:text-gray-900:hover,
html.dark .focus\:text-gray-900:focus,
html.dark .group:hover .group-hover\:text-gray-900 { color: var(--wz-text); }
html.dark .text-gray-950,
html.dark .hover\:text-gray-950:hover,
html.dark .focus\:text-gray-950:focus,
html.dark .group:hover .group-hover\:text-gray-950 { color: var(--wz-text); }
html.dark .placeholder-gray-400::placeholder { color: var(--wz-text-4); }
html.dark .placeholder-gray-500::placeholder { color: var(--wz-text-3); }
html.dark .text-slate-300,
html.dark .hover\:text-slate-300:hover,
html.dark .focus\:text-slate-300:focus,
html.dark .group:hover .group-hover\:text-slate-300 { color: var(--wz-text-disabled); }
html.dark .text-slate-400,
html.dark .hover\:text-slate-400:hover,
html.dark .focus\:text-slate-400:focus,
html.dark .group:hover .group-hover\:text-slate-400 { color: var(--wz-text-4); }
html.dark .text-slate-500,
html.dark .hover\:text-slate-500:hover,
html.dark .focus\:text-slate-500:focus,
html.dark .group:hover .group-hover\:text-slate-500 { color: var(--wz-text-3); }
html.dark .text-slate-600,
html.dark .hover\:text-slate-600:hover,
html.dark .focus\:text-slate-600:focus,
html.dark .group:hover .group-hover\:text-slate-600 { color: var(--wz-text-2); }
html.dark .text-slate-700,
html.dark .hover\:text-slate-700:hover,
html.dark .focus\:text-slate-700:focus,
html.dark .group:hover .group-hover\:text-slate-700 { color: var(--wz-text-soft); }
html.dark .text-slate-800,
html.dark .hover\:text-slate-800:hover,
html.dark .focus\:text-slate-800:focus,
html.dark .group:hover .group-hover\:text-slate-800 { color: var(--wz-text); }
html.dark .text-slate-900,
html.dark .hover\:text-slate-900:hover,
html.dark .focus\:text-slate-900:focus,
html.dark .group:hover .group-hover\:text-slate-900 { color: var(--wz-text); }
html.dark .text-slate-950,
html.dark .hover\:text-slate-950:hover,
html.dark .focus\:text-slate-950:focus,
html.dark .group:hover .group-hover\:text-slate-950 { color: var(--wz-text); }
html.dark .placeholder-slate-400::placeholder { color: var(--wz-text-4); }
html.dark .placeholder-slate-500::placeholder { color: var(--wz-text-3); }
html.dark .text-zinc-300,
html.dark .hover\:text-zinc-300:hover,
html.dark .focus\:text-zinc-300:focus,
html.dark .group:hover .group-hover\:text-zinc-300 { color: var(--wz-text-disabled); }
html.dark .text-zinc-400,
html.dark .hover\:text-zinc-400:hover,
html.dark .focus\:text-zinc-400:focus,
html.dark .group:hover .group-hover\:text-zinc-400 { color: var(--wz-text-4); }
html.dark .text-zinc-500,
html.dark .hover\:text-zinc-500:hover,
html.dark .focus\:text-zinc-500:focus,
html.dark .group:hover .group-hover\:text-zinc-500 { color: var(--wz-text-3); }
html.dark .text-zinc-600,
html.dark .hover\:text-zinc-600:hover,
html.dark .focus\:text-zinc-600:focus,
html.dark .group:hover .group-hover\:text-zinc-600 { color: var(--wz-text-2); }
html.dark .text-zinc-700,
html.dark .hover\:text-zinc-700:hover,
html.dark .focus\:text-zinc-700:focus,
html.dark .group:hover .group-hover\:text-zinc-700 { color: var(--wz-text-soft); }
html.dark .text-zinc-800,
html.dark .hover\:text-zinc-800:hover,
html.dark .focus\:text-zinc-800:focus,
html.dark .group:hover .group-hover\:text-zinc-800 { color: var(--wz-text); }
html.dark .text-zinc-900,
html.dark .hover\:text-zinc-900:hover,
html.dark .focus\:text-zinc-900:focus,
html.dark .group:hover .group-hover\:text-zinc-900 { color: var(--wz-text); }
html.dark .text-zinc-950,
html.dark .hover\:text-zinc-950:hover,
html.dark .focus\:text-zinc-950:focus,
html.dark .group:hover .group-hover\:text-zinc-950 { color: var(--wz-text); }
html.dark .placeholder-zinc-400::placeholder { color: var(--wz-text-4); }
html.dark .placeholder-zinc-500::placeholder { color: var(--wz-text-3); }
html.dark .text-neutral-300,
html.dark .hover\:text-neutral-300:hover,
html.dark .focus\:text-neutral-300:focus,
html.dark .group:hover .group-hover\:text-neutral-300 { color: var(--wz-text-disabled); }
html.dark .text-neutral-400,
html.dark .hover\:text-neutral-400:hover,
html.dark .focus\:text-neutral-400:focus,
html.dark .group:hover .group-hover\:text-neutral-400 { color: var(--wz-text-4); }
html.dark .text-neutral-500,
html.dark .hover\:text-neutral-500:hover,
html.dark .focus\:text-neutral-500:focus,
html.dark .group:hover .group-hover\:text-neutral-500 { color: var(--wz-text-3); }
html.dark .text-neutral-600,
html.dark .hover\:text-neutral-600:hover,
html.dark .focus\:text-neutral-600:focus,
html.dark .group:hover .group-hover\:text-neutral-600 { color: var(--wz-text-2); }
html.dark .text-neutral-700,
html.dark .hover\:text-neutral-700:hover,
html.dark .focus\:text-neutral-700:focus,
html.dark .group:hover .group-hover\:text-neutral-700 { color: var(--wz-text-soft); }
html.dark .text-neutral-800,
html.dark .hover\:text-neutral-800:hover,
html.dark .focus\:text-neutral-800:focus,
html.dark .group:hover .group-hover\:text-neutral-800 { color: var(--wz-text); }
html.dark .text-neutral-900,
html.dark .hover\:text-neutral-900:hover,
html.dark .focus\:text-neutral-900:focus,
html.dark .group:hover .group-hover\:text-neutral-900 { color: var(--wz-text); }
html.dark .text-neutral-950,
html.dark .hover\:text-neutral-950:hover,
html.dark .focus\:text-neutral-950:focus,
html.dark .group:hover .group-hover\:text-neutral-950 { color: var(--wz-text); }
html.dark .placeholder-neutral-400::placeholder { color: var(--wz-text-4); }
html.dark .placeholder-neutral-500::placeholder { color: var(--wz-text-3); }
html.dark .text-stone-300,
html.dark .hover\:text-stone-300:hover,
html.dark .focus\:text-stone-300:focus,
html.dark .group:hover .group-hover\:text-stone-300 { color: var(--wz-text-disabled); }
html.dark .text-stone-400,
html.dark .hover\:text-stone-400:hover,
html.dark .focus\:text-stone-400:focus,
html.dark .group:hover .group-hover\:text-stone-400 { color: var(--wz-text-4); }
html.dark .text-stone-500,
html.dark .hover\:text-stone-500:hover,
html.dark .focus\:text-stone-500:focus,
html.dark .group:hover .group-hover\:text-stone-500 { color: var(--wz-text-3); }
html.dark .text-stone-600,
html.dark .hover\:text-stone-600:hover,
html.dark .focus\:text-stone-600:focus,
html.dark .group:hover .group-hover\:text-stone-600 { color: var(--wz-text-2); }
html.dark .text-stone-700,
html.dark .hover\:text-stone-700:hover,
html.dark .focus\:text-stone-700:focus,
html.dark .group:hover .group-hover\:text-stone-700 { color: var(--wz-text-soft); }
html.dark .text-stone-800,
html.dark .hover\:text-stone-800:hover,
html.dark .focus\:text-stone-800:focus,
html.dark .group:hover .group-hover\:text-stone-800 { color: var(--wz-text); }
html.dark .text-stone-900,
html.dark .hover\:text-stone-900:hover,
html.dark .focus\:text-stone-900:focus,
html.dark .group:hover .group-hover\:text-stone-900 { color: var(--wz-text); }
html.dark .text-stone-950,
html.dark .hover\:text-stone-950:hover,
html.dark .focus\:text-stone-950:focus,
html.dark .group:hover .group-hover\:text-stone-950 { color: var(--wz-text); }
html.dark .placeholder-stone-400::placeholder { color: var(--wz-text-4); }
html.dark .placeholder-stone-500::placeholder { color: var(--wz-text-3); }
html.dark .border-white { border-color: var(--wz-border); }
html.dark .border-gray-50,
html.dark .hover\:border-gray-50:hover,
html.dark .focus\:border-gray-50:focus,
html.dark .group:hover .group-hover\:border-gray-50 { border-color: var(--wz-border); }
html.dark .border-t-gray-50 { border-color: var(--wz-border); }
html.dark .border-b-gray-50 { border-color: var(--wz-border); }
html.dark .border-l-gray-50 { border-color: var(--wz-border); }
html.dark .border-r-gray-50 { border-color: var(--wz-border); }
html.dark .border-x-gray-50 { border-color: var(--wz-border); }
html.dark .border-y-gray-50 { border-color: var(--wz-border); }
html.dark .divide-gray-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-gray-50 { --tw-ring-color: var(--wz-border); }
html.dark .border-gray-100,
html.dark .hover\:border-gray-100:hover,
html.dark .focus\:border-gray-100:focus,
html.dark .group:hover .group-hover\:border-gray-100 { border-color: var(--wz-border); }
html.dark .border-t-gray-100 { border-color: var(--wz-border); }
html.dark .border-b-gray-100 { border-color: var(--wz-border); }
html.dark .border-l-gray-100 { border-color: var(--wz-border); }
html.dark .border-r-gray-100 { border-color: var(--wz-border); }
html.dark .border-x-gray-100 { border-color: var(--wz-border); }
html.dark .border-y-gray-100 { border-color: var(--wz-border); }
html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-gray-100 { --tw-ring-color: var(--wz-border); }
html.dark .border-gray-200,
html.dark .hover\:border-gray-200:hover,
html.dark .focus\:border-gray-200:focus,
html.dark .group:hover .group-hover\:border-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-t-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-b-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-l-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-r-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-x-gray-200 { border-color: var(--wz-border-2); }
html.dark .border-y-gray-200 { border-color: var(--wz-border-2); }
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-2); }
html.dark .ring-gray-200 { --tw-ring-color: var(--wz-border-2); }
html.dark .border-gray-300,
html.dark .hover\:border-gray-300:hover,
html.dark .focus\:border-gray-300:focus,
html.dark .group:hover .group-hover\:border-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-t-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-b-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-l-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-r-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-x-gray-300 { border-color: var(--wz-border-input); }
html.dark .border-y-gray-300 { border-color: var(--wz-border-input); }
html.dark .divide-gray-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-gray-300 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-gray-400,
html.dark .hover\:border-gray-400:hover,
html.dark .focus\:border-gray-400:focus,
html.dark .group:hover .group-hover\:border-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-t-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-b-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-l-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-r-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-x-gray-400 { border-color: var(--wz-border-input); }
html.dark .border-y-gray-400 { border-color: var(--wz-border-input); }
html.dark .divide-gray-400 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-gray-400 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-slate-50,
html.dark .hover\:border-slate-50:hover,
html.dark .focus\:border-slate-50:focus,
html.dark .group:hover .group-hover\:border-slate-50 { border-color: var(--wz-border); }
html.dark .border-t-slate-50 { border-color: var(--wz-border); }
html.dark .border-b-slate-50 { border-color: var(--wz-border); }
html.dark .border-l-slate-50 { border-color: var(--wz-border); }
html.dark .border-r-slate-50 { border-color: var(--wz-border); }
html.dark .border-x-slate-50 { border-color: var(--wz-border); }
html.dark .border-y-slate-50 { border-color: var(--wz-border); }
html.dark .divide-slate-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-slate-50 { --tw-ring-color: var(--wz-border); }
html.dark .border-slate-100,
html.dark .hover\:border-slate-100:hover,
html.dark .focus\:border-slate-100:focus,
html.dark .group:hover .group-hover\:border-slate-100 { border-color: var(--wz-border); }
html.dark .border-t-slate-100 { border-color: var(--wz-border); }
html.dark .border-b-slate-100 { border-color: var(--wz-border); }
html.dark .border-l-slate-100 { border-color: var(--wz-border); }
html.dark .border-r-slate-100 { border-color: var(--wz-border); }
html.dark .border-x-slate-100 { border-color: var(--wz-border); }
html.dark .border-y-slate-100 { border-color: var(--wz-border); }
html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-slate-100 { --tw-ring-color: var(--wz-border); }
html.dark .border-slate-200,
html.dark .hover\:border-slate-200:hover,
html.dark .focus\:border-slate-200:focus,
html.dark .group:hover .group-hover\:border-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-t-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-b-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-l-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-r-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-x-slate-200 { border-color: var(--wz-border-2); }
html.dark .border-y-slate-200 { border-color: var(--wz-border-2); }
html.dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-2); }
html.dark .ring-slate-200 { --tw-ring-color: var(--wz-border-2); }
html.dark .border-slate-300,
html.dark .hover\:border-slate-300:hover,
html.dark .focus\:border-slate-300:focus,
html.dark .group:hover .group-hover\:border-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-t-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-b-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-l-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-r-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-x-slate-300 { border-color: var(--wz-border-input); }
html.dark .border-y-slate-300 { border-color: var(--wz-border-input); }
html.dark .divide-slate-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-slate-300 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-slate-400,
html.dark .hover\:border-slate-400:hover,
html.dark .focus\:border-slate-400:focus,
html.dark .group:hover .group-hover\:border-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-t-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-b-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-l-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-r-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-x-slate-400 { border-color: var(--wz-border-input); }
html.dark .border-y-slate-400 { border-color: var(--wz-border-input); }
html.dark .divide-slate-400 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-slate-400 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-zinc-50,
html.dark .hover\:border-zinc-50:hover,
html.dark .focus\:border-zinc-50:focus,
html.dark .group:hover .group-hover\:border-zinc-50 { border-color: var(--wz-border); }
html.dark .border-t-zinc-50 { border-color: var(--wz-border); }
html.dark .border-b-zinc-50 { border-color: var(--wz-border); }
html.dark .border-l-zinc-50 { border-color: var(--wz-border); }
html.dark .border-r-zinc-50 { border-color: var(--wz-border); }
html.dark .border-x-zinc-50 { border-color: var(--wz-border); }
html.dark .border-y-zinc-50 { border-color: var(--wz-border); }
html.dark .divide-zinc-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-zinc-50 { --tw-ring-color: var(--wz-border); }
html.dark .border-zinc-100,
html.dark .hover\:border-zinc-100:hover,
html.dark .focus\:border-zinc-100:focus,
html.dark .group:hover .group-hover\:border-zinc-100 { border-color: var(--wz-border); }
html.dark .border-t-zinc-100 { border-color: var(--wz-border); }
html.dark .border-b-zinc-100 { border-color: var(--wz-border); }
html.dark .border-l-zinc-100 { border-color: var(--wz-border); }
html.dark .border-r-zinc-100 { border-color: var(--wz-border); }
html.dark .border-x-zinc-100 { border-color: var(--wz-border); }
html.dark .border-y-zinc-100 { border-color: var(--wz-border); }
html.dark .divide-zinc-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-zinc-100 { --tw-ring-color: var(--wz-border); }
html.dark .border-zinc-200,
html.dark .hover\:border-zinc-200:hover,
html.dark .focus\:border-zinc-200:focus,
html.dark .group:hover .group-hover\:border-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-t-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-b-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-l-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-r-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-x-zinc-200 { border-color: var(--wz-border-2); }
html.dark .border-y-zinc-200 { border-color: var(--wz-border-2); }
html.dark .divide-zinc-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-2); }
html.dark .ring-zinc-200 { --tw-ring-color: var(--wz-border-2); }
html.dark .border-zinc-300,
html.dark .hover\:border-zinc-300:hover,
html.dark .focus\:border-zinc-300:focus,
html.dark .group:hover .group-hover\:border-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-t-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-b-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-l-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-r-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-x-zinc-300 { border-color: var(--wz-border-input); }
html.dark .border-y-zinc-300 { border-color: var(--wz-border-input); }
html.dark .divide-zinc-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-zinc-300 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-zinc-400,
html.dark .hover\:border-zinc-400:hover,
html.dark .focus\:border-zinc-400:focus,
html.dark .group:hover .group-hover\:border-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-t-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-b-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-l-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-r-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-x-zinc-400 { border-color: var(--wz-border-input); }
html.dark .border-y-zinc-400 { border-color: var(--wz-border-input); }
html.dark .divide-zinc-400 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-zinc-400 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-neutral-50,
html.dark .hover\:border-neutral-50:hover,
html.dark .focus\:border-neutral-50:focus,
html.dark .group:hover .group-hover\:border-neutral-50 { border-color: var(--wz-border); }
html.dark .border-t-neutral-50 { border-color: var(--wz-border); }
html.dark .border-b-neutral-50 { border-color: var(--wz-border); }
html.dark .border-l-neutral-50 { border-color: var(--wz-border); }
html.dark .border-r-neutral-50 { border-color: var(--wz-border); }
html.dark .border-x-neutral-50 { border-color: var(--wz-border); }
html.dark .border-y-neutral-50 { border-color: var(--wz-border); }
html.dark .divide-neutral-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-neutral-50 { --tw-ring-color: var(--wz-border); }
html.dark .border-neutral-100,
html.dark .hover\:border-neutral-100:hover,
html.dark .focus\:border-neutral-100:focus,
html.dark .group:hover .group-hover\:border-neutral-100 { border-color: var(--wz-border); }
html.dark .border-t-neutral-100 { border-color: var(--wz-border); }
html.dark .border-b-neutral-100 { border-color: var(--wz-border); }
html.dark .border-l-neutral-100 { border-color: var(--wz-border); }
html.dark .border-r-neutral-100 { border-color: var(--wz-border); }
html.dark .border-x-neutral-100 { border-color: var(--wz-border); }
html.dark .border-y-neutral-100 { border-color: var(--wz-border); }
html.dark .divide-neutral-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-neutral-100 { --tw-ring-color: var(--wz-border); }
html.dark .border-neutral-200,
html.dark .hover\:border-neutral-200:hover,
html.dark .focus\:border-neutral-200:focus,
html.dark .group:hover .group-hover\:border-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-t-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-b-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-l-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-r-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-x-neutral-200 { border-color: var(--wz-border-2); }
html.dark .border-y-neutral-200 { border-color: var(--wz-border-2); }
html.dark .divide-neutral-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-2); }
html.dark .ring-neutral-200 { --tw-ring-color: var(--wz-border-2); }
html.dark .border-neutral-300,
html.dark .hover\:border-neutral-300:hover,
html.dark .focus\:border-neutral-300:focus,
html.dark .group:hover .group-hover\:border-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-t-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-b-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-l-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-r-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-x-neutral-300 { border-color: var(--wz-border-input); }
html.dark .border-y-neutral-300 { border-color: var(--wz-border-input); }
html.dark .divide-neutral-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-neutral-300 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-neutral-400,
html.dark .hover\:border-neutral-400:hover,
html.dark .focus\:border-neutral-400:focus,
html.dark .group:hover .group-hover\:border-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-t-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-b-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-l-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-r-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-x-neutral-400 { border-color: var(--wz-border-input); }
html.dark .border-y-neutral-400 { border-color: var(--wz-border-input); }
html.dark .divide-neutral-400 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-neutral-400 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-stone-50,
html.dark .hover\:border-stone-50:hover,
html.dark .focus\:border-stone-50:focus,
html.dark .group:hover .group-hover\:border-stone-50 { border-color: var(--wz-border); }
html.dark .border-t-stone-50 { border-color: var(--wz-border); }
html.dark .border-b-stone-50 { border-color: var(--wz-border); }
html.dark .border-l-stone-50 { border-color: var(--wz-border); }
html.dark .border-r-stone-50 { border-color: var(--wz-border); }
html.dark .border-x-stone-50 { border-color: var(--wz-border); }
html.dark .border-y-stone-50 { border-color: var(--wz-border); }
html.dark .divide-stone-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-stone-50 { --tw-ring-color: var(--wz-border); }
html.dark .border-stone-100,
html.dark .hover\:border-stone-100:hover,
html.dark .focus\:border-stone-100:focus,
html.dark .group:hover .group-hover\:border-stone-100 { border-color: var(--wz-border); }
html.dark .border-t-stone-100 { border-color: var(--wz-border); }
html.dark .border-b-stone-100 { border-color: var(--wz-border); }
html.dark .border-l-stone-100 { border-color: var(--wz-border); }
html.dark .border-r-stone-100 { border-color: var(--wz-border); }
html.dark .border-x-stone-100 { border-color: var(--wz-border); }
html.dark .border-y-stone-100 { border-color: var(--wz-border); }
html.dark .divide-stone-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border); }
html.dark .ring-stone-100 { --tw-ring-color: var(--wz-border); }
html.dark .border-stone-200,
html.dark .hover\:border-stone-200:hover,
html.dark .focus\:border-stone-200:focus,
html.dark .group:hover .group-hover\:border-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-t-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-b-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-l-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-r-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-x-stone-200 { border-color: var(--wz-border-2); }
html.dark .border-y-stone-200 { border-color: var(--wz-border-2); }
html.dark .divide-stone-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-2); }
html.dark .ring-stone-200 { --tw-ring-color: var(--wz-border-2); }
html.dark .border-stone-300,
html.dark .hover\:border-stone-300:hover,
html.dark .focus\:border-stone-300:focus,
html.dark .group:hover .group-hover\:border-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-t-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-b-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-l-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-r-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-x-stone-300 { border-color: var(--wz-border-input); }
html.dark .border-y-stone-300 { border-color: var(--wz-border-input); }
html.dark .divide-stone-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-stone-300 { --tw-ring-color: var(--wz-border-input); }
html.dark .border-stone-400,
html.dark .hover\:border-stone-400:hover,
html.dark .focus\:border-stone-400:focus,
html.dark .group:hover .group-hover\:border-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-t-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-b-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-l-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-r-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-x-stone-400 { border-color: var(--wz-border-input); }
html.dark .border-y-stone-400 { border-color: var(--wz-border-input); }
html.dark .divide-stone-400 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wz-border-input); }
html.dark .ring-stone-400 { --tw-ring-color: var(--wz-border-input); }
html.dark .bg-red-50,
html.dark .hover\:bg-red-50:hover,
html.dark .focus\:bg-red-50:focus,
html.dark .group:hover .group-hover\:bg-red-50 { background-color: rgba(239, 68, 68, 0.1); }
html.dark .bg-red-100,
html.dark .hover\:bg-red-100:hover,
html.dark .focus\:bg-red-100:focus,
html.dark .group:hover .group-hover\:bg-red-100 { background-color: rgba(239, 68, 68, 0.16); }
html.dark .bg-red-200,
html.dark .hover\:bg-red-200:hover,
html.dark .focus\:bg-red-200:focus,
html.dark .group:hover .group-hover\:bg-red-200 { background-color: rgba(239, 68, 68, 0.26); }
html.dark .bg-red-50\/30,
html.dark .hover\:bg-red-50\/30:hover,
html.dark .focus\:bg-red-50\/30:focus,
html.dark .group:hover .group-hover\:bg-red-50\/30 { background-color: rgba(239, 68, 68, 0.07); }
html.dark .bg-red-100\/30,
html.dark .hover\:bg-red-100\/30:hover,
html.dark .focus\:bg-red-100\/30:focus,
html.dark .group:hover .group-hover\:bg-red-100\/30 { background-color: rgba(239, 68, 68, 0.088); }
html.dark .bg-red-50\/40,
html.dark .hover\:bg-red-50\/40:hover,
html.dark .focus\:bg-red-50\/40:focus,
html.dark .group:hover .group-hover\:bg-red-50\/40 { background-color: rgba(239, 68, 68, 0.08000000000000002); }
html.dark .bg-red-100\/40,
html.dark .hover\:bg-red-100\/40:hover,
html.dark .focus\:bg-red-100\/40:focus,
html.dark .group:hover .group-hover\:bg-red-100\/40 { background-color: rgba(239, 68, 68, 0.10400000000000001); }
html.dark .bg-red-50\/50,
html.dark .hover\:bg-red-50\/50:hover,
html.dark .focus\:bg-red-50\/50:focus,
html.dark .group:hover .group-hover\:bg-red-50\/50 { background-color: rgba(239, 68, 68, 0.09); }
html.dark .bg-red-100\/50,
html.dark .hover\:bg-red-100\/50:hover,
html.dark .focus\:bg-red-100\/50:focus,
html.dark .group:hover .group-hover\:bg-red-100\/50 { background-color: rgba(239, 68, 68, 0.12); }
html.dark .bg-red-50\/60,
html.dark .hover\:bg-red-50\/60:hover,
html.dark .focus\:bg-red-50\/60:focus,
html.dark .group:hover .group-hover\:bg-red-50\/60 { background-color: rgba(239, 68, 68, 0.1); }
html.dark .bg-red-100\/60,
html.dark .hover\:bg-red-100\/60:hover,
html.dark .focus\:bg-red-100\/60:focus,
html.dark .group:hover .group-hover\:bg-red-100\/60 { background-color: rgba(239, 68, 68, 0.136); }
html.dark .bg-red-50\/70,
html.dark .hover\:bg-red-50\/70:hover,
html.dark .focus\:bg-red-50\/70:focus,
html.dark .group:hover .group-hover\:bg-red-50\/70 { background-color: rgba(239, 68, 68, 0.10999999999999999); }
html.dark .bg-red-100\/70,
html.dark .hover\:bg-red-100\/70:hover,
html.dark .focus\:bg-red-100\/70:focus,
html.dark .group:hover .group-hover\:bg-red-100\/70 { background-color: rgba(239, 68, 68, 0.152); }
html.dark .bg-red-50\/80,
html.dark .hover\:bg-red-50\/80:hover,
html.dark .focus\:bg-red-50\/80:focus,
html.dark .group:hover .group-hover\:bg-red-50\/80 { background-color: rgba(239, 68, 68, 0.12000000000000002); }
html.dark .bg-red-100\/80,
html.dark .hover\:bg-red-100\/80:hover,
html.dark .focus\:bg-red-100\/80:focus,
html.dark .group:hover .group-hover\:bg-red-100\/80 { background-color: rgba(239, 68, 68, 0.168); }
html.dark .text-red-600,
html.dark .hover\:text-red-600:hover,
html.dark .focus\:text-red-600:focus,
html.dark .group:hover .group-hover\:text-red-600 { color: #f87171; }
html.dark .text-red-700,
html.dark .hover\:text-red-700:hover,
html.dark .focus\:text-red-700:focus,
html.dark .group:hover .group-hover\:text-red-700 { color: #fca5a5; }
html.dark .text-red-800,
html.dark .hover\:text-red-800:hover,
html.dark .focus\:text-red-800:focus,
html.dark .group:hover .group-hover\:text-red-800 { color: #fca5a5; }
html.dark .text-red-900,
html.dark .hover\:text-red-900:hover,
html.dark .focus\:text-red-900:focus,
html.dark .group:hover .group-hover\:text-red-900 { color: #fca5a5; }
html.dark .border-red-100,
html.dark .hover\:border-red-100:hover,
html.dark .focus\:border-red-100:focus,
html.dark .group:hover .group-hover\:border-red-100 { border-color: rgba(239, 68, 68, 0.24); }
html.dark .ring-red-100 { --tw-ring-color: rgba(239, 68, 68, 0.24); }
html.dark .border-red-200,
html.dark .hover\:border-red-200:hover,
html.dark .focus\:border-red-200:focus,
html.dark .group:hover .group-hover\:border-red-200 { border-color: rgba(239, 68, 68, 0.32); }
html.dark .ring-red-200 { --tw-ring-color: rgba(239, 68, 68, 0.32); }
html.dark .border-red-300,
html.dark .hover\:border-red-300:hover,
html.dark .focus\:border-red-300:focus,
html.dark .group:hover .group-hover\:border-red-300 { border-color: rgba(239, 68, 68, 0.45); }
html.dark .ring-red-300 { --tw-ring-color: rgba(239, 68, 68, 0.45); }
html.dark .from-red-50 { --tw-gradient-from: rgba(239, 68, 68, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-red-50 { --tw-gradient-to: rgba(239, 68, 68, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-orange-50,
html.dark .hover\:bg-orange-50:hover,
html.dark .focus\:bg-orange-50:focus,
html.dark .group:hover .group-hover\:bg-orange-50 { background-color: rgba(249, 115, 22, 0.1); }
html.dark .bg-orange-100,
html.dark .hover\:bg-orange-100:hover,
html.dark .focus\:bg-orange-100:focus,
html.dark .group:hover .group-hover\:bg-orange-100 { background-color: rgba(249, 115, 22, 0.16); }
html.dark .bg-orange-200,
html.dark .hover\:bg-orange-200:hover,
html.dark .focus\:bg-orange-200:focus,
html.dark .group:hover .group-hover\:bg-orange-200 { background-color: rgba(249, 115, 22, 0.26); }
html.dark .bg-orange-50\/30,
html.dark .hover\:bg-orange-50\/30:hover,
html.dark .focus\:bg-orange-50\/30:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/30 { background-color: rgba(249, 115, 22, 0.07); }
html.dark .bg-orange-100\/30,
html.dark .hover\:bg-orange-100\/30:hover,
html.dark .focus\:bg-orange-100\/30:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/30 { background-color: rgba(249, 115, 22, 0.088); }
html.dark .bg-orange-50\/40,
html.dark .hover\:bg-orange-50\/40:hover,
html.dark .focus\:bg-orange-50\/40:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/40 { background-color: rgba(249, 115, 22, 0.08000000000000002); }
html.dark .bg-orange-100\/40,
html.dark .hover\:bg-orange-100\/40:hover,
html.dark .focus\:bg-orange-100\/40:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/40 { background-color: rgba(249, 115, 22, 0.10400000000000001); }
html.dark .bg-orange-50\/50,
html.dark .hover\:bg-orange-50\/50:hover,
html.dark .focus\:bg-orange-50\/50:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/50 { background-color: rgba(249, 115, 22, 0.09); }
html.dark .bg-orange-100\/50,
html.dark .hover\:bg-orange-100\/50:hover,
html.dark .focus\:bg-orange-100\/50:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/50 { background-color: rgba(249, 115, 22, 0.12); }
html.dark .bg-orange-50\/60,
html.dark .hover\:bg-orange-50\/60:hover,
html.dark .focus\:bg-orange-50\/60:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/60 { background-color: rgba(249, 115, 22, 0.1); }
html.dark .bg-orange-100\/60,
html.dark .hover\:bg-orange-100\/60:hover,
html.dark .focus\:bg-orange-100\/60:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/60 { background-color: rgba(249, 115, 22, 0.136); }
html.dark .bg-orange-50\/70,
html.dark .hover\:bg-orange-50\/70:hover,
html.dark .focus\:bg-orange-50\/70:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/70 { background-color: rgba(249, 115, 22, 0.10999999999999999); }
html.dark .bg-orange-100\/70,
html.dark .hover\:bg-orange-100\/70:hover,
html.dark .focus\:bg-orange-100\/70:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/70 { background-color: rgba(249, 115, 22, 0.152); }
html.dark .bg-orange-50\/80,
html.dark .hover\:bg-orange-50\/80:hover,
html.dark .focus\:bg-orange-50\/80:focus,
html.dark .group:hover .group-hover\:bg-orange-50\/80 { background-color: rgba(249, 115, 22, 0.12000000000000002); }
html.dark .bg-orange-100\/80,
html.dark .hover\:bg-orange-100\/80:hover,
html.dark .focus\:bg-orange-100\/80:focus,
html.dark .group:hover .group-hover\:bg-orange-100\/80 { background-color: rgba(249, 115, 22, 0.168); }
html.dark .text-orange-600,
html.dark .hover\:text-orange-600:hover,
html.dark .focus\:text-orange-600:focus,
html.dark .group:hover .group-hover\:text-orange-600 { color: #fb923c; }
html.dark .text-orange-700,
html.dark .hover\:text-orange-700:hover,
html.dark .focus\:text-orange-700:focus,
html.dark .group:hover .group-hover\:text-orange-700 { color: #fdba74; }
html.dark .text-orange-800,
html.dark .hover\:text-orange-800:hover,
html.dark .focus\:text-orange-800:focus,
html.dark .group:hover .group-hover\:text-orange-800 { color: #fdba74; }
html.dark .text-orange-900,
html.dark .hover\:text-orange-900:hover,
html.dark .focus\:text-orange-900:focus,
html.dark .group:hover .group-hover\:text-orange-900 { color: #fdba74; }
html.dark .border-orange-100,
html.dark .hover\:border-orange-100:hover,
html.dark .focus\:border-orange-100:focus,
html.dark .group:hover .group-hover\:border-orange-100 { border-color: rgba(249, 115, 22, 0.24); }
html.dark .ring-orange-100 { --tw-ring-color: rgba(249, 115, 22, 0.24); }
html.dark .border-orange-200,
html.dark .hover\:border-orange-200:hover,
html.dark .focus\:border-orange-200:focus,
html.dark .group:hover .group-hover\:border-orange-200 { border-color: rgba(249, 115, 22, 0.32); }
html.dark .ring-orange-200 { --tw-ring-color: rgba(249, 115, 22, 0.32); }
html.dark .border-orange-300,
html.dark .hover\:border-orange-300:hover,
html.dark .focus\:border-orange-300:focus,
html.dark .group:hover .group-hover\:border-orange-300 { border-color: rgba(249, 115, 22, 0.45); }
html.dark .ring-orange-300 { --tw-ring-color: rgba(249, 115, 22, 0.45); }
html.dark .from-orange-50 { --tw-gradient-from: rgba(249, 115, 22, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-orange-50 { --tw-gradient-to: rgba(249, 115, 22, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-amber-50,
html.dark .hover\:bg-amber-50:hover,
html.dark .focus\:bg-amber-50:focus,
html.dark .group:hover .group-hover\:bg-amber-50 { background-color: rgba(245, 158, 11, 0.1); }
html.dark .bg-amber-100,
html.dark .hover\:bg-amber-100:hover,
html.dark .focus\:bg-amber-100:focus,
html.dark .group:hover .group-hover\:bg-amber-100 { background-color: rgba(245, 158, 11, 0.16); }
html.dark .bg-amber-200,
html.dark .hover\:bg-amber-200:hover,
html.dark .focus\:bg-amber-200:focus,
html.dark .group:hover .group-hover\:bg-amber-200 { background-color: rgba(245, 158, 11, 0.26); }
html.dark .bg-amber-50\/30,
html.dark .hover\:bg-amber-50\/30:hover,
html.dark .focus\:bg-amber-50\/30:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/30 { background-color: rgba(245, 158, 11, 0.07); }
html.dark .bg-amber-100\/30,
html.dark .hover\:bg-amber-100\/30:hover,
html.dark .focus\:bg-amber-100\/30:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/30 { background-color: rgba(245, 158, 11, 0.088); }
html.dark .bg-amber-50\/40,
html.dark .hover\:bg-amber-50\/40:hover,
html.dark .focus\:bg-amber-50\/40:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/40 { background-color: rgba(245, 158, 11, 0.08000000000000002); }
html.dark .bg-amber-100\/40,
html.dark .hover\:bg-amber-100\/40:hover,
html.dark .focus\:bg-amber-100\/40:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/40 { background-color: rgba(245, 158, 11, 0.10400000000000001); }
html.dark .bg-amber-50\/50,
html.dark .hover\:bg-amber-50\/50:hover,
html.dark .focus\:bg-amber-50\/50:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/50 { background-color: rgba(245, 158, 11, 0.09); }
html.dark .bg-amber-100\/50,
html.dark .hover\:bg-amber-100\/50:hover,
html.dark .focus\:bg-amber-100\/50:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/50 { background-color: rgba(245, 158, 11, 0.12); }
html.dark .bg-amber-50\/60,
html.dark .hover\:bg-amber-50\/60:hover,
html.dark .focus\:bg-amber-50\/60:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/60 { background-color: rgba(245, 158, 11, 0.1); }
html.dark .bg-amber-100\/60,
html.dark .hover\:bg-amber-100\/60:hover,
html.dark .focus\:bg-amber-100\/60:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/60 { background-color: rgba(245, 158, 11, 0.136); }
html.dark .bg-amber-50\/70,
html.dark .hover\:bg-amber-50\/70:hover,
html.dark .focus\:bg-amber-50\/70:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/70 { background-color: rgba(245, 158, 11, 0.10999999999999999); }
html.dark .bg-amber-100\/70,
html.dark .hover\:bg-amber-100\/70:hover,
html.dark .focus\:bg-amber-100\/70:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/70 { background-color: rgba(245, 158, 11, 0.152); }
html.dark .bg-amber-50\/80,
html.dark .hover\:bg-amber-50\/80:hover,
html.dark .focus\:bg-amber-50\/80:focus,
html.dark .group:hover .group-hover\:bg-amber-50\/80 { background-color: rgba(245, 158, 11, 0.12000000000000002); }
html.dark .bg-amber-100\/80,
html.dark .hover\:bg-amber-100\/80:hover,
html.dark .focus\:bg-amber-100\/80:focus,
html.dark .group:hover .group-hover\:bg-amber-100\/80 { background-color: rgba(245, 158, 11, 0.168); }
html.dark .text-amber-600,
html.dark .hover\:text-amber-600:hover,
html.dark .focus\:text-amber-600:focus,
html.dark .group:hover .group-hover\:text-amber-600 { color: #fbbf24; }
html.dark .text-amber-700,
html.dark .hover\:text-amber-700:hover,
html.dark .focus\:text-amber-700:focus,
html.dark .group:hover .group-hover\:text-amber-700 { color: #fcd34d; }
html.dark .text-amber-800,
html.dark .hover\:text-amber-800:hover,
html.dark .focus\:text-amber-800:focus,
html.dark .group:hover .group-hover\:text-amber-800 { color: #fcd34d; }
html.dark .text-amber-900,
html.dark .hover\:text-amber-900:hover,
html.dark .focus\:text-amber-900:focus,
html.dark .group:hover .group-hover\:text-amber-900 { color: #fcd34d; }
html.dark .border-amber-100,
html.dark .hover\:border-amber-100:hover,
html.dark .focus\:border-amber-100:focus,
html.dark .group:hover .group-hover\:border-amber-100 { border-color: rgba(245, 158, 11, 0.24); }
html.dark .ring-amber-100 { --tw-ring-color: rgba(245, 158, 11, 0.24); }
html.dark .border-amber-200,
html.dark .hover\:border-amber-200:hover,
html.dark .focus\:border-amber-200:focus,
html.dark .group:hover .group-hover\:border-amber-200 { border-color: rgba(245, 158, 11, 0.32); }
html.dark .ring-amber-200 { --tw-ring-color: rgba(245, 158, 11, 0.32); }
html.dark .border-amber-300,
html.dark .hover\:border-amber-300:hover,
html.dark .focus\:border-amber-300:focus,
html.dark .group:hover .group-hover\:border-amber-300 { border-color: rgba(245, 158, 11, 0.45); }
html.dark .ring-amber-300 { --tw-ring-color: rgba(245, 158, 11, 0.45); }
html.dark .from-amber-50 { --tw-gradient-from: rgba(245, 158, 11, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-amber-50 { --tw-gradient-to: rgba(245, 158, 11, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-yellow-50,
html.dark .hover\:bg-yellow-50:hover,
html.dark .focus\:bg-yellow-50:focus,
html.dark .group:hover .group-hover\:bg-yellow-50 { background-color: rgba(234, 179, 8, 0.1); }
html.dark .bg-yellow-100,
html.dark .hover\:bg-yellow-100:hover,
html.dark .focus\:bg-yellow-100:focus,
html.dark .group:hover .group-hover\:bg-yellow-100 { background-color: rgba(234, 179, 8, 0.16); }
html.dark .bg-yellow-200,
html.dark .hover\:bg-yellow-200:hover,
html.dark .focus\:bg-yellow-200:focus,
html.dark .group:hover .group-hover\:bg-yellow-200 { background-color: rgba(234, 179, 8, 0.26); }
html.dark .bg-yellow-50\/30,
html.dark .hover\:bg-yellow-50\/30:hover,
html.dark .focus\:bg-yellow-50\/30:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/30 { background-color: rgba(234, 179, 8, 0.07); }
html.dark .bg-yellow-100\/30,
html.dark .hover\:bg-yellow-100\/30:hover,
html.dark .focus\:bg-yellow-100\/30:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/30 { background-color: rgba(234, 179, 8, 0.088); }
html.dark .bg-yellow-50\/40,
html.dark .hover\:bg-yellow-50\/40:hover,
html.dark .focus\:bg-yellow-50\/40:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/40 { background-color: rgba(234, 179, 8, 0.08000000000000002); }
html.dark .bg-yellow-100\/40,
html.dark .hover\:bg-yellow-100\/40:hover,
html.dark .focus\:bg-yellow-100\/40:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/40 { background-color: rgba(234, 179, 8, 0.10400000000000001); }
html.dark .bg-yellow-50\/50,
html.dark .hover\:bg-yellow-50\/50:hover,
html.dark .focus\:bg-yellow-50\/50:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/50 { background-color: rgba(234, 179, 8, 0.09); }
html.dark .bg-yellow-100\/50,
html.dark .hover\:bg-yellow-100\/50:hover,
html.dark .focus\:bg-yellow-100\/50:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/50 { background-color: rgba(234, 179, 8, 0.12); }
html.dark .bg-yellow-50\/60,
html.dark .hover\:bg-yellow-50\/60:hover,
html.dark .focus\:bg-yellow-50\/60:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/60 { background-color: rgba(234, 179, 8, 0.1); }
html.dark .bg-yellow-100\/60,
html.dark .hover\:bg-yellow-100\/60:hover,
html.dark .focus\:bg-yellow-100\/60:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/60 { background-color: rgba(234, 179, 8, 0.136); }
html.dark .bg-yellow-50\/70,
html.dark .hover\:bg-yellow-50\/70:hover,
html.dark .focus\:bg-yellow-50\/70:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/70 { background-color: rgba(234, 179, 8, 0.10999999999999999); }
html.dark .bg-yellow-100\/70,
html.dark .hover\:bg-yellow-100\/70:hover,
html.dark .focus\:bg-yellow-100\/70:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/70 { background-color: rgba(234, 179, 8, 0.152); }
html.dark .bg-yellow-50\/80,
html.dark .hover\:bg-yellow-50\/80:hover,
html.dark .focus\:bg-yellow-50\/80:focus,
html.dark .group:hover .group-hover\:bg-yellow-50\/80 { background-color: rgba(234, 179, 8, 0.12000000000000002); }
html.dark .bg-yellow-100\/80,
html.dark .hover\:bg-yellow-100\/80:hover,
html.dark .focus\:bg-yellow-100\/80:focus,
html.dark .group:hover .group-hover\:bg-yellow-100\/80 { background-color: rgba(234, 179, 8, 0.168); }
html.dark .text-yellow-600,
html.dark .hover\:text-yellow-600:hover,
html.dark .focus\:text-yellow-600:focus,
html.dark .group:hover .group-hover\:text-yellow-600 { color: #facc15; }
html.dark .text-yellow-700,
html.dark .hover\:text-yellow-700:hover,
html.dark .focus\:text-yellow-700:focus,
html.dark .group:hover .group-hover\:text-yellow-700 { color: #fde047; }
html.dark .text-yellow-800,
html.dark .hover\:text-yellow-800:hover,
html.dark .focus\:text-yellow-800:focus,
html.dark .group:hover .group-hover\:text-yellow-800 { color: #fde047; }
html.dark .text-yellow-900,
html.dark .hover\:text-yellow-900:hover,
html.dark .focus\:text-yellow-900:focus,
html.dark .group:hover .group-hover\:text-yellow-900 { color: #fde047; }
html.dark .border-yellow-100,
html.dark .hover\:border-yellow-100:hover,
html.dark .focus\:border-yellow-100:focus,
html.dark .group:hover .group-hover\:border-yellow-100 { border-color: rgba(234, 179, 8, 0.24); }
html.dark .ring-yellow-100 { --tw-ring-color: rgba(234, 179, 8, 0.24); }
html.dark .border-yellow-200,
html.dark .hover\:border-yellow-200:hover,
html.dark .focus\:border-yellow-200:focus,
html.dark .group:hover .group-hover\:border-yellow-200 { border-color: rgba(234, 179, 8, 0.32); }
html.dark .ring-yellow-200 { --tw-ring-color: rgba(234, 179, 8, 0.32); }
html.dark .border-yellow-300,
html.dark .hover\:border-yellow-300:hover,
html.dark .focus\:border-yellow-300:focus,
html.dark .group:hover .group-hover\:border-yellow-300 { border-color: rgba(234, 179, 8, 0.45); }
html.dark .ring-yellow-300 { --tw-ring-color: rgba(234, 179, 8, 0.45); }
html.dark .from-yellow-50 { --tw-gradient-from: rgba(234, 179, 8, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-yellow-50 { --tw-gradient-to: rgba(234, 179, 8, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-lime-50,
html.dark .hover\:bg-lime-50:hover,
html.dark .focus\:bg-lime-50:focus,
html.dark .group:hover .group-hover\:bg-lime-50 { background-color: rgba(132, 204, 22, 0.1); }
html.dark .bg-lime-100,
html.dark .hover\:bg-lime-100:hover,
html.dark .focus\:bg-lime-100:focus,
html.dark .group:hover .group-hover\:bg-lime-100 { background-color: rgba(132, 204, 22, 0.16); }
html.dark .bg-lime-200,
html.dark .hover\:bg-lime-200:hover,
html.dark .focus\:bg-lime-200:focus,
html.dark .group:hover .group-hover\:bg-lime-200 { background-color: rgba(132, 204, 22, 0.26); }
html.dark .bg-lime-50\/30,
html.dark .hover\:bg-lime-50\/30:hover,
html.dark .focus\:bg-lime-50\/30:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/30 { background-color: rgba(132, 204, 22, 0.07); }
html.dark .bg-lime-100\/30,
html.dark .hover\:bg-lime-100\/30:hover,
html.dark .focus\:bg-lime-100\/30:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/30 { background-color: rgba(132, 204, 22, 0.088); }
html.dark .bg-lime-50\/40,
html.dark .hover\:bg-lime-50\/40:hover,
html.dark .focus\:bg-lime-50\/40:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/40 { background-color: rgba(132, 204, 22, 0.08000000000000002); }
html.dark .bg-lime-100\/40,
html.dark .hover\:bg-lime-100\/40:hover,
html.dark .focus\:bg-lime-100\/40:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/40 { background-color: rgba(132, 204, 22, 0.10400000000000001); }
html.dark .bg-lime-50\/50,
html.dark .hover\:bg-lime-50\/50:hover,
html.dark .focus\:bg-lime-50\/50:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/50 { background-color: rgba(132, 204, 22, 0.09); }
html.dark .bg-lime-100\/50,
html.dark .hover\:bg-lime-100\/50:hover,
html.dark .focus\:bg-lime-100\/50:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/50 { background-color: rgba(132, 204, 22, 0.12); }
html.dark .bg-lime-50\/60,
html.dark .hover\:bg-lime-50\/60:hover,
html.dark .focus\:bg-lime-50\/60:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/60 { background-color: rgba(132, 204, 22, 0.1); }
html.dark .bg-lime-100\/60,
html.dark .hover\:bg-lime-100\/60:hover,
html.dark .focus\:bg-lime-100\/60:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/60 { background-color: rgba(132, 204, 22, 0.136); }
html.dark .bg-lime-50\/70,
html.dark .hover\:bg-lime-50\/70:hover,
html.dark .focus\:bg-lime-50\/70:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/70 { background-color: rgba(132, 204, 22, 0.10999999999999999); }
html.dark .bg-lime-100\/70,
html.dark .hover\:bg-lime-100\/70:hover,
html.dark .focus\:bg-lime-100\/70:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/70 { background-color: rgba(132, 204, 22, 0.152); }
html.dark .bg-lime-50\/80,
html.dark .hover\:bg-lime-50\/80:hover,
html.dark .focus\:bg-lime-50\/80:focus,
html.dark .group:hover .group-hover\:bg-lime-50\/80 { background-color: rgba(132, 204, 22, 0.12000000000000002); }
html.dark .bg-lime-100\/80,
html.dark .hover\:bg-lime-100\/80:hover,
html.dark .focus\:bg-lime-100\/80:focus,
html.dark .group:hover .group-hover\:bg-lime-100\/80 { background-color: rgba(132, 204, 22, 0.168); }
html.dark .text-lime-600,
html.dark .hover\:text-lime-600:hover,
html.dark .focus\:text-lime-600:focus,
html.dark .group:hover .group-hover\:text-lime-600 { color: #a3e635; }
html.dark .text-lime-700,
html.dark .hover\:text-lime-700:hover,
html.dark .focus\:text-lime-700:focus,
html.dark .group:hover .group-hover\:text-lime-700 { color: #bef264; }
html.dark .text-lime-800,
html.dark .hover\:text-lime-800:hover,
html.dark .focus\:text-lime-800:focus,
html.dark .group:hover .group-hover\:text-lime-800 { color: #bef264; }
html.dark .text-lime-900,
html.dark .hover\:text-lime-900:hover,
html.dark .focus\:text-lime-900:focus,
html.dark .group:hover .group-hover\:text-lime-900 { color: #bef264; }
html.dark .border-lime-100,
html.dark .hover\:border-lime-100:hover,
html.dark .focus\:border-lime-100:focus,
html.dark .group:hover .group-hover\:border-lime-100 { border-color: rgba(132, 204, 22, 0.24); }
html.dark .ring-lime-100 { --tw-ring-color: rgba(132, 204, 22, 0.24); }
html.dark .border-lime-200,
html.dark .hover\:border-lime-200:hover,
html.dark .focus\:border-lime-200:focus,
html.dark .group:hover .group-hover\:border-lime-200 { border-color: rgba(132, 204, 22, 0.32); }
html.dark .ring-lime-200 { --tw-ring-color: rgba(132, 204, 22, 0.32); }
html.dark .border-lime-300,
html.dark .hover\:border-lime-300:hover,
html.dark .focus\:border-lime-300:focus,
html.dark .group:hover .group-hover\:border-lime-300 { border-color: rgba(132, 204, 22, 0.45); }
html.dark .ring-lime-300 { --tw-ring-color: rgba(132, 204, 22, 0.45); }
html.dark .from-lime-50 { --tw-gradient-from: rgba(132, 204, 22, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-lime-50 { --tw-gradient-to: rgba(132, 204, 22, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-green-50,
html.dark .hover\:bg-green-50:hover,
html.dark .focus\:bg-green-50:focus,
html.dark .group:hover .group-hover\:bg-green-50 { background-color: rgba(34, 197, 94, 0.1); }
html.dark .bg-green-100,
html.dark .hover\:bg-green-100:hover,
html.dark .focus\:bg-green-100:focus,
html.dark .group:hover .group-hover\:bg-green-100 { background-color: rgba(34, 197, 94, 0.16); }
html.dark .bg-green-200,
html.dark .hover\:bg-green-200:hover,
html.dark .focus\:bg-green-200:focus,
html.dark .group:hover .group-hover\:bg-green-200 { background-color: rgba(34, 197, 94, 0.26); }
html.dark .bg-green-50\/30,
html.dark .hover\:bg-green-50\/30:hover,
html.dark .focus\:bg-green-50\/30:focus,
html.dark .group:hover .group-hover\:bg-green-50\/30 { background-color: rgba(34, 197, 94, 0.07); }
html.dark .bg-green-100\/30,
html.dark .hover\:bg-green-100\/30:hover,
html.dark .focus\:bg-green-100\/30:focus,
html.dark .group:hover .group-hover\:bg-green-100\/30 { background-color: rgba(34, 197, 94, 0.088); }
html.dark .bg-green-50\/40,
html.dark .hover\:bg-green-50\/40:hover,
html.dark .focus\:bg-green-50\/40:focus,
html.dark .group:hover .group-hover\:bg-green-50\/40 { background-color: rgba(34, 197, 94, 0.08000000000000002); }
html.dark .bg-green-100\/40,
html.dark .hover\:bg-green-100\/40:hover,
html.dark .focus\:bg-green-100\/40:focus,
html.dark .group:hover .group-hover\:bg-green-100\/40 { background-color: rgba(34, 197, 94, 0.10400000000000001); }
html.dark .bg-green-50\/50,
html.dark .hover\:bg-green-50\/50:hover,
html.dark .focus\:bg-green-50\/50:focus,
html.dark .group:hover .group-hover\:bg-green-50\/50 { background-color: rgba(34, 197, 94, 0.09); }
html.dark .bg-green-100\/50,
html.dark .hover\:bg-green-100\/50:hover,
html.dark .focus\:bg-green-100\/50:focus,
html.dark .group:hover .group-hover\:bg-green-100\/50 { background-color: rgba(34, 197, 94, 0.12); }
html.dark .bg-green-50\/60,
html.dark .hover\:bg-green-50\/60:hover,
html.dark .focus\:bg-green-50\/60:focus,
html.dark .group:hover .group-hover\:bg-green-50\/60 { background-color: rgba(34, 197, 94, 0.1); }
html.dark .bg-green-100\/60,
html.dark .hover\:bg-green-100\/60:hover,
html.dark .focus\:bg-green-100\/60:focus,
html.dark .group:hover .group-hover\:bg-green-100\/60 { background-color: rgba(34, 197, 94, 0.136); }
html.dark .bg-green-50\/70,
html.dark .hover\:bg-green-50\/70:hover,
html.dark .focus\:bg-green-50\/70:focus,
html.dark .group:hover .group-hover\:bg-green-50\/70 { background-color: rgba(34, 197, 94, 0.10999999999999999); }
html.dark .bg-green-100\/70,
html.dark .hover\:bg-green-100\/70:hover,
html.dark .focus\:bg-green-100\/70:focus,
html.dark .group:hover .group-hover\:bg-green-100\/70 { background-color: rgba(34, 197, 94, 0.152); }
html.dark .bg-green-50\/80,
html.dark .hover\:bg-green-50\/80:hover,
html.dark .focus\:bg-green-50\/80:focus,
html.dark .group:hover .group-hover\:bg-green-50\/80 { background-color: rgba(34, 197, 94, 0.12000000000000002); }
html.dark .bg-green-100\/80,
html.dark .hover\:bg-green-100\/80:hover,
html.dark .focus\:bg-green-100\/80:focus,
html.dark .group:hover .group-hover\:bg-green-100\/80 { background-color: rgba(34, 197, 94, 0.168); }
html.dark .text-green-600,
html.dark .hover\:text-green-600:hover,
html.dark .focus\:text-green-600:focus,
html.dark .group:hover .group-hover\:text-green-600 { color: #4ade80; }
html.dark .text-green-700,
html.dark .hover\:text-green-700:hover,
html.dark .focus\:text-green-700:focus,
html.dark .group:hover .group-hover\:text-green-700 { color: #86efac; }
html.dark .text-green-800,
html.dark .hover\:text-green-800:hover,
html.dark .focus\:text-green-800:focus,
html.dark .group:hover .group-hover\:text-green-800 { color: #86efac; }
html.dark .text-green-900,
html.dark .hover\:text-green-900:hover,
html.dark .focus\:text-green-900:focus,
html.dark .group:hover .group-hover\:text-green-900 { color: #86efac; }
html.dark .border-green-100,
html.dark .hover\:border-green-100:hover,
html.dark .focus\:border-green-100:focus,
html.dark .group:hover .group-hover\:border-green-100 { border-color: rgba(34, 197, 94, 0.24); }
html.dark .ring-green-100 { --tw-ring-color: rgba(34, 197, 94, 0.24); }
html.dark .border-green-200,
html.dark .hover\:border-green-200:hover,
html.dark .focus\:border-green-200:focus,
html.dark .group:hover .group-hover\:border-green-200 { border-color: rgba(34, 197, 94, 0.32); }
html.dark .ring-green-200 { --tw-ring-color: rgba(34, 197, 94, 0.32); }
html.dark .border-green-300,
html.dark .hover\:border-green-300:hover,
html.dark .focus\:border-green-300:focus,
html.dark .group:hover .group-hover\:border-green-300 { border-color: rgba(34, 197, 94, 0.45); }
html.dark .ring-green-300 { --tw-ring-color: rgba(34, 197, 94, 0.45); }
html.dark .from-green-50 { --tw-gradient-from: rgba(34, 197, 94, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-green-50 { --tw-gradient-to: rgba(34, 197, 94, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-emerald-50,
html.dark .hover\:bg-emerald-50:hover,
html.dark .focus\:bg-emerald-50:focus,
html.dark .group:hover .group-hover\:bg-emerald-50 { background-color: rgba(16, 185, 129, 0.1); }
html.dark .bg-emerald-100,
html.dark .hover\:bg-emerald-100:hover,
html.dark .focus\:bg-emerald-100:focus,
html.dark .group:hover .group-hover\:bg-emerald-100 { background-color: rgba(16, 185, 129, 0.16); }
html.dark .bg-emerald-200,
html.dark .hover\:bg-emerald-200:hover,
html.dark .focus\:bg-emerald-200:focus,
html.dark .group:hover .group-hover\:bg-emerald-200 { background-color: rgba(16, 185, 129, 0.26); }
html.dark .bg-emerald-50\/30,
html.dark .hover\:bg-emerald-50\/30:hover,
html.dark .focus\:bg-emerald-50\/30:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/30 { background-color: rgba(16, 185, 129, 0.07); }
html.dark .bg-emerald-100\/30,
html.dark .hover\:bg-emerald-100\/30:hover,
html.dark .focus\:bg-emerald-100\/30:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/30 { background-color: rgba(16, 185, 129, 0.088); }
html.dark .bg-emerald-50\/40,
html.dark .hover\:bg-emerald-50\/40:hover,
html.dark .focus\:bg-emerald-50\/40:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/40 { background-color: rgba(16, 185, 129, 0.08000000000000002); }
html.dark .bg-emerald-100\/40,
html.dark .hover\:bg-emerald-100\/40:hover,
html.dark .focus\:bg-emerald-100\/40:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/40 { background-color: rgba(16, 185, 129, 0.10400000000000001); }
html.dark .bg-emerald-50\/50,
html.dark .hover\:bg-emerald-50\/50:hover,
html.dark .focus\:bg-emerald-50\/50:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/50 { background-color: rgba(16, 185, 129, 0.09); }
html.dark .bg-emerald-100\/50,
html.dark .hover\:bg-emerald-100\/50:hover,
html.dark .focus\:bg-emerald-100\/50:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/50 { background-color: rgba(16, 185, 129, 0.12); }
html.dark .bg-emerald-50\/60,
html.dark .hover\:bg-emerald-50\/60:hover,
html.dark .focus\:bg-emerald-50\/60:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/60 { background-color: rgba(16, 185, 129, 0.1); }
html.dark .bg-emerald-100\/60,
html.dark .hover\:bg-emerald-100\/60:hover,
html.dark .focus\:bg-emerald-100\/60:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/60 { background-color: rgba(16, 185, 129, 0.136); }
html.dark .bg-emerald-50\/70,
html.dark .hover\:bg-emerald-50\/70:hover,
html.dark .focus\:bg-emerald-50\/70:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/70 { background-color: rgba(16, 185, 129, 0.10999999999999999); }
html.dark .bg-emerald-100\/70,
html.dark .hover\:bg-emerald-100\/70:hover,
html.dark .focus\:bg-emerald-100\/70:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/70 { background-color: rgba(16, 185, 129, 0.152); }
html.dark .bg-emerald-50\/80,
html.dark .hover\:bg-emerald-50\/80:hover,
html.dark .focus\:bg-emerald-50\/80:focus,
html.dark .group:hover .group-hover\:bg-emerald-50\/80 { background-color: rgba(16, 185, 129, 0.12000000000000002); }
html.dark .bg-emerald-100\/80,
html.dark .hover\:bg-emerald-100\/80:hover,
html.dark .focus\:bg-emerald-100\/80:focus,
html.dark .group:hover .group-hover\:bg-emerald-100\/80 { background-color: rgba(16, 185, 129, 0.168); }
html.dark .text-emerald-600,
html.dark .hover\:text-emerald-600:hover,
html.dark .focus\:text-emerald-600:focus,
html.dark .group:hover .group-hover\:text-emerald-600 { color: #34d399; }
html.dark .text-emerald-700,
html.dark .hover\:text-emerald-700:hover,
html.dark .focus\:text-emerald-700:focus,
html.dark .group:hover .group-hover\:text-emerald-700 { color: #6ee7b7; }
html.dark .text-emerald-800,
html.dark .hover\:text-emerald-800:hover,
html.dark .focus\:text-emerald-800:focus,
html.dark .group:hover .group-hover\:text-emerald-800 { color: #6ee7b7; }
html.dark .text-emerald-900,
html.dark .hover\:text-emerald-900:hover,
html.dark .focus\:text-emerald-900:focus,
html.dark .group:hover .group-hover\:text-emerald-900 { color: #6ee7b7; }
html.dark .border-emerald-100,
html.dark .hover\:border-emerald-100:hover,
html.dark .focus\:border-emerald-100:focus,
html.dark .group:hover .group-hover\:border-emerald-100 { border-color: rgba(16, 185, 129, 0.24); }
html.dark .ring-emerald-100 { --tw-ring-color: rgba(16, 185, 129, 0.24); }
html.dark .border-emerald-200,
html.dark .hover\:border-emerald-200:hover,
html.dark .focus\:border-emerald-200:focus,
html.dark .group:hover .group-hover\:border-emerald-200 { border-color: rgba(16, 185, 129, 0.32); }
html.dark .ring-emerald-200 { --tw-ring-color: rgba(16, 185, 129, 0.32); }
html.dark .border-emerald-300,
html.dark .hover\:border-emerald-300:hover,
html.dark .focus\:border-emerald-300:focus,
html.dark .group:hover .group-hover\:border-emerald-300 { border-color: rgba(16, 185, 129, 0.45); }
html.dark .ring-emerald-300 { --tw-ring-color: rgba(16, 185, 129, 0.45); }
html.dark .from-emerald-50 { --tw-gradient-from: rgba(16, 185, 129, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-emerald-50 { --tw-gradient-to: rgba(16, 185, 129, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-teal-50,
html.dark .hover\:bg-teal-50:hover,
html.dark .focus\:bg-teal-50:focus,
html.dark .group:hover .group-hover\:bg-teal-50 { background-color: rgba(20, 184, 166, 0.1); }
html.dark .bg-teal-100,
html.dark .hover\:bg-teal-100:hover,
html.dark .focus\:bg-teal-100:focus,
html.dark .group:hover .group-hover\:bg-teal-100 { background-color: rgba(20, 184, 166, 0.16); }
html.dark .bg-teal-200,
html.dark .hover\:bg-teal-200:hover,
html.dark .focus\:bg-teal-200:focus,
html.dark .group:hover .group-hover\:bg-teal-200 { background-color: rgba(20, 184, 166, 0.26); }
html.dark .bg-teal-50\/30,
html.dark .hover\:bg-teal-50\/30:hover,
html.dark .focus\:bg-teal-50\/30:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/30 { background-color: rgba(20, 184, 166, 0.07); }
html.dark .bg-teal-100\/30,
html.dark .hover\:bg-teal-100\/30:hover,
html.dark .focus\:bg-teal-100\/30:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/30 { background-color: rgba(20, 184, 166, 0.088); }
html.dark .bg-teal-50\/40,
html.dark .hover\:bg-teal-50\/40:hover,
html.dark .focus\:bg-teal-50\/40:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/40 { background-color: rgba(20, 184, 166, 0.08000000000000002); }
html.dark .bg-teal-100\/40,
html.dark .hover\:bg-teal-100\/40:hover,
html.dark .focus\:bg-teal-100\/40:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/40 { background-color: rgba(20, 184, 166, 0.10400000000000001); }
html.dark .bg-teal-50\/50,
html.dark .hover\:bg-teal-50\/50:hover,
html.dark .focus\:bg-teal-50\/50:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/50 { background-color: rgba(20, 184, 166, 0.09); }
html.dark .bg-teal-100\/50,
html.dark .hover\:bg-teal-100\/50:hover,
html.dark .focus\:bg-teal-100\/50:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/50 { background-color: rgba(20, 184, 166, 0.12); }
html.dark .bg-teal-50\/60,
html.dark .hover\:bg-teal-50\/60:hover,
html.dark .focus\:bg-teal-50\/60:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/60 { background-color: rgba(20, 184, 166, 0.1); }
html.dark .bg-teal-100\/60,
html.dark .hover\:bg-teal-100\/60:hover,
html.dark .focus\:bg-teal-100\/60:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/60 { background-color: rgba(20, 184, 166, 0.136); }
html.dark .bg-teal-50\/70,
html.dark .hover\:bg-teal-50\/70:hover,
html.dark .focus\:bg-teal-50\/70:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/70 { background-color: rgba(20, 184, 166, 0.10999999999999999); }
html.dark .bg-teal-100\/70,
html.dark .hover\:bg-teal-100\/70:hover,
html.dark .focus\:bg-teal-100\/70:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/70 { background-color: rgba(20, 184, 166, 0.152); }
html.dark .bg-teal-50\/80,
html.dark .hover\:bg-teal-50\/80:hover,
html.dark .focus\:bg-teal-50\/80:focus,
html.dark .group:hover .group-hover\:bg-teal-50\/80 { background-color: rgba(20, 184, 166, 0.12000000000000002); }
html.dark .bg-teal-100\/80,
html.dark .hover\:bg-teal-100\/80:hover,
html.dark .focus\:bg-teal-100\/80:focus,
html.dark .group:hover .group-hover\:bg-teal-100\/80 { background-color: rgba(20, 184, 166, 0.168); }
html.dark .text-teal-600,
html.dark .hover\:text-teal-600:hover,
html.dark .focus\:text-teal-600:focus,
html.dark .group:hover .group-hover\:text-teal-600 { color: #2dd4bf; }
html.dark .text-teal-700,
html.dark .hover\:text-teal-700:hover,
html.dark .focus\:text-teal-700:focus,
html.dark .group:hover .group-hover\:text-teal-700 { color: #5eead4; }
html.dark .text-teal-800,
html.dark .hover\:text-teal-800:hover,
html.dark .focus\:text-teal-800:focus,
html.dark .group:hover .group-hover\:text-teal-800 { color: #5eead4; }
html.dark .text-teal-900,
html.dark .hover\:text-teal-900:hover,
html.dark .focus\:text-teal-900:focus,
html.dark .group:hover .group-hover\:text-teal-900 { color: #5eead4; }
html.dark .border-teal-100,
html.dark .hover\:border-teal-100:hover,
html.dark .focus\:border-teal-100:focus,
html.dark .group:hover .group-hover\:border-teal-100 { border-color: rgba(20, 184, 166, 0.24); }
html.dark .ring-teal-100 { --tw-ring-color: rgba(20, 184, 166, 0.24); }
html.dark .border-teal-200,
html.dark .hover\:border-teal-200:hover,
html.dark .focus\:border-teal-200:focus,
html.dark .group:hover .group-hover\:border-teal-200 { border-color: rgba(20, 184, 166, 0.32); }
html.dark .ring-teal-200 { --tw-ring-color: rgba(20, 184, 166, 0.32); }
html.dark .border-teal-300,
html.dark .hover\:border-teal-300:hover,
html.dark .focus\:border-teal-300:focus,
html.dark .group:hover .group-hover\:border-teal-300 { border-color: rgba(20, 184, 166, 0.45); }
html.dark .ring-teal-300 { --tw-ring-color: rgba(20, 184, 166, 0.45); }
html.dark .from-teal-50 { --tw-gradient-from: rgba(20, 184, 166, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-teal-50 { --tw-gradient-to: rgba(20, 184, 166, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-cyan-50,
html.dark .hover\:bg-cyan-50:hover,
html.dark .focus\:bg-cyan-50:focus,
html.dark .group:hover .group-hover\:bg-cyan-50 { background-color: rgba(6, 182, 212, 0.1); }
html.dark .bg-cyan-100,
html.dark .hover\:bg-cyan-100:hover,
html.dark .focus\:bg-cyan-100:focus,
html.dark .group:hover .group-hover\:bg-cyan-100 { background-color: rgba(6, 182, 212, 0.16); }
html.dark .bg-cyan-200,
html.dark .hover\:bg-cyan-200:hover,
html.dark .focus\:bg-cyan-200:focus,
html.dark .group:hover .group-hover\:bg-cyan-200 { background-color: rgba(6, 182, 212, 0.26); }
html.dark .bg-cyan-50\/30,
html.dark .hover\:bg-cyan-50\/30:hover,
html.dark .focus\:bg-cyan-50\/30:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/30 { background-color: rgba(6, 182, 212, 0.07); }
html.dark .bg-cyan-100\/30,
html.dark .hover\:bg-cyan-100\/30:hover,
html.dark .focus\:bg-cyan-100\/30:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/30 { background-color: rgba(6, 182, 212, 0.088); }
html.dark .bg-cyan-50\/40,
html.dark .hover\:bg-cyan-50\/40:hover,
html.dark .focus\:bg-cyan-50\/40:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/40 { background-color: rgba(6, 182, 212, 0.08000000000000002); }
html.dark .bg-cyan-100\/40,
html.dark .hover\:bg-cyan-100\/40:hover,
html.dark .focus\:bg-cyan-100\/40:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/40 { background-color: rgba(6, 182, 212, 0.10400000000000001); }
html.dark .bg-cyan-50\/50,
html.dark .hover\:bg-cyan-50\/50:hover,
html.dark .focus\:bg-cyan-50\/50:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/50 { background-color: rgba(6, 182, 212, 0.09); }
html.dark .bg-cyan-100\/50,
html.dark .hover\:bg-cyan-100\/50:hover,
html.dark .focus\:bg-cyan-100\/50:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/50 { background-color: rgba(6, 182, 212, 0.12); }
html.dark .bg-cyan-50\/60,
html.dark .hover\:bg-cyan-50\/60:hover,
html.dark .focus\:bg-cyan-50\/60:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/60 { background-color: rgba(6, 182, 212, 0.1); }
html.dark .bg-cyan-100\/60,
html.dark .hover\:bg-cyan-100\/60:hover,
html.dark .focus\:bg-cyan-100\/60:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/60 { background-color: rgba(6, 182, 212, 0.136); }
html.dark .bg-cyan-50\/70,
html.dark .hover\:bg-cyan-50\/70:hover,
html.dark .focus\:bg-cyan-50\/70:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/70 { background-color: rgba(6, 182, 212, 0.10999999999999999); }
html.dark .bg-cyan-100\/70,
html.dark .hover\:bg-cyan-100\/70:hover,
html.dark .focus\:bg-cyan-100\/70:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/70 { background-color: rgba(6, 182, 212, 0.152); }
html.dark .bg-cyan-50\/80,
html.dark .hover\:bg-cyan-50\/80:hover,
html.dark .focus\:bg-cyan-50\/80:focus,
html.dark .group:hover .group-hover\:bg-cyan-50\/80 { background-color: rgba(6, 182, 212, 0.12000000000000002); }
html.dark .bg-cyan-100\/80,
html.dark .hover\:bg-cyan-100\/80:hover,
html.dark .focus\:bg-cyan-100\/80:focus,
html.dark .group:hover .group-hover\:bg-cyan-100\/80 { background-color: rgba(6, 182, 212, 0.168); }
html.dark .text-cyan-600,
html.dark .hover\:text-cyan-600:hover,
html.dark .focus\:text-cyan-600:focus,
html.dark .group:hover .group-hover\:text-cyan-600 { color: #22d3ee; }
html.dark .text-cyan-700,
html.dark .hover\:text-cyan-700:hover,
html.dark .focus\:text-cyan-700:focus,
html.dark .group:hover .group-hover\:text-cyan-700 { color: #67e8f9; }
html.dark .text-cyan-800,
html.dark .hover\:text-cyan-800:hover,
html.dark .focus\:text-cyan-800:focus,
html.dark .group:hover .group-hover\:text-cyan-800 { color: #67e8f9; }
html.dark .text-cyan-900,
html.dark .hover\:text-cyan-900:hover,
html.dark .focus\:text-cyan-900:focus,
html.dark .group:hover .group-hover\:text-cyan-900 { color: #67e8f9; }
html.dark .border-cyan-100,
html.dark .hover\:border-cyan-100:hover,
html.dark .focus\:border-cyan-100:focus,
html.dark .group:hover .group-hover\:border-cyan-100 { border-color: rgba(6, 182, 212, 0.24); }
html.dark .ring-cyan-100 { --tw-ring-color: rgba(6, 182, 212, 0.24); }
html.dark .border-cyan-200,
html.dark .hover\:border-cyan-200:hover,
html.dark .focus\:border-cyan-200:focus,
html.dark .group:hover .group-hover\:border-cyan-200 { border-color: rgba(6, 182, 212, 0.32); }
html.dark .ring-cyan-200 { --tw-ring-color: rgba(6, 182, 212, 0.32); }
html.dark .border-cyan-300,
html.dark .hover\:border-cyan-300:hover,
html.dark .focus\:border-cyan-300:focus,
html.dark .group:hover .group-hover\:border-cyan-300 { border-color: rgba(6, 182, 212, 0.45); }
html.dark .ring-cyan-300 { --tw-ring-color: rgba(6, 182, 212, 0.45); }
html.dark .from-cyan-50 { --tw-gradient-from: rgba(6, 182, 212, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-cyan-50 { --tw-gradient-to: rgba(6, 182, 212, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-sky-50,
html.dark .hover\:bg-sky-50:hover,
html.dark .focus\:bg-sky-50:focus,
html.dark .group:hover .group-hover\:bg-sky-50 { background-color: rgba(14, 165, 233, 0.1); }
html.dark .bg-sky-100,
html.dark .hover\:bg-sky-100:hover,
html.dark .focus\:bg-sky-100:focus,
html.dark .group:hover .group-hover\:bg-sky-100 { background-color: rgba(14, 165, 233, 0.16); }
html.dark .bg-sky-200,
html.dark .hover\:bg-sky-200:hover,
html.dark .focus\:bg-sky-200:focus,
html.dark .group:hover .group-hover\:bg-sky-200 { background-color: rgba(14, 165, 233, 0.26); }
html.dark .bg-sky-50\/30,
html.dark .hover\:bg-sky-50\/30:hover,
html.dark .focus\:bg-sky-50\/30:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/30 { background-color: rgba(14, 165, 233, 0.07); }
html.dark .bg-sky-100\/30,
html.dark .hover\:bg-sky-100\/30:hover,
html.dark .focus\:bg-sky-100\/30:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/30 { background-color: rgba(14, 165, 233, 0.088); }
html.dark .bg-sky-50\/40,
html.dark .hover\:bg-sky-50\/40:hover,
html.dark .focus\:bg-sky-50\/40:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/40 { background-color: rgba(14, 165, 233, 0.08000000000000002); }
html.dark .bg-sky-100\/40,
html.dark .hover\:bg-sky-100\/40:hover,
html.dark .focus\:bg-sky-100\/40:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/40 { background-color: rgba(14, 165, 233, 0.10400000000000001); }
html.dark .bg-sky-50\/50,
html.dark .hover\:bg-sky-50\/50:hover,
html.dark .focus\:bg-sky-50\/50:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/50 { background-color: rgba(14, 165, 233, 0.09); }
html.dark .bg-sky-100\/50,
html.dark .hover\:bg-sky-100\/50:hover,
html.dark .focus\:bg-sky-100\/50:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/50 { background-color: rgba(14, 165, 233, 0.12); }
html.dark .bg-sky-50\/60,
html.dark .hover\:bg-sky-50\/60:hover,
html.dark .focus\:bg-sky-50\/60:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/60 { background-color: rgba(14, 165, 233, 0.1); }
html.dark .bg-sky-100\/60,
html.dark .hover\:bg-sky-100\/60:hover,
html.dark .focus\:bg-sky-100\/60:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/60 { background-color: rgba(14, 165, 233, 0.136); }
html.dark .bg-sky-50\/70,
html.dark .hover\:bg-sky-50\/70:hover,
html.dark .focus\:bg-sky-50\/70:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/70 { background-color: rgba(14, 165, 233, 0.10999999999999999); }
html.dark .bg-sky-100\/70,
html.dark .hover\:bg-sky-100\/70:hover,
html.dark .focus\:bg-sky-100\/70:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/70 { background-color: rgba(14, 165, 233, 0.152); }
html.dark .bg-sky-50\/80,
html.dark .hover\:bg-sky-50\/80:hover,
html.dark .focus\:bg-sky-50\/80:focus,
html.dark .group:hover .group-hover\:bg-sky-50\/80 { background-color: rgba(14, 165, 233, 0.12000000000000002); }
html.dark .bg-sky-100\/80,
html.dark .hover\:bg-sky-100\/80:hover,
html.dark .focus\:bg-sky-100\/80:focus,
html.dark .group:hover .group-hover\:bg-sky-100\/80 { background-color: rgba(14, 165, 233, 0.168); }
html.dark .text-sky-600,
html.dark .hover\:text-sky-600:hover,
html.dark .focus\:text-sky-600:focus,
html.dark .group:hover .group-hover\:text-sky-600 { color: #38bdf8; }
html.dark .text-sky-700,
html.dark .hover\:text-sky-700:hover,
html.dark .focus\:text-sky-700:focus,
html.dark .group:hover .group-hover\:text-sky-700 { color: #7dd3fc; }
html.dark .text-sky-800,
html.dark .hover\:text-sky-800:hover,
html.dark .focus\:text-sky-800:focus,
html.dark .group:hover .group-hover\:text-sky-800 { color: #7dd3fc; }
html.dark .text-sky-900,
html.dark .hover\:text-sky-900:hover,
html.dark .focus\:text-sky-900:focus,
html.dark .group:hover .group-hover\:text-sky-900 { color: #7dd3fc; }
html.dark .border-sky-100,
html.dark .hover\:border-sky-100:hover,
html.dark .focus\:border-sky-100:focus,
html.dark .group:hover .group-hover\:border-sky-100 { border-color: rgba(14, 165, 233, 0.24); }
html.dark .ring-sky-100 { --tw-ring-color: rgba(14, 165, 233, 0.24); }
html.dark .border-sky-200,
html.dark .hover\:border-sky-200:hover,
html.dark .focus\:border-sky-200:focus,
html.dark .group:hover .group-hover\:border-sky-200 { border-color: rgba(14, 165, 233, 0.32); }
html.dark .ring-sky-200 { --tw-ring-color: rgba(14, 165, 233, 0.32); }
html.dark .border-sky-300,
html.dark .hover\:border-sky-300:hover,
html.dark .focus\:border-sky-300:focus,
html.dark .group:hover .group-hover\:border-sky-300 { border-color: rgba(14, 165, 233, 0.45); }
html.dark .ring-sky-300 { --tw-ring-color: rgba(14, 165, 233, 0.45); }
html.dark .from-sky-50 { --tw-gradient-from: rgba(14, 165, 233, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-sky-50 { --tw-gradient-to: rgba(14, 165, 233, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-blue-50,
html.dark .hover\:bg-blue-50:hover,
html.dark .focus\:bg-blue-50:focus,
html.dark .group:hover .group-hover\:bg-blue-50 { background-color: rgba(59, 130, 246, 0.1); }
html.dark .bg-blue-100,
html.dark .hover\:bg-blue-100:hover,
html.dark .focus\:bg-blue-100:focus,
html.dark .group:hover .group-hover\:bg-blue-100 { background-color: rgba(59, 130, 246, 0.16); }
html.dark .bg-blue-200,
html.dark .hover\:bg-blue-200:hover,
html.dark .focus\:bg-blue-200:focus,
html.dark .group:hover .group-hover\:bg-blue-200 { background-color: rgba(59, 130, 246, 0.26); }
html.dark .bg-blue-50\/30,
html.dark .hover\:bg-blue-50\/30:hover,
html.dark .focus\:bg-blue-50\/30:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/30 { background-color: rgba(59, 130, 246, 0.07); }
html.dark .bg-blue-100\/30,
html.dark .hover\:bg-blue-100\/30:hover,
html.dark .focus\:bg-blue-100\/30:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/30 { background-color: rgba(59, 130, 246, 0.088); }
html.dark .bg-blue-50\/40,
html.dark .hover\:bg-blue-50\/40:hover,
html.dark .focus\:bg-blue-50\/40:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/40 { background-color: rgba(59, 130, 246, 0.08000000000000002); }
html.dark .bg-blue-100\/40,
html.dark .hover\:bg-blue-100\/40:hover,
html.dark .focus\:bg-blue-100\/40:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/40 { background-color: rgba(59, 130, 246, 0.10400000000000001); }
html.dark .bg-blue-50\/50,
html.dark .hover\:bg-blue-50\/50:hover,
html.dark .focus\:bg-blue-50\/50:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/50 { background-color: rgba(59, 130, 246, 0.09); }
html.dark .bg-blue-100\/50,
html.dark .hover\:bg-blue-100\/50:hover,
html.dark .focus\:bg-blue-100\/50:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/50 { background-color: rgba(59, 130, 246, 0.12); }
html.dark .bg-blue-50\/60,
html.dark .hover\:bg-blue-50\/60:hover,
html.dark .focus\:bg-blue-50\/60:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/60 { background-color: rgba(59, 130, 246, 0.1); }
html.dark .bg-blue-100\/60,
html.dark .hover\:bg-blue-100\/60:hover,
html.dark .focus\:bg-blue-100\/60:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/60 { background-color: rgba(59, 130, 246, 0.136); }
html.dark .bg-blue-50\/70,
html.dark .hover\:bg-blue-50\/70:hover,
html.dark .focus\:bg-blue-50\/70:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/70 { background-color: rgba(59, 130, 246, 0.10999999999999999); }
html.dark .bg-blue-100\/70,
html.dark .hover\:bg-blue-100\/70:hover,
html.dark .focus\:bg-blue-100\/70:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/70 { background-color: rgba(59, 130, 246, 0.152); }
html.dark .bg-blue-50\/80,
html.dark .hover\:bg-blue-50\/80:hover,
html.dark .focus\:bg-blue-50\/80:focus,
html.dark .group:hover .group-hover\:bg-blue-50\/80 { background-color: rgba(59, 130, 246, 0.12000000000000002); }
html.dark .bg-blue-100\/80,
html.dark .hover\:bg-blue-100\/80:hover,
html.dark .focus\:bg-blue-100\/80:focus,
html.dark .group:hover .group-hover\:bg-blue-100\/80 { background-color: rgba(59, 130, 246, 0.168); }
html.dark .text-blue-600,
html.dark .hover\:text-blue-600:hover,
html.dark .focus\:text-blue-600:focus,
html.dark .group:hover .group-hover\:text-blue-600 { color: #60a5fa; }
html.dark .text-blue-700,
html.dark .hover\:text-blue-700:hover,
html.dark .focus\:text-blue-700:focus,
html.dark .group:hover .group-hover\:text-blue-700 { color: #93c5fd; }
html.dark .text-blue-800,
html.dark .hover\:text-blue-800:hover,
html.dark .focus\:text-blue-800:focus,
html.dark .group:hover .group-hover\:text-blue-800 { color: #93c5fd; }
html.dark .text-blue-900,
html.dark .hover\:text-blue-900:hover,
html.dark .focus\:text-blue-900:focus,
html.dark .group:hover .group-hover\:text-blue-900 { color: #93c5fd; }
html.dark .border-blue-100,
html.dark .hover\:border-blue-100:hover,
html.dark .focus\:border-blue-100:focus,
html.dark .group:hover .group-hover\:border-blue-100 { border-color: rgba(59, 130, 246, 0.24); }
html.dark .ring-blue-100 { --tw-ring-color: rgba(59, 130, 246, 0.24); }
html.dark .border-blue-200,
html.dark .hover\:border-blue-200:hover,
html.dark .focus\:border-blue-200:focus,
html.dark .group:hover .group-hover\:border-blue-200 { border-color: rgba(59, 130, 246, 0.32); }
html.dark .ring-blue-200 { --tw-ring-color: rgba(59, 130, 246, 0.32); }
html.dark .border-blue-300,
html.dark .hover\:border-blue-300:hover,
html.dark .focus\:border-blue-300:focus,
html.dark .group:hover .group-hover\:border-blue-300 { border-color: rgba(59, 130, 246, 0.45); }
html.dark .ring-blue-300 { --tw-ring-color: rgba(59, 130, 246, 0.45); }
html.dark .from-blue-50 { --tw-gradient-from: rgba(59, 130, 246, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-blue-50 { --tw-gradient-to: rgba(59, 130, 246, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-indigo-50,
html.dark .hover\:bg-indigo-50:hover,
html.dark .focus\:bg-indigo-50:focus,
html.dark .group:hover .group-hover\:bg-indigo-50 { background-color: rgba(99, 102, 241, 0.1); }
html.dark .bg-indigo-100,
html.dark .hover\:bg-indigo-100:hover,
html.dark .focus\:bg-indigo-100:focus,
html.dark .group:hover .group-hover\:bg-indigo-100 { background-color: rgba(99, 102, 241, 0.16); }
html.dark .bg-indigo-200,
html.dark .hover\:bg-indigo-200:hover,
html.dark .focus\:bg-indigo-200:focus,
html.dark .group:hover .group-hover\:bg-indigo-200 { background-color: rgba(99, 102, 241, 0.26); }
html.dark .bg-indigo-50\/30,
html.dark .hover\:bg-indigo-50\/30:hover,
html.dark .focus\:bg-indigo-50\/30:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/30 { background-color: rgba(99, 102, 241, 0.07); }
html.dark .bg-indigo-100\/30,
html.dark .hover\:bg-indigo-100\/30:hover,
html.dark .focus\:bg-indigo-100\/30:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/30 { background-color: rgba(99, 102, 241, 0.088); }
html.dark .bg-indigo-50\/40,
html.dark .hover\:bg-indigo-50\/40:hover,
html.dark .focus\:bg-indigo-50\/40:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/40 { background-color: rgba(99, 102, 241, 0.08000000000000002); }
html.dark .bg-indigo-100\/40,
html.dark .hover\:bg-indigo-100\/40:hover,
html.dark .focus\:bg-indigo-100\/40:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/40 { background-color: rgba(99, 102, 241, 0.10400000000000001); }
html.dark .bg-indigo-50\/50,
html.dark .hover\:bg-indigo-50\/50:hover,
html.dark .focus\:bg-indigo-50\/50:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/50 { background-color: rgba(99, 102, 241, 0.09); }
html.dark .bg-indigo-100\/50,
html.dark .hover\:bg-indigo-100\/50:hover,
html.dark .focus\:bg-indigo-100\/50:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/50 { background-color: rgba(99, 102, 241, 0.12); }
html.dark .bg-indigo-50\/60,
html.dark .hover\:bg-indigo-50\/60:hover,
html.dark .focus\:bg-indigo-50\/60:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/60 { background-color: rgba(99, 102, 241, 0.1); }
html.dark .bg-indigo-100\/60,
html.dark .hover\:bg-indigo-100\/60:hover,
html.dark .focus\:bg-indigo-100\/60:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/60 { background-color: rgba(99, 102, 241, 0.136); }
html.dark .bg-indigo-50\/70,
html.dark .hover\:bg-indigo-50\/70:hover,
html.dark .focus\:bg-indigo-50\/70:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/70 { background-color: rgba(99, 102, 241, 0.10999999999999999); }
html.dark .bg-indigo-100\/70,
html.dark .hover\:bg-indigo-100\/70:hover,
html.dark .focus\:bg-indigo-100\/70:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/70 { background-color: rgba(99, 102, 241, 0.152); }
html.dark .bg-indigo-50\/80,
html.dark .hover\:bg-indigo-50\/80:hover,
html.dark .focus\:bg-indigo-50\/80:focus,
html.dark .group:hover .group-hover\:bg-indigo-50\/80 { background-color: rgba(99, 102, 241, 0.12000000000000002); }
html.dark .bg-indigo-100\/80,
html.dark .hover\:bg-indigo-100\/80:hover,
html.dark .focus\:bg-indigo-100\/80:focus,
html.dark .group:hover .group-hover\:bg-indigo-100\/80 { background-color: rgba(99, 102, 241, 0.168); }
html.dark .text-indigo-600,
html.dark .hover\:text-indigo-600:hover,
html.dark .focus\:text-indigo-600:focus,
html.dark .group:hover .group-hover\:text-indigo-600 { color: #818cf8; }
html.dark .text-indigo-700,
html.dark .hover\:text-indigo-700:hover,
html.dark .focus\:text-indigo-700:focus,
html.dark .group:hover .group-hover\:text-indigo-700 { color: #a5b4fc; }
html.dark .text-indigo-800,
html.dark .hover\:text-indigo-800:hover,
html.dark .focus\:text-indigo-800:focus,
html.dark .group:hover .group-hover\:text-indigo-800 { color: #a5b4fc; }
html.dark .text-indigo-900,
html.dark .hover\:text-indigo-900:hover,
html.dark .focus\:text-indigo-900:focus,
html.dark .group:hover .group-hover\:text-indigo-900 { color: #a5b4fc; }
html.dark .border-indigo-100,
html.dark .hover\:border-indigo-100:hover,
html.dark .focus\:border-indigo-100:focus,
html.dark .group:hover .group-hover\:border-indigo-100 { border-color: rgba(99, 102, 241, 0.24); }
html.dark .ring-indigo-100 { --tw-ring-color: rgba(99, 102, 241, 0.24); }
html.dark .border-indigo-200,
html.dark .hover\:border-indigo-200:hover,
html.dark .focus\:border-indigo-200:focus,
html.dark .group:hover .group-hover\:border-indigo-200 { border-color: rgba(99, 102, 241, 0.32); }
html.dark .ring-indigo-200 { --tw-ring-color: rgba(99, 102, 241, 0.32); }
html.dark .border-indigo-300,
html.dark .hover\:border-indigo-300:hover,
html.dark .focus\:border-indigo-300:focus,
html.dark .group:hover .group-hover\:border-indigo-300 { border-color: rgba(99, 102, 241, 0.45); }
html.dark .ring-indigo-300 { --tw-ring-color: rgba(99, 102, 241, 0.45); }
html.dark .from-indigo-50 { --tw-gradient-from: rgba(99, 102, 241, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-indigo-50 { --tw-gradient-to: rgba(99, 102, 241, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-violet-50,
html.dark .hover\:bg-violet-50:hover,
html.dark .focus\:bg-violet-50:focus,
html.dark .group:hover .group-hover\:bg-violet-50 { background-color: rgba(139, 92, 246, 0.1); }
html.dark .bg-violet-100,
html.dark .hover\:bg-violet-100:hover,
html.dark .focus\:bg-violet-100:focus,
html.dark .group:hover .group-hover\:bg-violet-100 { background-color: rgba(139, 92, 246, 0.16); }
html.dark .bg-violet-200,
html.dark .hover\:bg-violet-200:hover,
html.dark .focus\:bg-violet-200:focus,
html.dark .group:hover .group-hover\:bg-violet-200 { background-color: rgba(139, 92, 246, 0.26); }
html.dark .bg-violet-50\/30,
html.dark .hover\:bg-violet-50\/30:hover,
html.dark .focus\:bg-violet-50\/30:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/30 { background-color: rgba(139, 92, 246, 0.07); }
html.dark .bg-violet-100\/30,
html.dark .hover\:bg-violet-100\/30:hover,
html.dark .focus\:bg-violet-100\/30:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/30 { background-color: rgba(139, 92, 246, 0.088); }
html.dark .bg-violet-50\/40,
html.dark .hover\:bg-violet-50\/40:hover,
html.dark .focus\:bg-violet-50\/40:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/40 { background-color: rgba(139, 92, 246, 0.08000000000000002); }
html.dark .bg-violet-100\/40,
html.dark .hover\:bg-violet-100\/40:hover,
html.dark .focus\:bg-violet-100\/40:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/40 { background-color: rgba(139, 92, 246, 0.10400000000000001); }
html.dark .bg-violet-50\/50,
html.dark .hover\:bg-violet-50\/50:hover,
html.dark .focus\:bg-violet-50\/50:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/50 { background-color: rgba(139, 92, 246, 0.09); }
html.dark .bg-violet-100\/50,
html.dark .hover\:bg-violet-100\/50:hover,
html.dark .focus\:bg-violet-100\/50:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/50 { background-color: rgba(139, 92, 246, 0.12); }
html.dark .bg-violet-50\/60,
html.dark .hover\:bg-violet-50\/60:hover,
html.dark .focus\:bg-violet-50\/60:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/60 { background-color: rgba(139, 92, 246, 0.1); }
html.dark .bg-violet-100\/60,
html.dark .hover\:bg-violet-100\/60:hover,
html.dark .focus\:bg-violet-100\/60:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/60 { background-color: rgba(139, 92, 246, 0.136); }
html.dark .bg-violet-50\/70,
html.dark .hover\:bg-violet-50\/70:hover,
html.dark .focus\:bg-violet-50\/70:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/70 { background-color: rgba(139, 92, 246, 0.10999999999999999); }
html.dark .bg-violet-100\/70,
html.dark .hover\:bg-violet-100\/70:hover,
html.dark .focus\:bg-violet-100\/70:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/70 { background-color: rgba(139, 92, 246, 0.152); }
html.dark .bg-violet-50\/80,
html.dark .hover\:bg-violet-50\/80:hover,
html.dark .focus\:bg-violet-50\/80:focus,
html.dark .group:hover .group-hover\:bg-violet-50\/80 { background-color: rgba(139, 92, 246, 0.12000000000000002); }
html.dark .bg-violet-100\/80,
html.dark .hover\:bg-violet-100\/80:hover,
html.dark .focus\:bg-violet-100\/80:focus,
html.dark .group:hover .group-hover\:bg-violet-100\/80 { background-color: rgba(139, 92, 246, 0.168); }
html.dark .text-violet-600,
html.dark .hover\:text-violet-600:hover,
html.dark .focus\:text-violet-600:focus,
html.dark .group:hover .group-hover\:text-violet-600 { color: #a78bfa; }
html.dark .text-violet-700,
html.dark .hover\:text-violet-700:hover,
html.dark .focus\:text-violet-700:focus,
html.dark .group:hover .group-hover\:text-violet-700 { color: #c4b5fd; }
html.dark .text-violet-800,
html.dark .hover\:text-violet-800:hover,
html.dark .focus\:text-violet-800:focus,
html.dark .group:hover .group-hover\:text-violet-800 { color: #c4b5fd; }
html.dark .text-violet-900,
html.dark .hover\:text-violet-900:hover,
html.dark .focus\:text-violet-900:focus,
html.dark .group:hover .group-hover\:text-violet-900 { color: #c4b5fd; }
html.dark .border-violet-100,
html.dark .hover\:border-violet-100:hover,
html.dark .focus\:border-violet-100:focus,
html.dark .group:hover .group-hover\:border-violet-100 { border-color: rgba(139, 92, 246, 0.24); }
html.dark .ring-violet-100 { --tw-ring-color: rgba(139, 92, 246, 0.24); }
html.dark .border-violet-200,
html.dark .hover\:border-violet-200:hover,
html.dark .focus\:border-violet-200:focus,
html.dark .group:hover .group-hover\:border-violet-200 { border-color: rgba(139, 92, 246, 0.32); }
html.dark .ring-violet-200 { --tw-ring-color: rgba(139, 92, 246, 0.32); }
html.dark .border-violet-300,
html.dark .hover\:border-violet-300:hover,
html.dark .focus\:border-violet-300:focus,
html.dark .group:hover .group-hover\:border-violet-300 { border-color: rgba(139, 92, 246, 0.45); }
html.dark .ring-violet-300 { --tw-ring-color: rgba(139, 92, 246, 0.45); }
html.dark .from-violet-50 { --tw-gradient-from: rgba(139, 92, 246, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-violet-50 { --tw-gradient-to: rgba(139, 92, 246, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-purple-50,
html.dark .hover\:bg-purple-50:hover,
html.dark .focus\:bg-purple-50:focus,
html.dark .group:hover .group-hover\:bg-purple-50 { background-color: rgba(168, 85, 247, 0.1); }
html.dark .bg-purple-100,
html.dark .hover\:bg-purple-100:hover,
html.dark .focus\:bg-purple-100:focus,
html.dark .group:hover .group-hover\:bg-purple-100 { background-color: rgba(168, 85, 247, 0.16); }
html.dark .bg-purple-200,
html.dark .hover\:bg-purple-200:hover,
html.dark .focus\:bg-purple-200:focus,
html.dark .group:hover .group-hover\:bg-purple-200 { background-color: rgba(168, 85, 247, 0.26); }
html.dark .bg-purple-50\/30,
html.dark .hover\:bg-purple-50\/30:hover,
html.dark .focus\:bg-purple-50\/30:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/30 { background-color: rgba(168, 85, 247, 0.07); }
html.dark .bg-purple-100\/30,
html.dark .hover\:bg-purple-100\/30:hover,
html.dark .focus\:bg-purple-100\/30:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/30 { background-color: rgba(168, 85, 247, 0.088); }
html.dark .bg-purple-50\/40,
html.dark .hover\:bg-purple-50\/40:hover,
html.dark .focus\:bg-purple-50\/40:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/40 { background-color: rgba(168, 85, 247, 0.08000000000000002); }
html.dark .bg-purple-100\/40,
html.dark .hover\:bg-purple-100\/40:hover,
html.dark .focus\:bg-purple-100\/40:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/40 { background-color: rgba(168, 85, 247, 0.10400000000000001); }
html.dark .bg-purple-50\/50,
html.dark .hover\:bg-purple-50\/50:hover,
html.dark .focus\:bg-purple-50\/50:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/50 { background-color: rgba(168, 85, 247, 0.09); }
html.dark .bg-purple-100\/50,
html.dark .hover\:bg-purple-100\/50:hover,
html.dark .focus\:bg-purple-100\/50:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/50 { background-color: rgba(168, 85, 247, 0.12); }
html.dark .bg-purple-50\/60,
html.dark .hover\:bg-purple-50\/60:hover,
html.dark .focus\:bg-purple-50\/60:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/60 { background-color: rgba(168, 85, 247, 0.1); }
html.dark .bg-purple-100\/60,
html.dark .hover\:bg-purple-100\/60:hover,
html.dark .focus\:bg-purple-100\/60:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/60 { background-color: rgba(168, 85, 247, 0.136); }
html.dark .bg-purple-50\/70,
html.dark .hover\:bg-purple-50\/70:hover,
html.dark .focus\:bg-purple-50\/70:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/70 { background-color: rgba(168, 85, 247, 0.10999999999999999); }
html.dark .bg-purple-100\/70,
html.dark .hover\:bg-purple-100\/70:hover,
html.dark .focus\:bg-purple-100\/70:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/70 { background-color: rgba(168, 85, 247, 0.152); }
html.dark .bg-purple-50\/80,
html.dark .hover\:bg-purple-50\/80:hover,
html.dark .focus\:bg-purple-50\/80:focus,
html.dark .group:hover .group-hover\:bg-purple-50\/80 { background-color: rgba(168, 85, 247, 0.12000000000000002); }
html.dark .bg-purple-100\/80,
html.dark .hover\:bg-purple-100\/80:hover,
html.dark .focus\:bg-purple-100\/80:focus,
html.dark .group:hover .group-hover\:bg-purple-100\/80 { background-color: rgba(168, 85, 247, 0.168); }
html.dark .text-purple-600,
html.dark .hover\:text-purple-600:hover,
html.dark .focus\:text-purple-600:focus,
html.dark .group:hover .group-hover\:text-purple-600 { color: #c084fc; }
html.dark .text-purple-700,
html.dark .hover\:text-purple-700:hover,
html.dark .focus\:text-purple-700:focus,
html.dark .group:hover .group-hover\:text-purple-700 { color: #d8b4fe; }
html.dark .text-purple-800,
html.dark .hover\:text-purple-800:hover,
html.dark .focus\:text-purple-800:focus,
html.dark .group:hover .group-hover\:text-purple-800 { color: #d8b4fe; }
html.dark .text-purple-900,
html.dark .hover\:text-purple-900:hover,
html.dark .focus\:text-purple-900:focus,
html.dark .group:hover .group-hover\:text-purple-900 { color: #d8b4fe; }
html.dark .border-purple-100,
html.dark .hover\:border-purple-100:hover,
html.dark .focus\:border-purple-100:focus,
html.dark .group:hover .group-hover\:border-purple-100 { border-color: rgba(168, 85, 247, 0.24); }
html.dark .ring-purple-100 { --tw-ring-color: rgba(168, 85, 247, 0.24); }
html.dark .border-purple-200,
html.dark .hover\:border-purple-200:hover,
html.dark .focus\:border-purple-200:focus,
html.dark .group:hover .group-hover\:border-purple-200 { border-color: rgba(168, 85, 247, 0.32); }
html.dark .ring-purple-200 { --tw-ring-color: rgba(168, 85, 247, 0.32); }
html.dark .border-purple-300,
html.dark .hover\:border-purple-300:hover,
html.dark .focus\:border-purple-300:focus,
html.dark .group:hover .group-hover\:border-purple-300 { border-color: rgba(168, 85, 247, 0.45); }
html.dark .ring-purple-300 { --tw-ring-color: rgba(168, 85, 247, 0.45); }
html.dark .from-purple-50 { --tw-gradient-from: rgba(168, 85, 247, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-purple-50 { --tw-gradient-to: rgba(168, 85, 247, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-fuchsia-50,
html.dark .hover\:bg-fuchsia-50:hover,
html.dark .focus\:bg-fuchsia-50:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50 { background-color: rgba(217, 70, 239, 0.1); }
html.dark .bg-fuchsia-100,
html.dark .hover\:bg-fuchsia-100:hover,
html.dark .focus\:bg-fuchsia-100:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100 { background-color: rgba(217, 70, 239, 0.16); }
html.dark .bg-fuchsia-200,
html.dark .hover\:bg-fuchsia-200:hover,
html.dark .focus\:bg-fuchsia-200:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-200 { background-color: rgba(217, 70, 239, 0.26); }
html.dark .bg-fuchsia-50\/30,
html.dark .hover\:bg-fuchsia-50\/30:hover,
html.dark .focus\:bg-fuchsia-50\/30:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/30 { background-color: rgba(217, 70, 239, 0.07); }
html.dark .bg-fuchsia-100\/30,
html.dark .hover\:bg-fuchsia-100\/30:hover,
html.dark .focus\:bg-fuchsia-100\/30:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/30 { background-color: rgba(217, 70, 239, 0.088); }
html.dark .bg-fuchsia-50\/40,
html.dark .hover\:bg-fuchsia-50\/40:hover,
html.dark .focus\:bg-fuchsia-50\/40:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/40 { background-color: rgba(217, 70, 239, 0.08000000000000002); }
html.dark .bg-fuchsia-100\/40,
html.dark .hover\:bg-fuchsia-100\/40:hover,
html.dark .focus\:bg-fuchsia-100\/40:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/40 { background-color: rgba(217, 70, 239, 0.10400000000000001); }
html.dark .bg-fuchsia-50\/50,
html.dark .hover\:bg-fuchsia-50\/50:hover,
html.dark .focus\:bg-fuchsia-50\/50:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/50 { background-color: rgba(217, 70, 239, 0.09); }
html.dark .bg-fuchsia-100\/50,
html.dark .hover\:bg-fuchsia-100\/50:hover,
html.dark .focus\:bg-fuchsia-100\/50:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/50 { background-color: rgba(217, 70, 239, 0.12); }
html.dark .bg-fuchsia-50\/60,
html.dark .hover\:bg-fuchsia-50\/60:hover,
html.dark .focus\:bg-fuchsia-50\/60:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/60 { background-color: rgba(217, 70, 239, 0.1); }
html.dark .bg-fuchsia-100\/60,
html.dark .hover\:bg-fuchsia-100\/60:hover,
html.dark .focus\:bg-fuchsia-100\/60:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/60 { background-color: rgba(217, 70, 239, 0.136); }
html.dark .bg-fuchsia-50\/70,
html.dark .hover\:bg-fuchsia-50\/70:hover,
html.dark .focus\:bg-fuchsia-50\/70:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/70 { background-color: rgba(217, 70, 239, 0.10999999999999999); }
html.dark .bg-fuchsia-100\/70,
html.dark .hover\:bg-fuchsia-100\/70:hover,
html.dark .focus\:bg-fuchsia-100\/70:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/70 { background-color: rgba(217, 70, 239, 0.152); }
html.dark .bg-fuchsia-50\/80,
html.dark .hover\:bg-fuchsia-50\/80:hover,
html.dark .focus\:bg-fuchsia-50\/80:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-50\/80 { background-color: rgba(217, 70, 239, 0.12000000000000002); }
html.dark .bg-fuchsia-100\/80,
html.dark .hover\:bg-fuchsia-100\/80:hover,
html.dark .focus\:bg-fuchsia-100\/80:focus,
html.dark .group:hover .group-hover\:bg-fuchsia-100\/80 { background-color: rgba(217, 70, 239, 0.168); }
html.dark .text-fuchsia-600,
html.dark .hover\:text-fuchsia-600:hover,
html.dark .focus\:text-fuchsia-600:focus,
html.dark .group:hover .group-hover\:text-fuchsia-600 { color: #e879f9; }
html.dark .text-fuchsia-700,
html.dark .hover\:text-fuchsia-700:hover,
html.dark .focus\:text-fuchsia-700:focus,
html.dark .group:hover .group-hover\:text-fuchsia-700 { color: #f0abfc; }
html.dark .text-fuchsia-800,
html.dark .hover\:text-fuchsia-800:hover,
html.dark .focus\:text-fuchsia-800:focus,
html.dark .group:hover .group-hover\:text-fuchsia-800 { color: #f0abfc; }
html.dark .text-fuchsia-900,
html.dark .hover\:text-fuchsia-900:hover,
html.dark .focus\:text-fuchsia-900:focus,
html.dark .group:hover .group-hover\:text-fuchsia-900 { color: #f0abfc; }
html.dark .border-fuchsia-100,
html.dark .hover\:border-fuchsia-100:hover,
html.dark .focus\:border-fuchsia-100:focus,
html.dark .group:hover .group-hover\:border-fuchsia-100 { border-color: rgba(217, 70, 239, 0.24); }
html.dark .ring-fuchsia-100 { --tw-ring-color: rgba(217, 70, 239, 0.24); }
html.dark .border-fuchsia-200,
html.dark .hover\:border-fuchsia-200:hover,
html.dark .focus\:border-fuchsia-200:focus,
html.dark .group:hover .group-hover\:border-fuchsia-200 { border-color: rgba(217, 70, 239, 0.32); }
html.dark .ring-fuchsia-200 { --tw-ring-color: rgba(217, 70, 239, 0.32); }
html.dark .border-fuchsia-300,
html.dark .hover\:border-fuchsia-300:hover,
html.dark .focus\:border-fuchsia-300:focus,
html.dark .group:hover .group-hover\:border-fuchsia-300 { border-color: rgba(217, 70, 239, 0.45); }
html.dark .ring-fuchsia-300 { --tw-ring-color: rgba(217, 70, 239, 0.45); }
html.dark .from-fuchsia-50 { --tw-gradient-from: rgba(217, 70, 239, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-fuchsia-50 { --tw-gradient-to: rgba(217, 70, 239, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-pink-50,
html.dark .hover\:bg-pink-50:hover,
html.dark .focus\:bg-pink-50:focus,
html.dark .group:hover .group-hover\:bg-pink-50 { background-color: rgba(236, 72, 153, 0.1); }
html.dark .bg-pink-100,
html.dark .hover\:bg-pink-100:hover,
html.dark .focus\:bg-pink-100:focus,
html.dark .group:hover .group-hover\:bg-pink-100 { background-color: rgba(236, 72, 153, 0.16); }
html.dark .bg-pink-200,
html.dark .hover\:bg-pink-200:hover,
html.dark .focus\:bg-pink-200:focus,
html.dark .group:hover .group-hover\:bg-pink-200 { background-color: rgba(236, 72, 153, 0.26); }
html.dark .bg-pink-50\/30,
html.dark .hover\:bg-pink-50\/30:hover,
html.dark .focus\:bg-pink-50\/30:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/30 { background-color: rgba(236, 72, 153, 0.07); }
html.dark .bg-pink-100\/30,
html.dark .hover\:bg-pink-100\/30:hover,
html.dark .focus\:bg-pink-100\/30:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/30 { background-color: rgba(236, 72, 153, 0.088); }
html.dark .bg-pink-50\/40,
html.dark .hover\:bg-pink-50\/40:hover,
html.dark .focus\:bg-pink-50\/40:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/40 { background-color: rgba(236, 72, 153, 0.08000000000000002); }
html.dark .bg-pink-100\/40,
html.dark .hover\:bg-pink-100\/40:hover,
html.dark .focus\:bg-pink-100\/40:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/40 { background-color: rgba(236, 72, 153, 0.10400000000000001); }
html.dark .bg-pink-50\/50,
html.dark .hover\:bg-pink-50\/50:hover,
html.dark .focus\:bg-pink-50\/50:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/50 { background-color: rgba(236, 72, 153, 0.09); }
html.dark .bg-pink-100\/50,
html.dark .hover\:bg-pink-100\/50:hover,
html.dark .focus\:bg-pink-100\/50:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/50 { background-color: rgba(236, 72, 153, 0.12); }
html.dark .bg-pink-50\/60,
html.dark .hover\:bg-pink-50\/60:hover,
html.dark .focus\:bg-pink-50\/60:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/60 { background-color: rgba(236, 72, 153, 0.1); }
html.dark .bg-pink-100\/60,
html.dark .hover\:bg-pink-100\/60:hover,
html.dark .focus\:bg-pink-100\/60:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/60 { background-color: rgba(236, 72, 153, 0.136); }
html.dark .bg-pink-50\/70,
html.dark .hover\:bg-pink-50\/70:hover,
html.dark .focus\:bg-pink-50\/70:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/70 { background-color: rgba(236, 72, 153, 0.10999999999999999); }
html.dark .bg-pink-100\/70,
html.dark .hover\:bg-pink-100\/70:hover,
html.dark .focus\:bg-pink-100\/70:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/70 { background-color: rgba(236, 72, 153, 0.152); }
html.dark .bg-pink-50\/80,
html.dark .hover\:bg-pink-50\/80:hover,
html.dark .focus\:bg-pink-50\/80:focus,
html.dark .group:hover .group-hover\:bg-pink-50\/80 { background-color: rgba(236, 72, 153, 0.12000000000000002); }
html.dark .bg-pink-100\/80,
html.dark .hover\:bg-pink-100\/80:hover,
html.dark .focus\:bg-pink-100\/80:focus,
html.dark .group:hover .group-hover\:bg-pink-100\/80 { background-color: rgba(236, 72, 153, 0.168); }
html.dark .text-pink-600,
html.dark .hover\:text-pink-600:hover,
html.dark .focus\:text-pink-600:focus,
html.dark .group:hover .group-hover\:text-pink-600 { color: #f472b6; }
html.dark .text-pink-700,
html.dark .hover\:text-pink-700:hover,
html.dark .focus\:text-pink-700:focus,
html.dark .group:hover .group-hover\:text-pink-700 { color: #f9a8d4; }
html.dark .text-pink-800,
html.dark .hover\:text-pink-800:hover,
html.dark .focus\:text-pink-800:focus,
html.dark .group:hover .group-hover\:text-pink-800 { color: #f9a8d4; }
html.dark .text-pink-900,
html.dark .hover\:text-pink-900:hover,
html.dark .focus\:text-pink-900:focus,
html.dark .group:hover .group-hover\:text-pink-900 { color: #f9a8d4; }
html.dark .border-pink-100,
html.dark .hover\:border-pink-100:hover,
html.dark .focus\:border-pink-100:focus,
html.dark .group:hover .group-hover\:border-pink-100 { border-color: rgba(236, 72, 153, 0.24); }
html.dark .ring-pink-100 { --tw-ring-color: rgba(236, 72, 153, 0.24); }
html.dark .border-pink-200,
html.dark .hover\:border-pink-200:hover,
html.dark .focus\:border-pink-200:focus,
html.dark .group:hover .group-hover\:border-pink-200 { border-color: rgba(236, 72, 153, 0.32); }
html.dark .ring-pink-200 { --tw-ring-color: rgba(236, 72, 153, 0.32); }
html.dark .border-pink-300,
html.dark .hover\:border-pink-300:hover,
html.dark .focus\:border-pink-300:focus,
html.dark .group:hover .group-hover\:border-pink-300 { border-color: rgba(236, 72, 153, 0.45); }
html.dark .ring-pink-300 { --tw-ring-color: rgba(236, 72, 153, 0.45); }
html.dark .from-pink-50 { --tw-gradient-from: rgba(236, 72, 153, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-pink-50 { --tw-gradient-to: rgba(236, 72, 153, 0.06) var(--tw-gradient-to-position); }
html.dark .bg-rose-50,
html.dark .hover\:bg-rose-50:hover,
html.dark .focus\:bg-rose-50:focus,
html.dark .group:hover .group-hover\:bg-rose-50 { background-color: rgba(244, 63, 94, 0.1); }
html.dark .bg-rose-100,
html.dark .hover\:bg-rose-100:hover,
html.dark .focus\:bg-rose-100:focus,
html.dark .group:hover .group-hover\:bg-rose-100 { background-color: rgba(244, 63, 94, 0.16); }
html.dark .bg-rose-200,
html.dark .hover\:bg-rose-200:hover,
html.dark .focus\:bg-rose-200:focus,
html.dark .group:hover .group-hover\:bg-rose-200 { background-color: rgba(244, 63, 94, 0.26); }
html.dark .bg-rose-50\/30,
html.dark .hover\:bg-rose-50\/30:hover,
html.dark .focus\:bg-rose-50\/30:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/30 { background-color: rgba(244, 63, 94, 0.07); }
html.dark .bg-rose-100\/30,
html.dark .hover\:bg-rose-100\/30:hover,
html.dark .focus\:bg-rose-100\/30:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/30 { background-color: rgba(244, 63, 94, 0.088); }
html.dark .bg-rose-50\/40,
html.dark .hover\:bg-rose-50\/40:hover,
html.dark .focus\:bg-rose-50\/40:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/40 { background-color: rgba(244, 63, 94, 0.08000000000000002); }
html.dark .bg-rose-100\/40,
html.dark .hover\:bg-rose-100\/40:hover,
html.dark .focus\:bg-rose-100\/40:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/40 { background-color: rgba(244, 63, 94, 0.10400000000000001); }
html.dark .bg-rose-50\/50,
html.dark .hover\:bg-rose-50\/50:hover,
html.dark .focus\:bg-rose-50\/50:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/50 { background-color: rgba(244, 63, 94, 0.09); }
html.dark .bg-rose-100\/50,
html.dark .hover\:bg-rose-100\/50:hover,
html.dark .focus\:bg-rose-100\/50:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/50 { background-color: rgba(244, 63, 94, 0.12); }
html.dark .bg-rose-50\/60,
html.dark .hover\:bg-rose-50\/60:hover,
html.dark .focus\:bg-rose-50\/60:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/60 { background-color: rgba(244, 63, 94, 0.1); }
html.dark .bg-rose-100\/60,
html.dark .hover\:bg-rose-100\/60:hover,
html.dark .focus\:bg-rose-100\/60:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/60 { background-color: rgba(244, 63, 94, 0.136); }
html.dark .bg-rose-50\/70,
html.dark .hover\:bg-rose-50\/70:hover,
html.dark .focus\:bg-rose-50\/70:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/70 { background-color: rgba(244, 63, 94, 0.10999999999999999); }
html.dark .bg-rose-100\/70,
html.dark .hover\:bg-rose-100\/70:hover,
html.dark .focus\:bg-rose-100\/70:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/70 { background-color: rgba(244, 63, 94, 0.152); }
html.dark .bg-rose-50\/80,
html.dark .hover\:bg-rose-50\/80:hover,
html.dark .focus\:bg-rose-50\/80:focus,
html.dark .group:hover .group-hover\:bg-rose-50\/80 { background-color: rgba(244, 63, 94, 0.12000000000000002); }
html.dark .bg-rose-100\/80,
html.dark .hover\:bg-rose-100\/80:hover,
html.dark .focus\:bg-rose-100\/80:focus,
html.dark .group:hover .group-hover\:bg-rose-100\/80 { background-color: rgba(244, 63, 94, 0.168); }
html.dark .text-rose-600,
html.dark .hover\:text-rose-600:hover,
html.dark .focus\:text-rose-600:focus,
html.dark .group:hover .group-hover\:text-rose-600 { color: #fb7185; }
html.dark .text-rose-700,
html.dark .hover\:text-rose-700:hover,
html.dark .focus\:text-rose-700:focus,
html.dark .group:hover .group-hover\:text-rose-700 { color: #fda4af; }
html.dark .text-rose-800,
html.dark .hover\:text-rose-800:hover,
html.dark .focus\:text-rose-800:focus,
html.dark .group:hover .group-hover\:text-rose-800 { color: #fda4af; }
html.dark .text-rose-900,
html.dark .hover\:text-rose-900:hover,
html.dark .focus\:text-rose-900:focus,
html.dark .group:hover .group-hover\:text-rose-900 { color: #fda4af; }
html.dark .border-rose-100,
html.dark .hover\:border-rose-100:hover,
html.dark .focus\:border-rose-100:focus,
html.dark .group:hover .group-hover\:border-rose-100 { border-color: rgba(244, 63, 94, 0.24); }
html.dark .ring-rose-100 { --tw-ring-color: rgba(244, 63, 94, 0.24); }
html.dark .border-rose-200,
html.dark .hover\:border-rose-200:hover,
html.dark .focus\:border-rose-200:focus,
html.dark .group:hover .group-hover\:border-rose-200 { border-color: rgba(244, 63, 94, 0.32); }
html.dark .ring-rose-200 { --tw-ring-color: rgba(244, 63, 94, 0.32); }
html.dark .border-rose-300,
html.dark .hover\:border-rose-300:hover,
html.dark .focus\:border-rose-300:focus,
html.dark .group:hover .group-hover\:border-rose-300 { border-color: rgba(244, 63, 94, 0.45); }
html.dark .ring-rose-300 { --tw-ring-color: rgba(244, 63, 94, 0.45); }
html.dark .from-rose-50 { --tw-gradient-from: rgba(244, 63, 94, 0.12) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html.dark .to-rose-50 { --tw-gradient-to: rgba(244, 63, 94, 0.06) var(--tw-gradient-to-position); }
html.dark input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),
html.dark select,
html.dark textarea {
  background-color: var(--wz-input-bg);
  color: var(--wz-text);
  border-color: var(--wz-border-input);
}
html.dark ::placeholder { color: #6E6A66; opacity: 1; }
html.dark input:-webkit-autofill, html.dark textarea:-webkit-autofill, html.dark select:-webkit-autofill {
  -webkit-text-fill-color: var(--wz-text);
  -webkit-box-shadow: 0 0 0 1000px var(--wz-input-bg) inset;
  caret-color: var(--wz-text);
}
html.dark option { background-color: var(--wz-surface); color: var(--wz-text); }
html.dark input:disabled, html.dark select:disabled, html.dark textarea:disabled { background-color: var(--wz-inset); color: var(--wz-text-4); }
html.dark .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.45); }
html.dark .shadow, html.dark .shadow-md { --tw-shadow: 0 4px 10px -2px rgba(0,0,0,.5); }
html.dark .shadow-lg, html.dark .shadow-xl, html.dark .shadow-2xl { --tw-shadow: 0 12px 30px -8px rgba(0,0,0,.65); }
html.dark [data-cs-exempt], html.dark [data-cs-exempt] * { color-scheme: light; }
html.dark [data-cs-logo] { background-color: #fff !important; background-image: none !important; color-scheme: light; }
html.dark [data-cs-logo="pad"] { padding: 6px 14px; border-radius: 12px; box-sizing: content-box; }

/* Cloche de notifications (partials/notification-bell) */
html.dark #weza-bell { --wb-soft: color-mix(in srgb, var(--wb-accent) 14%, transparent); }
html.dark #weza-bell .wb-btn { color: var(--wz-text-3); }
html.dark #weza-bell .wb-badge { box-shadow: 0 0 0 2px var(--wz-surface); }
html.dark #weza-bell .wb-panel { background: var(--wz-surface); border-color: var(--wz-border); box-shadow: 0 20px 40px -12px rgba(0,0,0,.7); }
html.dark #weza-bell .wb-head, html.dark #weza-bell .wb-foot { border-color: var(--wz-border); }
html.dark #weza-bell .wb-title, html.dark #weza-bell .wb-item.is-unread .wb-t { color: var(--wz-text); }
html.dark #weza-bell .wb-item { background: var(--wz-surface); border-bottom-color: var(--wz-border); }
html.dark #weza-bell .wb-item:hover, html.dark #weza-bell .wb-item:focus-visible, html.dark #weza-bell .wb-foot:hover { background: var(--wz-surface-2); }
html.dark #weza-bell .wb-item.is-unread { background: var(--wb-soft); }
html.dark #weza-bell .wb-t { color: var(--wz-text-soft); }
html.dark #weza-bell .wb-m { color: var(--wz-text-2); }
html.dark #weza-bell .wb-d, html.dark #weza-bell .wb-state { color: var(--wz-text-4); }
html.dark #weza-bell .wb-tag, html.dark #weza-bell .wb-ico { background: var(--wz-surface-2); color: var(--wz-text-2); }
html.dark #weza-bell .wb-ico.t-info    { background: rgba(59,130,246,.16); color: #60a5fa; }
html.dark #weza-bell .wb-ico.t-success { background: rgba(34,197,94,.16); color: #4ade80; }
html.dark #weza-bell .wb-ico.t-danger  { background: rgba(239,68,68,.16); color: #f87171; }
html.dark #weza-bell .wb-ico.t-warning { background: rgba(245,158,11,.16); color: #fbbf24; }
html.dark #weza-bell .wb-ico.t-promo   { background: rgba(139,92,246,.18); color: #a78bfa; }
html.dark #weza-bell .wb-dot { box-shadow: 0 0 0 2px var(--wz-surface); }
html.dark #weza-bell .wb-push { background: var(--wz-surface-2); border-bottom-color: var(--wz-border); }
html.dark #weza-bell .wb-push-t { color: var(--wz-text-2); }

/* SweetAlert2 (wezaDialog) */
html.dark .swal2-popup { background: var(--wz-surface) !important; color: var(--wz-text-2) !important; box-shadow: 0 25px 60px rgba(0,0,0,.7) !important; }
html.dark .swal2-title, html.dark .weza-swal-title { color: var(--wz-text) !important; }
html.dark .swal2-html-container, html.dark .weza-swal-html { color: var(--wz-text-2) !important; }
html.dark .swal2-popup .swal2-input, html.dark .swal2-popup .swal2-textarea, html.dark .swal2-popup .swal2-file,
html.dark .swal2-popup .swal2-select, html.dark .swal2-popup textarea[class*="border"], html.dark .swal2-popup input[class*="border"] {
  background: var(--wz-input-bg) !important; border-color: var(--wz-border-input) !important; color: var(--wz-text) !important;
}
html.dark .swal2-popup .swal2-label { color: var(--wz-text-2) !important; }
html.dark .swal2-popup .swal2-validation-message { background: rgba(239,68,68,.14) !important; color: #fca5a5 !important; }
html.dark .swal2-close { color: var(--wz-text-3) !important; }
html.dark .weza-btn-cancel { background: var(--wz-surface-3); color: var(--wz-text-soft); }
html.dark .weza-btn-cancel:hover { background: var(--wz-border-input); }
html.dark .swal2-container.swal2-backdrop-show { background: rgba(0,0,0,.6) !important; }

/* DataTables 2 */
html.dark .dt-search label, html.dark .dt-length label, html.dark .dt-info { color: var(--wz-text-3); }
html.dark .dt-search input, html.dark .dt-length select { background: var(--wz-input-bg); color: var(--wz-text); border-color: var(--wz-border-input); }
html.dark table.dataTable thead th, html.dark table.dataTable thead td { color: var(--wz-text-3); border-bottom-color: var(--wz-border-2); }
html.dark table.dataTable tbody td { border-bottom-color: var(--wz-border); }
html.dark table.dataTable tbody tr:hover td { background: var(--wz-surface-2); }
html.dark table.dataTable > tbody > tr { background-color: transparent; }
html.dark .dt-paging .dt-paging-button { background: var(--wz-surface); color: var(--wz-text-soft); border-color: var(--wz-border-2); }
html.dark .dt-paging .dt-paging-button.disabled, html.dark .dt-paging .dt-paging-button.disabled:hover,
html.dark .dt-paging .dt-paging-button[disabled] { background: var(--wz-surface); color: var(--wz-text-4); }

/* Info-bulles */
html.dark .has-tooltip .tip, html.dark .sidebar-tooltip { background: #3A3A3A; color: var(--wz-text); }
html.dark .sidebar-tooltip::before { border-right-color: #3A3A3A; }

/* Navigation PJAX : voile, carte de chargement, squelettes */
html.dark .pjax-overlay { background: rgba(0,0,0,.45); }
html.dark .pjax-loader-card { background: var(--wz-surface); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
html.dark .pjax-logo-text span { color: var(--wz-burgundy-text); }
html.dark .pjax-skel-sh { background: linear-gradient(90deg, var(--wz-skel) 0%, var(--wz-skel-hi) 50%, var(--wz-skel) 100%); background-size: 200% 100%; }
html.dark .pjax-skel-table, html.dark .pjax-skel-panel { background: var(--wz-surface); border-color: var(--wz-border); }
html.dark .pjax-skel-trow { border-bottom-color: var(--wz-border); }

/* Boutons icône (survol pastel) */
html.dark .btn-icon-view:hover { background: rgba(59,130,246,.16); }
html.dark .btn-icon-edit:hover, html.dark .btn-icon-off:hover { background: rgba(245,158,11,.16); }
html.dark .btn-icon-on:hover { background: rgba(34,197,94,.16); }
html.dark .btn-icon-del:hover { background: rgba(239,68,68,.16); }
html.dark .btn-icon-view { color: #60a5fa; }
html.dark .btn-icon-on { color: #4ade80; }
html.dark .btn-icon-del { color: #f87171; }

/* FullCalendar 6 (variables officielles) */
html.dark .fc {
  --fc-border-color: var(--wz-border-2); --fc-page-bg-color: var(--wz-surface);
  --fc-neutral-bg-color: var(--wz-surface-2); --fc-neutral-text-color: var(--wz-text-3);
  --fc-list-event-hover-bg-color: var(--wz-surface-2); --fc-today-bg-color: rgba(255,180,13,.12);
  color: var(--wz-text-soft);
}
html.dark .fc .fc-col-header-cell-cushion, html.dark .fc .fc-daygrid-day-number, html.dark .fc .fc-toolbar-title { color: var(--wz-text-soft); }

/* Cartes Leaflet : tuiles assombries, contrôles lisibles */
html.dark .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.92) contrast(.9); }
html.dark .leaflet-bar a, html.dark .leaflet-control-attribution { background: var(--wz-surface); color: var(--wz-text-2); border-color: var(--wz-border); }

.cs-icon-sun { display: none; }
html.dark .cs-icon-sun { display: inline-block; }
html.dark .cs-icon-moon { display: none; }