/* Page scale: a slight zoom-out on every page (95% on phones, 90% from tablet width up) */
html { zoom: 0.95; }
@media (min-width: 768px) { html { zoom: 0.9; } }

/* Blackout dark mode. Generated by gen-dark.js, toggled by the .dark class on <html> (see theme.js) */
html.dark { color-scheme: dark; }
html.dark body, html.dark .bg-brand-background { background-color: #000000; }
html.dark .bg-white, html.dark .bg-white\/90, html.dark .bg-white\/95 { background-color: #0A0A0A; }
html.dark .bg-gray-50, html.dark .bg-slate-50, html.dark .bg-gray-50\/50, html.dark .bg-slate-50\/50 { background-color: #111111; }
html.dark .bg-gray-100, html.dark .bg-slate-100 { background-color: #1A1A1A; }
html.dark .bg-gray-200, html.dark .bg-slate-200 { background-color: #262626; }
html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-slate-50:hover, html.dark .hover\:bg-brand-background:hover, html.dark .hover\:bg-brand-background\/60:hover { background-color: #141414; }
html.dark .hover\:bg-gray-100:hover, html.dark .hover\:bg-slate-100:hover { background-color: #1A1A1A; }
html.dark .bg-brand-darkText { background-color: #141414; }
html.dark .bg-brand-blue\/10 { background-color: rgba(15, 84, 198, 0.10); }
html.dark .bg-brand-orange\/10 { background-color: rgba(249, 134, 30, 0.14); }
html.dark .bg-brand-background.rounded-full { background-color: #1F1F1F; }
html.dark .ring-white { --tw-ring-color: #000000; }

html.dark .border-brand-border, html.dark .border-gray-100, html.dark .border-slate-100, html.dark .border, html.dark .border-b, html.dark .border-t { border-color: #1F1F1F; }
html.dark .border-gray-200, html.dark .border-slate-200, html.dark .border-gray-300, html.dark .border-slate-300 { border-color: #2A2A2A; }
html.dark .border-white { border-color: #000000; }
html.dark .border-brand-blue { border-color: #0F54C6; }
html.dark .border-brand-orange { border-color: #F9861E; }
html.dark .border-brand-red { border-color: #E31E24; }
html.dark .border-t-brand-red { border-top-color: #E31E24; }

/* Add Money: plain flat red in dark mode, without the light-mode glow */
html.dark .add-money-btn { box-shadow: none; }
html.dark .divide-brand-border > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #1F1F1F; }

html.dark .text-brand-darkText, html.dark .text-gray-900, html.dark .text-gray-800, html.dark .text-slate-900, html.dark .text-slate-800 { color: #FFFFFF; }
html.dark .text-brand-midText, html.dark .text-gray-700, html.dark .text-gray-600, html.dark .text-slate-700, html.dark .text-slate-600 { color: #D4D4D4; }
html.dark .text-brand-lightText, html.dark .text-gray-500, html.dark .text-slate-500 { color: #8A8A8A; }
html.dark .text-gray-400, html.dark .text-slate-400 { color: #737373; }
html.dark .placeholder\:text-gray-400::placeholder { color: #737373; }
html.dark .text-brand-blue, html.dark .text-blue-600 { color: #6FA3FF; }
html.dark .hover\:text-brand-blue:hover { color: #6FA3FF; }
html.dark .text-red-500 { color: #F87171; }
html.dark .text-green-600, html.dark .text-emerald-600 { color: #4ADE80; }

html.dark input, html.dark select, html.dark textarea { color: #FFFFFF; }
/* Open dropdown lists keep a white background otherwise, hiding the white option text */
html.dark select option, html.dark select optgroup { background-color: #0A0A0A; color: #FFFFFF; }
html.dark .shadow-xl, html.dark .shadow-sm, html.dark .shadow-2xl { box-shadow: none; }
/* No glow in dark mode: light shadows (shadow-blue-200 etc.) shine on black, so drop every outer shadow. Inset ones (sidebar marker) stay */
html.dark [class*="shadow-"]:not(.shadow-inner):not([class*="shadow-[inset"]) { box-shadow: none !important; }

html.dark .bg-gray-50\/30, html.dark .bg-gray-50\/40, html.dark .bg-gray-50\/70, html.dark .bg-gray-50\/80 { background-color: #0F0F0F; }
html.dark .bg-gray-100\/80 { background-color: #161616; }
html.dark .bg-gray-300 { background-color: #333333; }
html.dark .hover\:bg-gray-50\/50:hover { background-color: #141414; }
html.dark .hover\:bg-gray-200\/50:hover { background-color: #1F1F1F; }
html.dark .bg-white\/50, html.dark .bg-white\/60 { background-color: rgba(10, 10, 10, 0.6); }
html.dark .hover\:bg-white\/30:hover { background-color: rgba(255, 255, 255, 0.08); }
html.dark .bg-brand-background\/30, html.dark .bg-brand-background\/50, html.dark .bg-brand-background\/60, html.dark .bg-brand-background\/80 { background-color: rgba(255, 255, 255, 0.04); }
html.dark .bg-brand-border { background-color: #1F1F1F; }
html.dark .border-brand-border\/20, html.dark .border-brand-border\/50, html.dark .border-brand-border\/60 { border-color: #1F1F1F; }
html.dark .bg-brand-excelHeader { background-color: #111111; }
html.dark .bg-brand-dark { background-color: #141414; }
html.dark .bg-brand-blue\/5 { background-color: rgba(15, 84, 198, 0.08); }
html.dark .bg-brand-blue\/20 { background-color: rgba(15, 84, 198, 0.2); }

html.dark .disabled\:bg-gray-300:disabled, html.dark .disabled\:bg-gray-200:disabled, html.dark .disabled\:bg-gray-100:disabled { background-color: #262626; }

/* Page-specific styles that hard-code light colours */
html.dark .excel-table th, html.dark .excel-table td { border-right-color: #1F1F1F; border-bottom-color: #1F1F1F; }
html.dark .excel-table th:last-child, html.dark .excel-table td:last-child { border-right: none; }
html.dark .excel-row-selected { background-color: rgba(15, 84, 198, 0.2) !important; }
html.dark [data-tooltip]:hover::after { background: #262626; }
@media (max-width: 767px) {
    html.dark .responsive-table tr { background-color: #0A0A0A; border-color: #1F1F1F; }
    html.dark .responsive-table td { border-bottom-color: #1F1F1F; }
    html.dark .responsive-table td::before { color: #7DD3FC; }
}

/* SweetAlert2 popups */
html.dark .swal2-popup { background: #0A0A0A; color: #FFFFFF; border: 1px solid #1F1F1F; }
html.dark .swal2-title, html.dark .swal2-html-container, html.dark .swal2-content { color: #FFFFFF; }
html.dark .swal2-input, html.dark .swal2-textarea, html.dark .swal2-select { background: #111111; color: #FFFFFF; border-color: #2A2A2A; }

/* Floating light/dark button for pages that have no header toggle */
.theme-fab { position: fixed; right: 16px; bottom: 16px; z-index: 45; width: 40px; height: 40px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: #fff; color: #344054; border: 1px solid #EAECF0; box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12); cursor: pointer; }
.theme-fab:hover { color: #0F54C6; border-color: #0F54C6; }

/* Google widgets (reCAPTCHA, Google sign-in) draw light iframes; matching their colour scheme
   stops the browser painting a white box behind them on dark pages. theme.js picks their dark themes. */
.g-recaptcha iframe, .g_id_signin iframe { color-scheme: light; }

/* reCAPTCHA picks its theme once, on load (theme.js). After a theme switch, invert it until the next load. */
html.dark .g-recaptcha:not([data-theme="dark"]) iframe,
html:not(.dark) .g-recaptcha[data-theme="dark"] iframe { filter: invert(0.9) hue-rotate(180deg); }

/* Google button: Google draws "Continue as <name>" light whatever theme we ask for, so in dark mode
   the page shows its own .gsi-face and keeps Google's real button, invisible, on top to take the click */
.gsi-skin { position: relative; }
.gsi-face { display: none; }
html.dark .gsi-face { display: flex; align-items: center; justify-content: center; gap: 10px; height: 44px; border-radius: 12px; background: #111111; border: 1px solid #2A2A2A; color: #E5E5E5; font-size: 15px; font-weight: 600; transition: background-color 0.15s, border-color 0.15s; }
html.dark .gsi-skin:hover .gsi-face { background: #171717; border-color: #3A3A3A; }
html.dark .gsi-skin:focus-within .gsi-face { border-color: #6FA3FF; }
html.dark .gsi-skin .g_id_signin { position: absolute; inset: 0; min-height: 0; opacity: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
html.dark .theme-fab { background: #0A0A0A; color: #D4D4D4; border-color: #2A2A2A; box-shadow: none; }
html.dark .theme-fab:hover { color: #6FA3FF; border-color: #6FA3FF; }

/* Sliding sun/moon switch (dashboard header) */
.theme-switch { position: relative; display: inline-flex; align-items: center; width: 56px; height: 30px; padding: 0; border-radius: 9999px; background: linear-gradient(135deg, #DCEBFF 0%, #FFF4E5 100%); border: 1px solid #EAECF0; box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.08); cursor: pointer; overflow: hidden; transition: background 0.5s ease, border-color 0.5s ease; -webkit-tap-highlight-color: transparent; }
.theme-switch:focus-visible { outline: 2px solid #0F54C6; outline-offset: 2px; }
.theme-switch-track-icon { position: absolute; top: 50%; width: 14px; height: 14px; margin-top: -7px; transition: opacity 0.4s ease, transform 0.5s ease; }
.theme-switch-track-icon.is-sun { left: 8px; color: #F9861E; opacity: 0; }
.theme-switch-track-icon.is-moon { right: 8px; color: #667085; opacity: 0.7; }
.theme-switch-star { position: absolute; width: 2px; height: 2px; border-radius: 9999px; background: #FFFFFF; opacity: 0; transform: scale(0); transition: opacity 0.4s ease, transform 0.4s ease; }
.theme-switch-star:nth-of-type(1) { left: 12px; top: 8px; transition-delay: 0.15s; }
.theme-switch-star:nth-of-type(2) { left: 20px; top: 18px; transition-delay: 0.25s; }
.theme-switch-star:nth-of-type(3) { left: 27px; top: 9px; width: 1.5px; height: 1.5px; transition-delay: 0.35s; }
.theme-switch-knob { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; color: #F9861E; box-shadow: 0 2px 6px rgba(16, 24, 40, 0.18); transition: transform 0.5s cubic-bezier(0.68, -0.35, 0.27, 1.35), background 0.5s ease, color 0.5s ease, box-shadow 0.5s ease; }
.theme-switch-knob svg { position: absolute; width: 14px; height: 14px; transition: opacity 0.35s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.theme-switch-knob .is-moon { opacity: 0; transform: rotate(-90deg) scale(0.5); }
.theme-switch:active .theme-switch-knob { width: 26px; }

html.dark .theme-switch { background: linear-gradient(135deg, #0B1530 0%, #111111 100%); border-color: #2A2A2A; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6); }
html.dark .theme-switch-track-icon.is-sun { opacity: 0.6; transform: rotate(45deg); }
html.dark .theme-switch-track-icon.is-moon { opacity: 0; }
html.dark .theme-switch-star { opacity: 0.85; transform: scale(1); }
html.dark .theme-switch-knob { transform: translateX(26px); background: #0F54C6; color: #FFFFFF; box-shadow: none; }
html.dark .theme-switch:active .theme-switch-knob { transform: translateX(22px); }
html.dark .theme-switch-knob .is-sun { opacity: 0; transform: rotate(90deg) scale(0.5); }
html.dark .theme-switch-knob .is-moon { opacity: 1; transform: rotate(0) scale(1); }

/* Soft cross-fade when the theme flips (View Transitions API, see theme.js) */
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.35s; animation-timing-function: ease; mix-blend-mode: normal; }
/* Fallback for browsers without view transitions: fade the colours instead */
html.theme-fading, html.theme-fading *, html.theme-fading *::before, html.theme-fading *::after { transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, fill 0.4s ease !important; }

@media (prefers-reduced-motion: reduce) {
    .theme-switch, .theme-switch *, .theme-switch-knob svg { transition: none !important; }
}

/* Generated tints and text colours */
html.dark .bg-blue-50,
html.dark .bg-blue-50\/30,
html.dark .bg-blue-50\/40,
html.dark .bg-blue-50\/50,
html.dark .bg-blue-50\/60,
html.dark .bg-blue-50\/70,
html.dark .bg-blue-50\/80 { background-color: rgba(59, 130, 246, 0.12); }
html.dark .hover\:bg-blue-50:hover,
html.dark .hover\:bg-blue-50\/40:hover,
html.dark .hover\:bg-blue-50\/50:hover,
html.dark .hover\:bg-blue-50\/70:hover { background-color: rgba(59, 130, 246, 0.2); }
html.dark .bg-blue-100,
html.dark .bg-blue-100\/30,
html.dark .bg-blue-100\/40,
html.dark .bg-blue-100\/50,
html.dark .bg-blue-100\/60,
html.dark .bg-blue-100\/70,
html.dark .bg-blue-100\/80 { background-color: rgba(59, 130, 246, 0.18); }
html.dark .hover\:bg-blue-100:hover,
html.dark .hover\:bg-blue-100\/40:hover,
html.dark .hover\:bg-blue-100\/50:hover,
html.dark .hover\:bg-blue-100\/70:hover { background-color: rgba(59, 130, 246, 0.26); }
html.dark .bg-blue-200,
html.dark .bg-blue-200\/30,
html.dark .bg-blue-200\/40,
html.dark .bg-blue-200\/50,
html.dark .bg-blue-200\/60,
html.dark .bg-blue-200\/70,
html.dark .bg-blue-200\/80 { background-color: rgba(59, 130, 246, 0.25); }
html.dark .hover\:bg-blue-200:hover,
html.dark .hover\:bg-blue-200\/40:hover,
html.dark .hover\:bg-blue-200\/50:hover,
html.dark .hover\:bg-blue-200\/70:hover { background-color: rgba(59, 130, 246, 0.33); }
html.dark .border-blue-400,
html.dark .border-blue-500,
html.dark .border-blue-600,
html.dark .border-blue-700 { border-color: rgba(59, 130, 246, 1); }
html.dark .border-blue-100,
html.dark .border-blue-200,
html.dark .border-blue-300 { border-color: rgba(59, 130, 246, 0.3); }
html.dark .text-blue-600,
html.dark .text-blue-700,
html.dark .text-blue-800,
html.dark .text-blue-900,
html.dark .text-blue-950 { color: #93bafa; }
html.dark .text-blue-700\/80,
html.dark .text-blue-800\/80 { color: #93bafa; }
html.dark .bg-sky-50,
html.dark .bg-sky-50\/30,
html.dark .bg-sky-50\/40,
html.dark .bg-sky-50\/50,
html.dark .bg-sky-50\/60,
html.dark .bg-sky-50\/70,
html.dark .bg-sky-50\/80 { background-color: rgba(14, 165, 233, 0.12); }
html.dark .hover\:bg-sky-50:hover,
html.dark .hover\:bg-sky-50\/40:hover,
html.dark .hover\:bg-sky-50\/50:hover,
html.dark .hover\:bg-sky-50\/70:hover { background-color: rgba(14, 165, 233, 0.2); }
html.dark .bg-sky-100,
html.dark .bg-sky-100\/30,
html.dark .bg-sky-100\/40,
html.dark .bg-sky-100\/50,
html.dark .bg-sky-100\/60,
html.dark .bg-sky-100\/70,
html.dark .bg-sky-100\/80 { background-color: rgba(14, 165, 233, 0.18); }
html.dark .hover\:bg-sky-100:hover,
html.dark .hover\:bg-sky-100\/40:hover,
html.dark .hover\:bg-sky-100\/50:hover,
html.dark .hover\:bg-sky-100\/70:hover { background-color: rgba(14, 165, 233, 0.26); }
html.dark .bg-sky-200,
html.dark .bg-sky-200\/30,
html.dark .bg-sky-200\/40,
html.dark .bg-sky-200\/50,
html.dark .bg-sky-200\/60,
html.dark .bg-sky-200\/70,
html.dark .bg-sky-200\/80 { background-color: rgba(14, 165, 233, 0.25); }
html.dark .hover\:bg-sky-200:hover,
html.dark .hover\:bg-sky-200\/40:hover,
html.dark .hover\:bg-sky-200\/50:hover,
html.dark .hover\:bg-sky-200\/70:hover { background-color: rgba(14, 165, 233, 0.33); }
html.dark .border-sky-400,
html.dark .border-sky-500,
html.dark .border-sky-600,
html.dark .border-sky-700 { border-color: rgba(14, 165, 233, 1); }
html.dark .border-sky-100,
html.dark .border-sky-200,
html.dark .border-sky-300 { border-color: rgba(14, 165, 233, 0.3); }
html.dark .text-sky-600,
html.dark .text-sky-700,
html.dark .text-sky-800,
html.dark .text-sky-900,
html.dark .text-sky-950 { color: #7acef3; }
html.dark .text-sky-700\/80,
html.dark .text-sky-800\/80 { color: #7acef3; }
html.dark .bg-emerald-50,
html.dark .bg-emerald-50\/30,
html.dark .bg-emerald-50\/40,
html.dark .bg-emerald-50\/50,
html.dark .bg-emerald-50\/60,
html.dark .bg-emerald-50\/70,
html.dark .bg-emerald-50\/80 { background-color: rgba(16, 185, 129, 0.12); }
html.dark .hover\:bg-emerald-50:hover,
html.dark .hover\:bg-emerald-50\/40:hover,
html.dark .hover\:bg-emerald-50\/50:hover,
html.dark .hover\:bg-emerald-50\/70:hover { background-color: rgba(16, 185, 129, 0.2); }
html.dark .bg-emerald-100,
html.dark .bg-emerald-100\/30,
html.dark .bg-emerald-100\/40,
html.dark .bg-emerald-100\/50,
html.dark .bg-emerald-100\/60,
html.dark .bg-emerald-100\/70,
html.dark .bg-emerald-100\/80 { background-color: rgba(16, 185, 129, 0.18); }
html.dark .hover\:bg-emerald-100:hover,
html.dark .hover\:bg-emerald-100\/40:hover,
html.dark .hover\:bg-emerald-100\/50:hover,
html.dark .hover\:bg-emerald-100\/70:hover { background-color: rgba(16, 185, 129, 0.26); }
html.dark .bg-emerald-200,
html.dark .bg-emerald-200\/30,
html.dark .bg-emerald-200\/40,
html.dark .bg-emerald-200\/50,
html.dark .bg-emerald-200\/60,
html.dark .bg-emerald-200\/70,
html.dark .bg-emerald-200\/80 { background-color: rgba(16, 185, 129, 0.25); }
html.dark .hover\:bg-emerald-200:hover,
html.dark .hover\:bg-emerald-200\/40:hover,
html.dark .hover\:bg-emerald-200\/50:hover,
html.dark .hover\:bg-emerald-200\/70:hover { background-color: rgba(16, 185, 129, 0.33); }
html.dark .border-emerald-400,
html.dark .border-emerald-500,
html.dark .border-emerald-600,
html.dark .border-emerald-700 { border-color: rgba(16, 185, 129, 1); }
html.dark .border-emerald-100,
html.dark .border-emerald-200,
html.dark .border-emerald-300 { border-color: rgba(16, 185, 129, 0.3); }
html.dark .text-emerald-600,
html.dark .text-emerald-700,
html.dark .text-emerald-800,
html.dark .text-emerald-900,
html.dark .text-emerald-950 { color: #7cd9ba; }
html.dark .text-emerald-700\/80,
html.dark .text-emerald-800\/80 { color: #7cd9ba; }
html.dark .bg-green-50,
html.dark .bg-green-50\/30,
html.dark .bg-green-50\/40,
html.dark .bg-green-50\/50,
html.dark .bg-green-50\/60,
html.dark .bg-green-50\/70,
html.dark .bg-green-50\/80 { background-color: rgba(34, 197, 94, 0.12); }
html.dark .hover\:bg-green-50:hover,
html.dark .hover\:bg-green-50\/40:hover,
html.dark .hover\:bg-green-50\/50:hover,
html.dark .hover\:bg-green-50\/70:hover { background-color: rgba(34, 197, 94, 0.2); }
html.dark .bg-green-100,
html.dark .bg-green-100\/30,
html.dark .bg-green-100\/40,
html.dark .bg-green-100\/50,
html.dark .bg-green-100\/60,
html.dark .bg-green-100\/70,
html.dark .bg-green-100\/80 { background-color: rgba(34, 197, 94, 0.18); }
html.dark .hover\:bg-green-100:hover,
html.dark .hover\:bg-green-100\/40:hover,
html.dark .hover\:bg-green-100\/50:hover,
html.dark .hover\:bg-green-100\/70:hover { background-color: rgba(34, 197, 94, 0.26); }
html.dark .bg-green-200,
html.dark .bg-green-200\/30,
html.dark .bg-green-200\/40,
html.dark .bg-green-200\/50,
html.dark .bg-green-200\/60,
html.dark .bg-green-200\/70,
html.dark .bg-green-200\/80 { background-color: rgba(34, 197, 94, 0.25); }
html.dark .hover\:bg-green-200:hover,
html.dark .hover\:bg-green-200\/40:hover,
html.dark .hover\:bg-green-200\/50:hover,
html.dark .hover\:bg-green-200\/70:hover { background-color: rgba(34, 197, 94, 0.33); }
html.dark .border-green-400,
html.dark .border-green-500,
html.dark .border-green-600,
html.dark .border-green-700 { border-color: rgba(34, 197, 94, 1); }
html.dark .border-green-100,
html.dark .border-green-200,
html.dark .border-green-300 { border-color: rgba(34, 197, 94, 0.3); }
html.dark .text-green-600,
html.dark .text-green-700,
html.dark .text-green-800,
html.dark .text-green-900,
html.dark .text-green-950 { color: #85dfa6; }
html.dark .text-green-700\/80,
html.dark .text-green-800\/80 { color: #85dfa6; }
html.dark .bg-orange-50,
html.dark .bg-orange-50\/30,
html.dark .bg-orange-50\/40,
html.dark .bg-orange-50\/50,
html.dark .bg-orange-50\/60,
html.dark .bg-orange-50\/70,
html.dark .bg-orange-50\/80 { background-color: rgba(249, 115, 22, 0.12); }
html.dark .hover\:bg-orange-50:hover,
html.dark .hover\:bg-orange-50\/40:hover,
html.dark .hover\:bg-orange-50\/50:hover,
html.dark .hover\:bg-orange-50\/70:hover { background-color: rgba(249, 115, 22, 0.2); }
html.dark .bg-orange-100,
html.dark .bg-orange-100\/30,
html.dark .bg-orange-100\/40,
html.dark .bg-orange-100\/50,
html.dark .bg-orange-100\/60,
html.dark .bg-orange-100\/70,
html.dark .bg-orange-100\/80 { background-color: rgba(249, 115, 22, 0.18); }
html.dark .hover\:bg-orange-100:hover,
html.dark .hover\:bg-orange-100\/40:hover,
html.dark .hover\:bg-orange-100\/50:hover,
html.dark .hover\:bg-orange-100\/70:hover { background-color: rgba(249, 115, 22, 0.26); }
html.dark .bg-orange-200,
html.dark .bg-orange-200\/30,
html.dark .bg-orange-200\/40,
html.dark .bg-orange-200\/50,
html.dark .bg-orange-200\/60,
html.dark .bg-orange-200\/70,
html.dark .bg-orange-200\/80 { background-color: rgba(249, 115, 22, 0.25); }
html.dark .hover\:bg-orange-200:hover,
html.dark .hover\:bg-orange-200\/40:hover,
html.dark .hover\:bg-orange-200\/50:hover,
html.dark .hover\:bg-orange-200\/70:hover { background-color: rgba(249, 115, 22, 0.33); }
html.dark .border-orange-400,
html.dark .border-orange-500,
html.dark .border-orange-600,
html.dark .border-orange-700 { border-color: rgba(249, 115, 22, 1); }
html.dark .border-orange-100,
html.dark .border-orange-200,
html.dark .border-orange-300 { border-color: rgba(249, 115, 22, 0.3); }
html.dark .text-orange-600,
html.dark .text-orange-700,
html.dark .text-orange-800,
html.dark .text-orange-900,
html.dark .text-orange-950 { color: #fcb27f; }
html.dark .text-orange-700\/80,
html.dark .text-orange-800\/80 { color: #fcb27f; }
html.dark .bg-amber-50,
html.dark .bg-amber-50\/30,
html.dark .bg-amber-50\/40,
html.dark .bg-amber-50\/50,
html.dark .bg-amber-50\/60,
html.dark .bg-amber-50\/70,
html.dark .bg-amber-50\/80 { background-color: rgba(245, 158, 11, 0.12); }
html.dark .hover\:bg-amber-50:hover,
html.dark .hover\:bg-amber-50\/40:hover,
html.dark .hover\:bg-amber-50\/50:hover,
html.dark .hover\:bg-amber-50\/70:hover { background-color: rgba(245, 158, 11, 0.2); }
html.dark .bg-amber-100,
html.dark .bg-amber-100\/30,
html.dark .bg-amber-100\/40,
html.dark .bg-amber-100\/50,
html.dark .bg-amber-100\/60,
html.dark .bg-amber-100\/70,
html.dark .bg-amber-100\/80 { background-color: rgba(245, 158, 11, 0.18); }
html.dark .hover\:bg-amber-100:hover,
html.dark .hover\:bg-amber-100\/40:hover,
html.dark .hover\:bg-amber-100\/50:hover,
html.dark .hover\:bg-amber-100\/70:hover { background-color: rgba(245, 158, 11, 0.26); }
html.dark .bg-amber-200,
html.dark .bg-amber-200\/30,
html.dark .bg-amber-200\/40,
html.dark .bg-amber-200\/50,
html.dark .bg-amber-200\/60,
html.dark .bg-amber-200\/70,
html.dark .bg-amber-200\/80 { background-color: rgba(245, 158, 11, 0.25); }
html.dark .hover\:bg-amber-200:hover,
html.dark .hover\:bg-amber-200\/40:hover,
html.dark .hover\:bg-amber-200\/50:hover,
html.dark .hover\:bg-amber-200\/70:hover { background-color: rgba(245, 158, 11, 0.33); }
html.dark .border-amber-400,
html.dark .border-amber-500,
html.dark .border-amber-600,
html.dark .border-amber-700 { border-color: rgba(245, 158, 11, 1); }
html.dark .border-amber-100,
html.dark .border-amber-200,
html.dark .border-amber-300 { border-color: rgba(245, 158, 11, 0.3); }
html.dark .text-amber-600,
html.dark .text-amber-700,
html.dark .text-amber-800,
html.dark .text-amber-900,
html.dark .text-amber-950 { color: #faca79; }
html.dark .text-amber-700\/80,
html.dark .text-amber-800\/80 { color: #faca79; }
html.dark .bg-red-50,
html.dark .bg-red-50\/30,
html.dark .bg-red-50\/40,
html.dark .bg-red-50\/50,
html.dark .bg-red-50\/60,
html.dark .bg-red-50\/70,
html.dark .bg-red-50\/80 { background-color: rgba(239, 68, 68, 0.12); }
html.dark .hover\:bg-red-50:hover,
html.dark .hover\:bg-red-50\/40:hover,
html.dark .hover\:bg-red-50\/50:hover,
html.dark .hover\:bg-red-50\/70:hover { background-color: rgba(239, 68, 68, 0.2); }
html.dark .bg-red-100,
html.dark .bg-red-100\/30,
html.dark .bg-red-100\/40,
html.dark .bg-red-100\/50,
html.dark .bg-red-100\/60,
html.dark .bg-red-100\/70,
html.dark .bg-red-100\/80 { background-color: rgba(239, 68, 68, 0.18); }
html.dark .hover\:bg-red-100:hover,
html.dark .hover\:bg-red-100\/40:hover,
html.dark .hover\:bg-red-100\/50:hover,
html.dark .hover\:bg-red-100\/70:hover { background-color: rgba(239, 68, 68, 0.26); }
html.dark .bg-red-200,
html.dark .bg-red-200\/30,
html.dark .bg-red-200\/40,
html.dark .bg-red-200\/50,
html.dark .bg-red-200\/60,
html.dark .bg-red-200\/70,
html.dark .bg-red-200\/80 { background-color: rgba(239, 68, 68, 0.25); }
html.dark .hover\:bg-red-200:hover,
html.dark .hover\:bg-red-200\/40:hover,
html.dark .hover\:bg-red-200\/50:hover,
html.dark .hover\:bg-red-200\/70:hover { background-color: rgba(239, 68, 68, 0.33); }
html.dark .border-red-400,
html.dark .border-red-500,
html.dark .border-red-600,
html.dark .border-red-700 { border-color: rgba(239, 68, 68, 1); }
html.dark .border-red-100,
html.dark .border-red-200,
html.dark .border-red-300 { border-color: rgba(239, 68, 68, 0.3); }
html.dark .text-red-600,
html.dark .text-red-700,
html.dark .text-red-800,
html.dark .text-red-900,
html.dark .text-red-950 { color: #f69898; }
html.dark .text-red-700\/80,
html.dark .text-red-800\/80 { color: #f69898; }
html.dark .bg-indigo-50,
html.dark .bg-indigo-50\/30,
html.dark .bg-indigo-50\/40,
html.dark .bg-indigo-50\/50,
html.dark .bg-indigo-50\/60,
html.dark .bg-indigo-50\/70,
html.dark .bg-indigo-50\/80 { background-color: rgba(99, 102, 241, 0.12); }
html.dark .hover\:bg-indigo-50:hover,
html.dark .hover\:bg-indigo-50\/40:hover,
html.dark .hover\:bg-indigo-50\/50:hover,
html.dark .hover\:bg-indigo-50\/70:hover { background-color: rgba(99, 102, 241, 0.2); }
html.dark .bg-indigo-100,
html.dark .bg-indigo-100\/30,
html.dark .bg-indigo-100\/40,
html.dark .bg-indigo-100\/50,
html.dark .bg-indigo-100\/60,
html.dark .bg-indigo-100\/70,
html.dark .bg-indigo-100\/80 { background-color: rgba(99, 102, 241, 0.18); }
html.dark .hover\:bg-indigo-100:hover,
html.dark .hover\:bg-indigo-100\/40:hover,
html.dark .hover\:bg-indigo-100\/50:hover,
html.dark .hover\:bg-indigo-100\/70:hover { background-color: rgba(99, 102, 241, 0.26); }
html.dark .bg-indigo-200,
html.dark .bg-indigo-200\/30,
html.dark .bg-indigo-200\/40,
html.dark .bg-indigo-200\/50,
html.dark .bg-indigo-200\/60,
html.dark .bg-indigo-200\/70,
html.dark .bg-indigo-200\/80 { background-color: rgba(99, 102, 241, 0.25); }
html.dark .hover\:bg-indigo-200:hover,
html.dark .hover\:bg-indigo-200\/40:hover,
html.dark .hover\:bg-indigo-200\/50:hover,
html.dark .hover\:bg-indigo-200\/70:hover { background-color: rgba(99, 102, 241, 0.33); }
html.dark .border-indigo-400,
html.dark .border-indigo-500,
html.dark .border-indigo-600,
html.dark .border-indigo-700 { border-color: rgba(99, 102, 241, 1); }
html.dark .border-indigo-100,
html.dark .border-indigo-200,
html.dark .border-indigo-300 { border-color: rgba(99, 102, 241, 0.3); }
html.dark .text-indigo-600,
html.dark .text-indigo-700,
html.dark .text-indigo-800,
html.dark .text-indigo-900,
html.dark .text-indigo-950 { color: #a9abf7; }
html.dark .text-indigo-700\/80,
html.dark .text-indigo-800\/80 { color: #a9abf7; }
html.dark .bg-rose-50,
html.dark .bg-rose-50\/30,
html.dark .bg-rose-50\/40,
html.dark .bg-rose-50\/50,
html.dark .bg-rose-50\/60,
html.dark .bg-rose-50\/70,
html.dark .bg-rose-50\/80 { background-color: rgba(244, 63, 94, 0.12); }
html.dark .hover\:bg-rose-50:hover,
html.dark .hover\:bg-rose-50\/40:hover,
html.dark .hover\:bg-rose-50\/50:hover,
html.dark .hover\:bg-rose-50\/70:hover { background-color: rgba(244, 63, 94, 0.2); }
html.dark .bg-rose-100,
html.dark .bg-rose-100\/30,
html.dark .bg-rose-100\/40,
html.dark .bg-rose-100\/50,
html.dark .bg-rose-100\/60,
html.dark .bg-rose-100\/70,
html.dark .bg-rose-100\/80 { background-color: rgba(244, 63, 94, 0.18); }
html.dark .hover\:bg-rose-100:hover,
html.dark .hover\:bg-rose-100\/40:hover,
html.dark .hover\:bg-rose-100\/50:hover,
html.dark .hover\:bg-rose-100\/70:hover { background-color: rgba(244, 63, 94, 0.26); }
html.dark .bg-rose-200,
html.dark .bg-rose-200\/30,
html.dark .bg-rose-200\/40,
html.dark .bg-rose-200\/50,
html.dark .bg-rose-200\/60,
html.dark .bg-rose-200\/70,
html.dark .bg-rose-200\/80 { background-color: rgba(244, 63, 94, 0.25); }
html.dark .hover\:bg-rose-200:hover,
html.dark .hover\:bg-rose-200\/40:hover,
html.dark .hover\:bg-rose-200\/50:hover,
html.dark .hover\:bg-rose-200\/70:hover { background-color: rgba(244, 63, 94, 0.33); }
html.dark .border-rose-400,
html.dark .border-rose-500,
html.dark .border-rose-600,
html.dark .border-rose-700 { border-color: rgba(244, 63, 94, 1); }
html.dark .border-rose-100,
html.dark .border-rose-200,
html.dark .border-rose-300 { border-color: rgba(244, 63, 94, 0.3); }
html.dark .text-rose-600,
html.dark .text-rose-700,
html.dark .text-rose-800,
html.dark .text-rose-900,
html.dark .text-rose-950 { color: #f995a6; }
html.dark .text-rose-700\/80,
html.dark .text-rose-800\/80 { color: #f995a6; }
html.dark .bg-purple-50,
html.dark .bg-purple-50\/30,
html.dark .bg-purple-50\/40,
html.dark .bg-purple-50\/50,
html.dark .bg-purple-50\/60,
html.dark .bg-purple-50\/70,
html.dark .bg-purple-50\/80 { background-color: rgba(168, 85, 247, 0.12); }
html.dark .hover\:bg-purple-50:hover,
html.dark .hover\:bg-purple-50\/40:hover,
html.dark .hover\:bg-purple-50\/50:hover,
html.dark .hover\:bg-purple-50\/70:hover { background-color: rgba(168, 85, 247, 0.2); }
html.dark .bg-purple-100,
html.dark .bg-purple-100\/30,
html.dark .bg-purple-100\/40,
html.dark .bg-purple-100\/50,
html.dark .bg-purple-100\/60,
html.dark .bg-purple-100\/70,
html.dark .bg-purple-100\/80 { background-color: rgba(168, 85, 247, 0.18); }
html.dark .hover\:bg-purple-100:hover,
html.dark .hover\:bg-purple-100\/40:hover,
html.dark .hover\:bg-purple-100\/50:hover,
html.dark .hover\:bg-purple-100\/70:hover { background-color: rgba(168, 85, 247, 0.26); }
html.dark .bg-purple-200,
html.dark .bg-purple-200\/30,
html.dark .bg-purple-200\/40,
html.dark .bg-purple-200\/50,
html.dark .bg-purple-200\/60,
html.dark .bg-purple-200\/70,
html.dark .bg-purple-200\/80 { background-color: rgba(168, 85, 247, 0.25); }
html.dark .hover\:bg-purple-200:hover,
html.dark .hover\:bg-purple-200\/40:hover,
html.dark .hover\:bg-purple-200\/50:hover,
html.dark .hover\:bg-purple-200\/70:hover { background-color: rgba(168, 85, 247, 0.33); }
html.dark .border-purple-400,
html.dark .border-purple-500,
html.dark .border-purple-600,
html.dark .border-purple-700 { border-color: rgba(168, 85, 247, 1); }
html.dark .border-purple-100,
html.dark .border-purple-200,
html.dark .border-purple-300 { border-color: rgba(168, 85, 247, 0.3); }
html.dark .text-purple-600,
html.dark .text-purple-700,
html.dark .text-purple-800,
html.dark .text-purple-900,
html.dark .text-purple-950 { color: #cfa2fb; }
html.dark .text-purple-700\/80,
html.dark .text-purple-800\/80 { color: #cfa2fb; }
html.dark .bg-yellow-50,
html.dark .bg-yellow-50\/30,
html.dark .bg-yellow-50\/40,
html.dark .bg-yellow-50\/50,
html.dark .bg-yellow-50\/60,
html.dark .bg-yellow-50\/70,
html.dark .bg-yellow-50\/80 { background-color: rgba(234, 179, 8, 0.12); }
html.dark .hover\:bg-yellow-50:hover,
html.dark .hover\:bg-yellow-50\/40:hover,
html.dark .hover\:bg-yellow-50\/50:hover,
html.dark .hover\:bg-yellow-50\/70:hover { background-color: rgba(234, 179, 8, 0.2); }
html.dark .bg-yellow-100,
html.dark .bg-yellow-100\/30,
html.dark .bg-yellow-100\/40,
html.dark .bg-yellow-100\/50,
html.dark .bg-yellow-100\/60,
html.dark .bg-yellow-100\/70,
html.dark .bg-yellow-100\/80 { background-color: rgba(234, 179, 8, 0.18); }
html.dark .hover\:bg-yellow-100:hover,
html.dark .hover\:bg-yellow-100\/40:hover,
html.dark .hover\:bg-yellow-100\/50:hover,
html.dark .hover\:bg-yellow-100\/70:hover { background-color: rgba(234, 179, 8, 0.26); }
html.dark .bg-yellow-200,
html.dark .bg-yellow-200\/30,
html.dark .bg-yellow-200\/40,
html.dark .bg-yellow-200\/50,
html.dark .bg-yellow-200\/60,
html.dark .bg-yellow-200\/70,
html.dark .bg-yellow-200\/80 { background-color: rgba(234, 179, 8, 0.25); }
html.dark .hover\:bg-yellow-200:hover,
html.dark .hover\:bg-yellow-200\/40:hover,
html.dark .hover\:bg-yellow-200\/50:hover,
html.dark .hover\:bg-yellow-200\/70:hover { background-color: rgba(234, 179, 8, 0.33); }
html.dark .border-yellow-400,
html.dark .border-yellow-500,
html.dark .border-yellow-600,
html.dark .border-yellow-700 { border-color: rgba(234, 179, 8, 1); }
html.dark .border-yellow-100,
html.dark .border-yellow-200,
html.dark .border-yellow-300 { border-color: rgba(234, 179, 8, 0.3); }
html.dark .text-yellow-600,
html.dark .text-yellow-700,
html.dark .text-yellow-800,
html.dark .text-yellow-900,
html.dark .text-yellow-950 { color: #f3d577; }
html.dark .text-yellow-700\/80,
html.dark .text-yellow-800\/80 { color: #f3d577; }
html.dark .bg-teal-50,
html.dark .bg-teal-50\/30,
html.dark .bg-teal-50\/40,
html.dark .bg-teal-50\/50,
html.dark .bg-teal-50\/60,
html.dark .bg-teal-50\/70,
html.dark .bg-teal-50\/80 { background-color: rgba(20, 184, 166, 0.12); }
html.dark .hover\:bg-teal-50:hover,
html.dark .hover\:bg-teal-50\/40:hover,
html.dark .hover\:bg-teal-50\/50:hover,
html.dark .hover\:bg-teal-50\/70:hover { background-color: rgba(20, 184, 166, 0.2); }
html.dark .bg-teal-100,
html.dark .bg-teal-100\/30,
html.dark .bg-teal-100\/40,
html.dark .bg-teal-100\/50,
html.dark .bg-teal-100\/60,
html.dark .bg-teal-100\/70,
html.dark .bg-teal-100\/80 { background-color: rgba(20, 184, 166, 0.18); }
html.dark .hover\:bg-teal-100:hover,
html.dark .hover\:bg-teal-100\/40:hover,
html.dark .hover\:bg-teal-100\/50:hover,
html.dark .hover\:bg-teal-100\/70:hover { background-color: rgba(20, 184, 166, 0.26); }
html.dark .bg-teal-200,
html.dark .bg-teal-200\/30,
html.dark .bg-teal-200\/40,
html.dark .bg-teal-200\/50,
html.dark .bg-teal-200\/60,
html.dark .bg-teal-200\/70,
html.dark .bg-teal-200\/80 { background-color: rgba(20, 184, 166, 0.25); }
html.dark .hover\:bg-teal-200:hover,
html.dark .hover\:bg-teal-200\/40:hover,
html.dark .hover\:bg-teal-200\/50:hover,
html.dark .hover\:bg-teal-200\/70:hover { background-color: rgba(20, 184, 166, 0.33); }
html.dark .border-teal-400,
html.dark .border-teal-500,
html.dark .border-teal-600,
html.dark .border-teal-700 { border-color: rgba(20, 184, 166, 1); }
html.dark .border-teal-100,
html.dark .border-teal-200,
html.dark .border-teal-300 { border-color: rgba(20, 184, 166, 0.3); }
html.dark .text-teal-600,
html.dark .text-teal-700,
html.dark .text-teal-800,
html.dark .text-teal-900,
html.dark .text-teal-950 { color: #7ed8ce; }
html.dark .text-teal-700\/80,
html.dark .text-teal-800\/80 { color: #7ed8ce; }
html.dark .bg-violet-50,
html.dark .bg-violet-50\/30,
html.dark .bg-violet-50\/40,
html.dark .bg-violet-50\/50,
html.dark .bg-violet-50\/60,
html.dark .bg-violet-50\/70,
html.dark .bg-violet-50\/80 { background-color: rgba(139, 92, 246, 0.12); }
html.dark .hover\:bg-violet-50:hover,
html.dark .hover\:bg-violet-50\/40:hover,
html.dark .hover\:bg-violet-50\/50:hover,
html.dark .hover\:bg-violet-50\/70:hover { background-color: rgba(139, 92, 246, 0.2); }
html.dark .bg-violet-100,
html.dark .bg-violet-100\/30,
html.dark .bg-violet-100\/40,
html.dark .bg-violet-100\/50,
html.dark .bg-violet-100\/60,
html.dark .bg-violet-100\/70,
html.dark .bg-violet-100\/80 { background-color: rgba(139, 92, 246, 0.18); }
html.dark .hover\:bg-violet-100:hover,
html.dark .hover\:bg-violet-100\/40:hover,
html.dark .hover\:bg-violet-100\/50:hover,
html.dark .hover\:bg-violet-100\/70:hover { background-color: rgba(139, 92, 246, 0.26); }
html.dark .bg-violet-200,
html.dark .bg-violet-200\/30,
html.dark .bg-violet-200\/40,
html.dark .bg-violet-200\/50,
html.dark .bg-violet-200\/60,
html.dark .bg-violet-200\/70,
html.dark .bg-violet-200\/80 { background-color: rgba(139, 92, 246, 0.25); }
html.dark .hover\:bg-violet-200:hover,
html.dark .hover\:bg-violet-200\/40:hover,
html.dark .hover\:bg-violet-200\/50:hover,
html.dark .hover\:bg-violet-200\/70:hover { background-color: rgba(139, 92, 246, 0.33); }
html.dark .border-violet-400,
html.dark .border-violet-500,
html.dark .border-violet-600,
html.dark .border-violet-700 { border-color: rgba(139, 92, 246, 1); }
html.dark .border-violet-100,
html.dark .border-violet-200,
html.dark .border-violet-300 { border-color: rgba(139, 92, 246, 0.3); }
html.dark .text-violet-600,
html.dark .text-violet-700,
html.dark .text-violet-800,
html.dark .text-violet-900,
html.dark .text-violet-950 { color: #bfa5fa; }
html.dark .text-violet-700\/80,
html.dark .text-violet-800\/80 { color: #bfa5fa; }
html.dark .bg-pink-50,
html.dark .bg-pink-50\/30,
html.dark .bg-pink-50\/40,
html.dark .bg-pink-50\/50,
html.dark .bg-pink-50\/60,
html.dark .bg-pink-50\/70,
html.dark .bg-pink-50\/80 { background-color: rgba(236, 72, 153, 0.12); }
html.dark .hover\:bg-pink-50:hover,
html.dark .hover\:bg-pink-50\/40:hover,
html.dark .hover\:bg-pink-50\/50:hover,
html.dark .hover\:bg-pink-50\/70:hover { background-color: rgba(236, 72, 153, 0.2); }
html.dark .bg-pink-100,
html.dark .bg-pink-100\/30,
html.dark .bg-pink-100\/40,
html.dark .bg-pink-100\/50,
html.dark .bg-pink-100\/60,
html.dark .bg-pink-100\/70,
html.dark .bg-pink-100\/80 { background-color: rgba(236, 72, 153, 0.18); }
html.dark .hover\:bg-pink-100:hover,
html.dark .hover\:bg-pink-100\/40:hover,
html.dark .hover\:bg-pink-100\/50:hover,
html.dark .hover\:bg-pink-100\/70:hover { background-color: rgba(236, 72, 153, 0.26); }
html.dark .bg-pink-200,
html.dark .bg-pink-200\/30,
html.dark .bg-pink-200\/40,
html.dark .bg-pink-200\/50,
html.dark .bg-pink-200\/60,
html.dark .bg-pink-200\/70,
html.dark .bg-pink-200\/80 { background-color: rgba(236, 72, 153, 0.25); }
html.dark .hover\:bg-pink-200:hover,
html.dark .hover\:bg-pink-200\/40:hover,
html.dark .hover\:bg-pink-200\/50:hover,
html.dark .hover\:bg-pink-200\/70:hover { background-color: rgba(236, 72, 153, 0.33); }
html.dark .border-pink-400,
html.dark .border-pink-500,
html.dark .border-pink-600,
html.dark .border-pink-700 { border-color: rgba(236, 72, 153, 1); }
html.dark .border-pink-100,
html.dark .border-pink-200,
html.dark .border-pink-300 { border-color: rgba(236, 72, 153, 0.3); }
html.dark .text-pink-600,
html.dark .text-pink-700,
html.dark .text-pink-800,
html.dark .text-pink-900,
html.dark .text-pink-950 { color: #f59ac7; }
html.dark .text-pink-700\/80,
html.dark .text-pink-800\/80 { color: #f59ac7; }
html.dark .bg-cyan-50,
html.dark .bg-cyan-50\/30,
html.dark .bg-cyan-50\/40,
html.dark .bg-cyan-50\/50,
html.dark .bg-cyan-50\/60,
html.dark .bg-cyan-50\/70,
html.dark .bg-cyan-50\/80 { background-color: rgba(6, 182, 212, 0.12); }
html.dark .hover\:bg-cyan-50:hover,
html.dark .hover\:bg-cyan-50\/40:hover,
html.dark .hover\:bg-cyan-50\/50:hover,
html.dark .hover\:bg-cyan-50\/70:hover { background-color: rgba(6, 182, 212, 0.2); }
html.dark .bg-cyan-100,
html.dark .bg-cyan-100\/30,
html.dark .bg-cyan-100\/40,
html.dark .bg-cyan-100\/50,
html.dark .bg-cyan-100\/60,
html.dark .bg-cyan-100\/70,
html.dark .bg-cyan-100\/80 { background-color: rgba(6, 182, 212, 0.18); }
html.dark .hover\:bg-cyan-100:hover,
html.dark .hover\:bg-cyan-100\/40:hover,
html.dark .hover\:bg-cyan-100\/50:hover,
html.dark .hover\:bg-cyan-100\/70:hover { background-color: rgba(6, 182, 212, 0.26); }
html.dark .bg-cyan-200,
html.dark .bg-cyan-200\/30,
html.dark .bg-cyan-200\/40,
html.dark .bg-cyan-200\/50,
html.dark .bg-cyan-200\/60,
html.dark .bg-cyan-200\/70,
html.dark .bg-cyan-200\/80 { background-color: rgba(6, 182, 212, 0.25); }
html.dark .hover\:bg-cyan-200:hover,
html.dark .hover\:bg-cyan-200\/40:hover,
html.dark .hover\:bg-cyan-200\/50:hover,
html.dark .hover\:bg-cyan-200\/70:hover { background-color: rgba(6, 182, 212, 0.33); }
html.dark .border-cyan-400,
html.dark .border-cyan-500,
html.dark .border-cyan-600,
html.dark .border-cyan-700 { border-color: rgba(6, 182, 212, 1); }
html.dark .border-cyan-100,
html.dark .border-cyan-200,
html.dark .border-cyan-300 { border-color: rgba(6, 182, 212, 0.3); }
html.dark .text-cyan-600,
html.dark .text-cyan-700,
html.dark .text-cyan-800,
html.dark .text-cyan-900,
html.dark .text-cyan-950 { color: #76d7e7; }
html.dark .text-cyan-700\/80,
html.dark .text-cyan-800\/80 { color: #76d7e7; }
html.dark .bg-fuchsia-50,
html.dark .bg-fuchsia-50\/30,
html.dark .bg-fuchsia-50\/40,
html.dark .bg-fuchsia-50\/50,
html.dark .bg-fuchsia-50\/60,
html.dark .bg-fuchsia-50\/70,
html.dark .bg-fuchsia-50\/80 { background-color: rgba(217, 70, 239, 0.12); }
html.dark .hover\:bg-fuchsia-50:hover,
html.dark .hover\:bg-fuchsia-50\/40:hover,
html.dark .hover\:bg-fuchsia-50\/50:hover,
html.dark .hover\:bg-fuchsia-50\/70:hover { background-color: rgba(217, 70, 239, 0.2); }
html.dark .bg-fuchsia-100,
html.dark .bg-fuchsia-100\/30,
html.dark .bg-fuchsia-100\/40,
html.dark .bg-fuchsia-100\/50,
html.dark .bg-fuchsia-100\/60,
html.dark .bg-fuchsia-100\/70,
html.dark .bg-fuchsia-100\/80 { background-color: rgba(217, 70, 239, 0.18); }
html.dark .hover\:bg-fuchsia-100:hover,
html.dark .hover\:bg-fuchsia-100\/40:hover,
html.dark .hover\:bg-fuchsia-100\/50:hover,
html.dark .hover\:bg-fuchsia-100\/70:hover { background-color: rgba(217, 70, 239, 0.26); }
html.dark .bg-fuchsia-200,
html.dark .bg-fuchsia-200\/30,
html.dark .bg-fuchsia-200\/40,
html.dark .bg-fuchsia-200\/50,
html.dark .bg-fuchsia-200\/60,
html.dark .bg-fuchsia-200\/70,
html.dark .bg-fuchsia-200\/80 { background-color: rgba(217, 70, 239, 0.25); }
html.dark .hover\:bg-fuchsia-200:hover,
html.dark .hover\:bg-fuchsia-200\/40:hover,
html.dark .hover\:bg-fuchsia-200\/50:hover,
html.dark .hover\:bg-fuchsia-200\/70:hover { background-color: rgba(217, 70, 239, 0.33); }
html.dark .border-fuchsia-400,
html.dark .border-fuchsia-500,
html.dark .border-fuchsia-600,
html.dark .border-fuchsia-700 { border-color: rgba(217, 70, 239, 1); }
html.dark .border-fuchsia-100,
html.dark .border-fuchsia-200,
html.dark .border-fuchsia-300 { border-color: rgba(217, 70, 239, 0.3); }
html.dark .text-fuchsia-600,
html.dark .text-fuchsia-700,
html.dark .text-fuchsia-800,
html.dark .text-fuchsia-900,
html.dark .text-fuchsia-950 { color: #ea99f6; }
html.dark .text-fuchsia-700\/80,
html.dark .text-fuchsia-800\/80 { color: #ea99f6; }
html.dark .bg-lime-50,
html.dark .bg-lime-50\/30,
html.dark .bg-lime-50\/40,
html.dark .bg-lime-50\/50,
html.dark .bg-lime-50\/60,
html.dark .bg-lime-50\/70,
html.dark .bg-lime-50\/80 { background-color: rgba(132, 204, 22, 0.12); }
html.dark .hover\:bg-lime-50:hover,
html.dark .hover\:bg-lime-50\/40:hover,
html.dark .hover\:bg-lime-50\/50:hover,
html.dark .hover\:bg-lime-50\/70:hover { background-color: rgba(132, 204, 22, 0.2); }
html.dark .bg-lime-100,
html.dark .bg-lime-100\/30,
html.dark .bg-lime-100\/40,
html.dark .bg-lime-100\/50,
html.dark .bg-lime-100\/60,
html.dark .bg-lime-100\/70,
html.dark .bg-lime-100\/80 { background-color: rgba(132, 204, 22, 0.18); }
html.dark .hover\:bg-lime-100:hover,
html.dark .hover\:bg-lime-100\/40:hover,
html.dark .hover\:bg-lime-100\/50:hover,
html.dark .hover\:bg-lime-100\/70:hover { background-color: rgba(132, 204, 22, 0.26); }
html.dark .bg-lime-200,
html.dark .bg-lime-200\/30,
html.dark .bg-lime-200\/40,
html.dark .bg-lime-200\/50,
html.dark .bg-lime-200\/60,
html.dark .bg-lime-200\/70,
html.dark .bg-lime-200\/80 { background-color: rgba(132, 204, 22, 0.25); }
html.dark .hover\:bg-lime-200:hover,
html.dark .hover\:bg-lime-200\/40:hover,
html.dark .hover\:bg-lime-200\/50:hover,
html.dark .hover\:bg-lime-200\/70:hover { background-color: rgba(132, 204, 22, 0.33); }
html.dark .border-lime-400,
html.dark .border-lime-500,
html.dark .border-lime-600,
html.dark .border-lime-700 { border-color: rgba(132, 204, 22, 1); }
html.dark .border-lime-100,
html.dark .border-lime-200,
html.dark .border-lime-300 { border-color: rgba(132, 204, 22, 0.3); }
html.dark .text-lime-600,
html.dark .text-lime-700,
html.dark .text-lime-800,
html.dark .text-lime-900,
html.dark .text-lime-950 { color: #bbe37f; }
html.dark .text-lime-700\/80,
html.dark .text-lime-800\/80 { color: #bbe37f; }