html.dark ::-webkit-scrollbar-thumb:hover,
html.system-dark ::-webkit-scrollbar-thumb:hover {
  background-color: #ea580c !important;
}
html.dark body, html.dark #customer-main, html.dark #loader-container-backdrop,
html.system-dark body,
html.system-dark #customer-main,
html.system-dark #loader-container-backdrop {
  background-color: #2d2d2d !important;
}
html.dark .glassmorphism,
html.system-dark .glassmorphism {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.52);
}
html.dark .dark-mode-logo,
html.system-dark .dark-mode-logo {
  background-color: #191919 !important;
}
html.dark input:not([type=submit]), html.dark select, html.dark textarea,
html.system-dark input:not([type=submit]),
html.system-dark select,
html.system-dark textarea {
  background-color: #5d5d5d;
}
html.dark .orange-text,
html.system-dark .orange-text {
  color: #ea580c !important;
}
html.dark .bg-white:not(.static),
html.system-dark .bg-white:not(.static) {
  background-color: #3c3c3c !important;
}
html.dark .bg-black:not(.static),
html.system-dark .bg-black:not(.static) {
  background-color: #fff !important;
}
html.dark .hover\:bg-white:not(.static):hover,
html.system-dark .hover\:bg-white:not(.static):hover {
  background-color: #3c3c3c !important;
}
html.dark .hover\:bg-black:not(.static):hover,
html.system-dark .hover\:bg-black:not(.static):hover {
  background-color: #fff !important;
}
html.dark .focus\:bg-white:not(.static):focus,
html.system-dark .focus\:bg-white:not(.static):focus {
  background-color: #3c3c3c !important;
}
html.dark .focus\:bg-black:not(.static):focus,
html.system-dark .focus\:bg-black:not(.static):focus {
  background-color: #fff !important;
}
html.dark .bg-slate-50:not(.static),
html.system-dark .bg-slate-50:not(.static) {
  background-color: #f8fafc !important;
}
html.dark .hover\:bg-slate-50:not(.static):hover,
html.system-dark .hover\:bg-slate-50:not(.static):hover {
  background-color: #f8fafc !important;
}
html.dark .focus\:bg-slate-50:not(.static):focus,
html.system-dark .focus\:bg-slate-50:not(.static):focus {
  background-color: #f8fafc !important;
}
html.dark .bg-slate-100:not(.static),
html.system-dark .bg-slate-100:not(.static) {
  background-color: #5e5e5e !important;
}
html.dark .hover\:bg-slate-100:not(.static):hover,
html.system-dark .hover\:bg-slate-100:not(.static):hover {
  background-color: #5e5e5e !important;
}
html.dark .focus\:bg-slate-100:not(.static):focus,
html.system-dark .focus\:bg-slate-100:not(.static):focus {
  background-color: #5e5e5e !important;
}
html.dark .bg-slate-200:not(.static),
html.system-dark .bg-slate-200:not(.static) {
  background-color: #e2e8f0 !important;
}
html.dark .hover\:bg-slate-200:not(.static):hover,
html.system-dark .hover\:bg-slate-200:not(.static):hover {
  background-color: #e2e8f0 !important;
}
html.dark .focus\:bg-slate-200:not(.static):focus,
html.system-dark .focus\:bg-slate-200:not(.static):focus {
  background-color: #e2e8f0 !important;
}
html.dark .bg-slate-300:not(.static),
html.system-dark .bg-slate-300:not(.static) {
  background-color: #cbd5e1 !important;
}
html.dark .hover\:bg-slate-300:not(.static):hover,
html.system-dark .hover\:bg-slate-300:not(.static):hover {
  background-color: #cbd5e1 !important;
}
html.dark .focus\:bg-slate-300:not(.static):focus,
html.system-dark .focus\:bg-slate-300:not(.static):focus {
  background-color: #cbd5e1 !important;
}
html.dark .bg-slate-400:not(.static),
html.system-dark .bg-slate-400:not(.static) {
  background-color: #94a3b8 !important;
}
html.dark .hover\:bg-slate-400:not(.static):hover,
html.system-dark .hover\:bg-slate-400:not(.static):hover {
  background-color: #94a3b8 !important;
}
html.dark .focus\:bg-slate-400:not(.static):focus,
html.system-dark .focus\:bg-slate-400:not(.static):focus {
  background-color: #94a3b8 !important;
}
html.dark .bg-slate-500:not(.static),
html.system-dark .bg-slate-500:not(.static) {
  background-color: #64748b !important;
}
html.dark .hover\:bg-slate-500:not(.static):hover,
html.system-dark .hover\:bg-slate-500:not(.static):hover {
  background-color: #64748b !important;
}
html.dark .focus\:bg-slate-500:not(.static):focus,
html.system-dark .focus\:bg-slate-500:not(.static):focus {
  background-color: #64748b !important;
}
html.dark .bg-slate-600:not(.static),
html.system-dark .bg-slate-600:not(.static) {
  background-color: #475569 !important;
}
html.dark .hover\:bg-slate-600:not(.static):hover,
html.system-dark .hover\:bg-slate-600:not(.static):hover {
  background-color: #475569 !important;
}
html.dark .focus\:bg-slate-600:not(.static):focus,
html.system-dark .focus\:bg-slate-600:not(.static):focus {
  background-color: #475569 !important;
}
html.dark .bg-slate-700:not(.static),
html.system-dark .bg-slate-700:not(.static) {
  background-color: #334155 !important;
}
html.dark .hover\:bg-slate-700:not(.static):hover,
html.system-dark .hover\:bg-slate-700:not(.static):hover {
  background-color: #334155 !important;
}
html.dark .focus\:bg-slate-700:not(.static):focus,
html.system-dark .focus\:bg-slate-700:not(.static):focus {
  background-color: #334155 !important;
}
html.dark .bg-slate-800:not(.static),
html.system-dark .bg-slate-800:not(.static) {
  background-color: #1e293b !important;
}
html.dark .hover\:bg-slate-800:not(.static):hover,
html.system-dark .hover\:bg-slate-800:not(.static):hover {
  background-color: #1e293b !important;
}
html.dark .focus\:bg-slate-800:not(.static):focus,
html.system-dark .focus\:bg-slate-800:not(.static):focus {
  background-color: #1e293b !important;
}
html.dark .bg-slate-900:not(.static),
html.system-dark .bg-slate-900:not(.static) {
  background-color: #0f172a !important;
}
html.dark .hover\:bg-slate-900:not(.static):hover,
html.system-dark .hover\:bg-slate-900:not(.static):hover {
  background-color: #0f172a !important;
}
html.dark .focus\:bg-slate-900:not(.static):focus,
html.system-dark .focus\:bg-slate-900:not(.static):focus {
  background-color: #0f172a !important;
}
html.dark .bg-gray-50:not(.static),
html.system-dark .bg-gray-50:not(.static) {
  background-color: #4d4d4d !important;
}
html.dark .hover\:bg-gray-50:not(.static):hover,
html.system-dark .hover\:bg-gray-50:not(.static):hover {
  background-color: #4d4d4d !important;
}
html.dark .focus\:bg-gray-50:not(.static):focus,
html.system-dark .focus\:bg-gray-50:not(.static):focus {
  background-color: #4d4d4d !important;
}
html.dark .bg-gray-100:not(.static),
html.system-dark .bg-gray-100:not(.static) {
  background-color: #5c5c5c !important;
}
html.dark .hover\:bg-gray-100:not(.static):hover,
html.system-dark .hover\:bg-gray-100:not(.static):hover {
  background-color: #5c5c5c !important;
}
html.dark .focus\:bg-gray-100:not(.static):focus,
html.system-dark .focus\:bg-gray-100:not(.static):focus {
  background-color: #5c5c5c !important;
}
html.dark .bg-gray-200:not(.static),
html.system-dark .bg-gray-200:not(.static) {
  background-color: #5e5e5e !important;
}
html.dark .hover\:bg-gray-200:not(.static):hover,
html.system-dark .hover\:bg-gray-200:not(.static):hover {
  background-color: #5e5e5e !important;
}
html.dark .focus\:bg-gray-200:not(.static):focus,
html.system-dark .focus\:bg-gray-200:not(.static):focus {
  background-color: #5e5e5e !important;
}
html.dark .bg-gray-300:not(.static),
html.system-dark .bg-gray-300:not(.static) {
  background-color: #d1d5db !important;
}
html.dark .hover\:bg-gray-300:not(.static):hover,
html.system-dark .hover\:bg-gray-300:not(.static):hover {
  background-color: #d1d5db !important;
}
html.dark .focus\:bg-gray-300:not(.static):focus,
html.system-dark .focus\:bg-gray-300:not(.static):focus {
  background-color: #d1d5db !important;
}
html.dark .bg-gray-400:not(.static),
html.system-dark .bg-gray-400:not(.static) {
  background-color: #9ca3af !important;
}
html.dark .hover\:bg-gray-400:not(.static):hover,
html.system-dark .hover\:bg-gray-400:not(.static):hover {
  background-color: #9ca3af !important;
}
html.dark .focus\:bg-gray-400:not(.static):focus,
html.system-dark .focus\:bg-gray-400:not(.static):focus {
  background-color: #9ca3af !important;
}
html.dark .bg-gray-500:not(.static),
html.system-dark .bg-gray-500:not(.static) {
  background-color: #6b7280 !important;
}
html.dark .hover\:bg-gray-500:not(.static):hover,
html.system-dark .hover\:bg-gray-500:not(.static):hover {
  background-color: #6b7280 !important;
}
html.dark .focus\:bg-gray-500:not(.static):focus,
html.system-dark .focus\:bg-gray-500:not(.static):focus {
  background-color: #6b7280 !important;
}
html.dark .bg-gray-600:not(.static),
html.system-dark .bg-gray-600:not(.static) {
  background-color: #fff !important;
}
html.dark .hover\:bg-gray-600:not(.static):hover,
html.system-dark .hover\:bg-gray-600:not(.static):hover {
  background-color: #fff !important;
}
html.dark .focus\:bg-gray-600:not(.static):focus,
html.system-dark .focus\:bg-gray-600:not(.static):focus {
  background-color: #fff !important;
}
html.dark .bg-gray-700:not(.static),
html.system-dark .bg-gray-700:not(.static) {
  background-color: #f1f1f1 !important;
}
html.dark .hover\:bg-gray-700:not(.static):hover,
html.system-dark .hover\:bg-gray-700:not(.static):hover {
  background-color: #f1f1f1 !important;
}
html.dark .focus\:bg-gray-700:not(.static):focus,
html.system-dark .focus\:bg-gray-700:not(.static):focus {
  background-color: #f1f1f1 !important;
}
html.dark .bg-gray-800:not(.static),
html.system-dark .bg-gray-800:not(.static) {
  background-color: #252525 !important;
}
html.dark .hover\:bg-gray-800:not(.static):hover,
html.system-dark .hover\:bg-gray-800:not(.static):hover {
  background-color: #252525 !important;
}
html.dark .focus\:bg-gray-800:not(.static):focus,
html.system-dark .focus\:bg-gray-800:not(.static):focus {
  background-color: #252525 !important;
}
html.dark .bg-gray-900:not(.static),
html.system-dark .bg-gray-900:not(.static) {
  background-color: #fff !important;
}
html.dark .hover\:bg-gray-900:not(.static):hover,
html.system-dark .hover\:bg-gray-900:not(.static):hover {
  background-color: #fff !important;
}
html.dark .focus\:bg-gray-900:not(.static):focus,
html.system-dark .focus\:bg-gray-900:not(.static):focus {
  background-color: #fff !important;
}
html.dark .bg-indigo-50:not(.static),
html.system-dark .bg-indigo-50:not(.static) {
  background-color: #fff7ed !important;
}
html.dark .hover\:bg-indigo-50:not(.static):hover,
html.system-dark .hover\:bg-indigo-50:not(.static):hover {
  background-color: #fff7ed !important;
}
html.dark .focus\:bg-indigo-50:not(.static):focus,
html.system-dark .focus\:bg-indigo-50:not(.static):focus {
  background-color: #fff7ed !important;
}
html.dark .bg-indigo-100:not(.static),
html.system-dark .bg-indigo-100:not(.static) {
  background-color: #ffedd5 !important;
}
html.dark .hover\:bg-indigo-100:not(.static):hover,
html.system-dark .hover\:bg-indigo-100:not(.static):hover {
  background-color: #ffedd5 !important;
}
html.dark .focus\:bg-indigo-100:not(.static):focus,
html.system-dark .focus\:bg-indigo-100:not(.static):focus {
  background-color: #ffedd5 !important;
}
html.dark .bg-indigo-200:not(.static),
html.system-dark .bg-indigo-200:not(.static) {
  background-color: #fed7aa !important;
}
html.dark .hover\:bg-indigo-200:not(.static):hover,
html.system-dark .hover\:bg-indigo-200:not(.static):hover {
  background-color: #fed7aa !important;
}
html.dark .focus\:bg-indigo-200:not(.static):focus,
html.system-dark .focus\:bg-indigo-200:not(.static):focus {
  background-color: #fed7aa !important;
}
html.dark .bg-indigo-300:not(.static),
html.system-dark .bg-indigo-300:not(.static) {
  background-color: #fdba74 !important;
}
html.dark .hover\:bg-indigo-300:not(.static):hover,
html.system-dark .hover\:bg-indigo-300:not(.static):hover {
  background-color: #fdba74 !important;
}
html.dark .focus\:bg-indigo-300:not(.static):focus,
html.system-dark .focus\:bg-indigo-300:not(.static):focus {
  background-color: #fdba74 !important;
}
html.dark .bg-indigo-400:not(.static),
html.system-dark .bg-indigo-400:not(.static) {
  background-color: #fb923c !important;
}
html.dark .hover\:bg-indigo-400:not(.static):hover,
html.system-dark .hover\:bg-indigo-400:not(.static):hover {
  background-color: #fb923c !important;
}
html.dark .focus\:bg-indigo-400:not(.static):focus,
html.system-dark .focus\:bg-indigo-400:not(.static):focus {
  background-color: #fb923c !important;
}
html.dark .bg-indigo-500:not(.static),
html.system-dark .bg-indigo-500:not(.static) {
  background-color: #f97316 !important;
}
html.dark .hover\:bg-indigo-500:not(.static):hover,
html.system-dark .hover\:bg-indigo-500:not(.static):hover {
  background-color: #f97316 !important;
}
html.dark .focus\:bg-indigo-500:not(.static):focus,
html.system-dark .focus\:bg-indigo-500:not(.static):focus {
  background-color: #f97316 !important;
}
html.dark .bg-indigo-600:not(.static),
html.system-dark .bg-indigo-600:not(.static) {
  background-color: #ea580c !important;
}
html.dark .hover\:bg-indigo-600:not(.static):hover,
html.system-dark .hover\:bg-indigo-600:not(.static):hover {
  background-color: #ea580c !important;
}
html.dark .focus\:bg-indigo-600:not(.static):focus,
html.system-dark .focus\:bg-indigo-600:not(.static):focus {
  background-color: #ea580c !important;
}
html.dark .bg-indigo-700:not(.static),
html.system-dark .bg-indigo-700:not(.static) {
  background-color: #c2410c !important;
}
html.dark .hover\:bg-indigo-700:not(.static):hover,
html.system-dark .hover\:bg-indigo-700:not(.static):hover {
  background-color: #c2410c !important;
}
html.dark .focus\:bg-indigo-700:not(.static):focus,
html.system-dark .focus\:bg-indigo-700:not(.static):focus {
  background-color: #c2410c !important;
}
html.dark .bg-indigo-800:not(.static),
html.system-dark .bg-indigo-800:not(.static) {
  background-color: #9a3412 !important;
}
html.dark .hover\:bg-indigo-800:not(.static):hover,
html.system-dark .hover\:bg-indigo-800:not(.static):hover {
  background-color: #9a3412 !important;
}
html.dark .focus\:bg-indigo-800:not(.static):focus,
html.system-dark .focus\:bg-indigo-800:not(.static):focus {
  background-color: #9a3412 !important;
}
html.dark .bg-indigo-900:not(.static),
html.system-dark .bg-indigo-900:not(.static) {
  background-color: #7c2d12 !important;
}
html.dark .hover\:bg-indigo-900:not(.static):hover,
html.system-dark .hover\:bg-indigo-900:not(.static):hover {
  background-color: #7c2d12 !important;
}
html.dark .focus\:bg-indigo-900:not(.static):focus,
html.system-dark .focus\:bg-indigo-900:not(.static):focus {
  background-color: #7c2d12 !important;
}
html.dark .bg-sky-50:not(.static),
html.system-dark .bg-sky-50:not(.static) {
  background-color: #f0f9ff !important;
}
html.dark .hover\:bg-sky-50:not(.static):hover,
html.system-dark .hover\:bg-sky-50:not(.static):hover {
  background-color: #f0f9ff !important;
}
html.dark .focus\:bg-sky-50:not(.static):focus,
html.system-dark .focus\:bg-sky-50:not(.static):focus {
  background-color: #f0f9ff !important;
}
html.dark .bg-sky-100:not(.static),
html.system-dark .bg-sky-100:not(.static) {
  background-color: #e0f2fe !important;
}
html.dark .hover\:bg-sky-100:not(.static):hover,
html.system-dark .hover\:bg-sky-100:not(.static):hover {
  background-color: #e0f2fe !important;
}
html.dark .focus\:bg-sky-100:not(.static):focus,
html.system-dark .focus\:bg-sky-100:not(.static):focus {
  background-color: #e0f2fe !important;
}
html.dark .bg-sky-200:not(.static),
html.system-dark .bg-sky-200:not(.static) {
  background-color: #bae6fd !important;
}
html.dark .hover\:bg-sky-200:not(.static):hover,
html.system-dark .hover\:bg-sky-200:not(.static):hover {
  background-color: #bae6fd !important;
}
html.dark .focus\:bg-sky-200:not(.static):focus,
html.system-dark .focus\:bg-sky-200:not(.static):focus {
  background-color: #bae6fd !important;
}
html.dark .bg-sky-300:not(.static),
html.system-dark .bg-sky-300:not(.static) {
  background-color: #7dd3fc !important;
}
html.dark .hover\:bg-sky-300:not(.static):hover,
html.system-dark .hover\:bg-sky-300:not(.static):hover {
  background-color: #7dd3fc !important;
}
html.dark .focus\:bg-sky-300:not(.static):focus,
html.system-dark .focus\:bg-sky-300:not(.static):focus {
  background-color: #7dd3fc !important;
}
html.dark .bg-sky-400:not(.static),
html.system-dark .bg-sky-400:not(.static) {
  background-color: #38bdf8 !important;
}
html.dark .hover\:bg-sky-400:not(.static):hover,
html.system-dark .hover\:bg-sky-400:not(.static):hover {
  background-color: #38bdf8 !important;
}
html.dark .focus\:bg-sky-400:not(.static):focus,
html.system-dark .focus\:bg-sky-400:not(.static):focus {
  background-color: #38bdf8 !important;
}
html.dark .bg-sky-500:not(.static),
html.system-dark .bg-sky-500:not(.static) {
  background-color: #ea580c !important;
}
html.dark .hover\:bg-sky-500:not(.static):hover,
html.system-dark .hover\:bg-sky-500:not(.static):hover {
  background-color: #ea580c !important;
}
html.dark .focus\:bg-sky-500:not(.static):focus,
html.system-dark .focus\:bg-sky-500:not(.static):focus {
  background-color: #ea580c !important;
}
html.dark .bg-sky-600:not(.static),
html.system-dark .bg-sky-600:not(.static) {
  background-color: #0284c7 !important;
}
html.dark .hover\:bg-sky-600:not(.static):hover,
html.system-dark .hover\:bg-sky-600:not(.static):hover {
  background-color: #0284c7 !important;
}
html.dark .focus\:bg-sky-600:not(.static):focus,
html.system-dark .focus\:bg-sky-600:not(.static):focus {
  background-color: #0284c7 !important;
}
html.dark .bg-sky-700:not(.static),
html.system-dark .bg-sky-700:not(.static) {
  background-color: #0369a1 !important;
}
html.dark .hover\:bg-sky-700:not(.static):hover,
html.system-dark .hover\:bg-sky-700:not(.static):hover {
  background-color: #0369a1 !important;
}
html.dark .focus\:bg-sky-700:not(.static):focus,
html.system-dark .focus\:bg-sky-700:not(.static):focus {
  background-color: #0369a1 !important;
}
html.dark .bg-sky-800:not(.static),
html.system-dark .bg-sky-800:not(.static) {
  background-color: #075985 !important;
}
html.dark .hover\:bg-sky-800:not(.static):hover,
html.system-dark .hover\:bg-sky-800:not(.static):hover {
  background-color: #075985 !important;
}
html.dark .focus\:bg-sky-800:not(.static):focus,
html.system-dark .focus\:bg-sky-800:not(.static):focus {
  background-color: #075985 !important;
}
html.dark .bg-sky-900:not(.static),
html.system-dark .bg-sky-900:not(.static) {
  background-color: #0c4a6e !important;
}
html.dark .hover\:bg-sky-900:not(.static):hover,
html.system-dark .hover\:bg-sky-900:not(.static):hover {
  background-color: #0c4a6e !important;
}
html.dark .focus\:bg-sky-900:not(.static):focus,
html.system-dark .focus\:bg-sky-900:not(.static):focus {
  background-color: #0c4a6e !important;
}
html.dark .text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #3c3c3c !important;
}
html.dark .text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fff !important;
}
html.dark .hover\:text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #3c3c3c !important;
}
html.dark .hover\:text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fff !important;
}
html.dark .focus\:text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-white:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #3c3c3c !important;
}
html.dark .focus\:text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-black:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fff !important;
}
html.dark .text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #f8fafc !important;
}
html.dark .hover\:text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #f8fafc !important;
}
html.dark .focus\:text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #f8fafc !important;
}
html.dark .text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #5e5e5e !important;
}
html.dark .hover\:text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #5e5e5e !important;
}
html.dark .focus\:text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #5e5e5e !important;
}
html.dark .text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #e2e8f0 !important;
}
html.dark .hover\:text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #e2e8f0 !important;
}
html.dark .focus\:text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #e2e8f0 !important;
}
html.dark .text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #cbd5e1 !important;
}
html.dark .hover\:text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #cbd5e1 !important;
}
html.dark .focus\:text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #cbd5e1 !important;
}
html.dark .text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #94a3b8 !important;
}
html.dark .hover\:text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #94a3b8 !important;
}
html.dark .focus\:text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #94a3b8 !important;
}
html.dark .text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #64748b !important;
}
html.dark .hover\:text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #64748b !important;
}
html.dark .focus\:text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #64748b !important;
}
html.dark .text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #475569 !important;
}
html.dark .hover\:text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #475569 !important;
}
html.dark .focus\:text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #475569 !important;
}
html.dark .text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #334155 !important;
}
html.dark .hover\:text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #334155 !important;
}
html.dark .focus\:text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #334155 !important;
}
html.dark .text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #1e293b !important;
}
html.dark .hover\:text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #1e293b !important;
}
html.dark .focus\:text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #1e293b !important;
}
html.dark .text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #0f172a !important;
}
html.dark .hover\:text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #0f172a !important;
}
html.dark .focus\:text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-slate-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #0f172a !important;
}
html.dark .text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #4d4d4d !important;
}
html.dark .hover\:text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #4d4d4d !important;
}
html.dark .focus\:text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #4d4d4d !important;
}
html.dark .text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #5c5c5c !important;
}
html.dark .hover\:text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #5c5c5c !important;
}
html.dark .focus\:text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #5c5c5c !important;
}
html.dark .text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #5e5e5e !important;
}
html.dark .hover\:text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #5e5e5e !important;
}
html.dark .focus\:text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #5e5e5e !important;
}
html.dark .text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #d1d5db !important;
}
html.dark .hover\:text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #d1d5db !important;
}
html.dark .focus\:text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #d1d5db !important;
}
html.dark .text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #9ca3af !important;
}
html.dark .hover\:text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #9ca3af !important;
}
html.dark .focus\:text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #9ca3af !important;
}
html.dark .text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #6b7280 !important;
}
html.dark .hover\:text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #6b7280 !important;
}
html.dark .focus\:text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #6b7280 !important;
}
html.dark .text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fff !important;
}
html.dark .hover\:text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fff !important;
}
html.dark .focus\:text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fff !important;
}
html.dark .text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #f1f1f1 !important;
}
html.dark .hover\:text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #f1f1f1 !important;
}
html.dark .focus\:text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #f1f1f1 !important;
}
html.dark .text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #252525 !important;
}
html.dark .hover\:text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #252525 !important;
}
html.dark .focus\:text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #252525 !important;
}
html.dark .text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fff !important;
}
html.dark .hover\:text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fff !important;
}
html.dark .focus\:text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-gray-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fff !important;
}
html.dark .text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fff7ed !important;
}
html.dark .hover\:text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fff7ed !important;
}
html.dark .focus\:text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fff7ed !important;
}
html.dark .text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #ffedd5 !important;
}
html.dark .hover\:text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #ffedd5 !important;
}
html.dark .focus\:text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #ffedd5 !important;
}
html.dark .text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fed7aa !important;
}
html.dark .hover\:text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fed7aa !important;
}
html.dark .focus\:text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fed7aa !important;
}
html.dark .text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fdba74 !important;
}
html.dark .hover\:text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fdba74 !important;
}
html.dark .focus\:text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fdba74 !important;
}
html.dark .text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #fb923c !important;
}
html.dark .hover\:text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #fb923c !important;
}
html.dark .focus\:text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #fb923c !important;
}
html.dark .text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #f97316 !important;
}
html.dark .hover\:text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #f97316 !important;
}
html.dark .focus\:text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #f97316 !important;
}
html.dark .text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #ea580c !important;
}
html.dark .hover\:text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #ea580c !important;
}
html.dark .focus\:text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #ea580c !important;
}
html.dark .text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #c2410c !important;
}
html.dark .hover\:text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #c2410c !important;
}
html.dark .focus\:text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #c2410c !important;
}
html.dark .text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #9a3412 !important;
}
html.dark .hover\:text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #9a3412 !important;
}
html.dark .focus\:text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #9a3412 !important;
}
html.dark .text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #7c2d12 !important;
}
html.dark .hover\:text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #7c2d12 !important;
}
html.dark .focus\:text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-indigo-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #7c2d12 !important;
}
html.dark .text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #f0f9ff !important;
}
html.dark .hover\:text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #f0f9ff !important;
}
html.dark .focus\:text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-50:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #f0f9ff !important;
}
html.dark .text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #e0f2fe !important;
}
html.dark .hover\:text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #e0f2fe !important;
}
html.dark .focus\:text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-100:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #e0f2fe !important;
}
html.dark .text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #bae6fd !important;
}
html.dark .hover\:text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #bae6fd !important;
}
html.dark .focus\:text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-200:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #bae6fd !important;
}
html.dark .text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #7dd3fc !important;
}
html.dark .hover\:text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #7dd3fc !important;
}
html.dark .focus\:text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-300:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #7dd3fc !important;
}
html.dark .text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #38bdf8 !important;
}
html.dark .hover\:text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #38bdf8 !important;
}
html.dark .focus\:text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-400:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #38bdf8 !important;
}
html.dark .text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #ea580c !important;
}
html.dark .hover\:text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #ea580c !important;
}
html.dark .focus\:text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-500:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #ea580c !important;
}
html.dark .text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #0284c7 !important;
}
html.dark .hover\:text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #0284c7 !important;
}
html.dark .focus\:text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-600:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #0284c7 !important;
}
html.dark .text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #0369a1 !important;
}
html.dark .hover\:text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #0369a1 !important;
}
html.dark .focus\:text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-700:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #0369a1 !important;
}
html.dark .text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #075985 !important;
}
html.dark .hover\:text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #075985 !important;
}
html.dark .focus\:text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-800:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #075985 !important;
}
html.dark .text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm),
html.system-dark .text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm) {
  color: #0c4a6e !important;
}
html.dark .hover\:text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover,
html.system-dark .hover\:text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):hover {
  color: #0c4a6e !important;
}
html.dark .focus\:text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus,
html.system-dark .focus\:text-sky-900:not(.static):not(.static-text):not(button[type=submit]):not(#modal-confirm):focus {
  color: #0c4a6e !important;
}
html.dark .border-white:not(.static),
html.system-dark .border-white:not(.static) {
  border-color: #3c3c3c !important;
}
html.dark .border-black:not(.static),
html.system-dark .border-black:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:border-white:not(.static):hover,
html.system-dark .hover\:border-white:not(.static):hover {
  border-color: #3c3c3c !important;
}
html.dark .hover\:border-black:not(.static):hover,
html.system-dark .hover\:border-black:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:border-white:not(.static):focus,
html.system-dark .focus\:border-white:not(.static):focus {
  border-color: #3c3c3c !important;
}
html.dark .focus\:border-black:not(.static):focus,
html.system-dark .focus\:border-black:not(.static):focus {
  border-color: #fff !important;
}
html.dark .border-slate-50:not(.static),
html.system-dark .border-slate-50:not(.static) {
  border-color: #f8fafc !important;
}
html.dark .hover\:border-slate-50:not(.static):hover,
html.system-dark .hover\:border-slate-50:not(.static):hover {
  border-color: #f8fafc !important;
}
html.dark .focus\:border-slate-50:not(.static):focus,
html.system-dark .focus\:border-slate-50:not(.static):focus {
  border-color: #f8fafc !important;
}
html.dark .border-slate-100:not(.static),
html.system-dark .border-slate-100:not(.static) {
  border-color: #5e5e5e !important;
}
html.dark .hover\:border-slate-100:not(.static):hover,
html.system-dark .hover\:border-slate-100:not(.static):hover {
  border-color: #5e5e5e !important;
}
html.dark .focus\:border-slate-100:not(.static):focus,
html.system-dark .focus\:border-slate-100:not(.static):focus {
  border-color: #5e5e5e !important;
}
html.dark .border-slate-200:not(.static),
html.system-dark .border-slate-200:not(.static) {
  border-color: #e2e8f0 !important;
}
html.dark .hover\:border-slate-200:not(.static):hover,
html.system-dark .hover\:border-slate-200:not(.static):hover {
  border-color: #e2e8f0 !important;
}
html.dark .focus\:border-slate-200:not(.static):focus,
html.system-dark .focus\:border-slate-200:not(.static):focus {
  border-color: #e2e8f0 !important;
}
html.dark .border-slate-300:not(.static),
html.system-dark .border-slate-300:not(.static) {
  border-color: #cbd5e1 !important;
}
html.dark .hover\:border-slate-300:not(.static):hover,
html.system-dark .hover\:border-slate-300:not(.static):hover {
  border-color: #cbd5e1 !important;
}
html.dark .focus\:border-slate-300:not(.static):focus,
html.system-dark .focus\:border-slate-300:not(.static):focus {
  border-color: #cbd5e1 !important;
}
html.dark .border-slate-400:not(.static),
html.system-dark .border-slate-400:not(.static) {
  border-color: #94a3b8 !important;
}
html.dark .hover\:border-slate-400:not(.static):hover,
html.system-dark .hover\:border-slate-400:not(.static):hover {
  border-color: #94a3b8 !important;
}
html.dark .focus\:border-slate-400:not(.static):focus,
html.system-dark .focus\:border-slate-400:not(.static):focus {
  border-color: #94a3b8 !important;
}
html.dark .border-slate-500:not(.static),
html.system-dark .border-slate-500:not(.static) {
  border-color: #64748b !important;
}
html.dark .hover\:border-slate-500:not(.static):hover,
html.system-dark .hover\:border-slate-500:not(.static):hover {
  border-color: #64748b !important;
}
html.dark .focus\:border-slate-500:not(.static):focus,
html.system-dark .focus\:border-slate-500:not(.static):focus {
  border-color: #64748b !important;
}
html.dark .border-slate-600:not(.static),
html.system-dark .border-slate-600:not(.static) {
  border-color: #475569 !important;
}
html.dark .hover\:border-slate-600:not(.static):hover,
html.system-dark .hover\:border-slate-600:not(.static):hover {
  border-color: #475569 !important;
}
html.dark .focus\:border-slate-600:not(.static):focus,
html.system-dark .focus\:border-slate-600:not(.static):focus {
  border-color: #475569 !important;
}
html.dark .border-slate-700:not(.static),
html.system-dark .border-slate-700:not(.static) {
  border-color: #334155 !important;
}
html.dark .hover\:border-slate-700:not(.static):hover,
html.system-dark .hover\:border-slate-700:not(.static):hover {
  border-color: #334155 !important;
}
html.dark .focus\:border-slate-700:not(.static):focus,
html.system-dark .focus\:border-slate-700:not(.static):focus {
  border-color: #334155 !important;
}
html.dark .border-slate-800:not(.static),
html.system-dark .border-slate-800:not(.static) {
  border-color: #1e293b !important;
}
html.dark .hover\:border-slate-800:not(.static):hover,
html.system-dark .hover\:border-slate-800:not(.static):hover {
  border-color: #1e293b !important;
}
html.dark .focus\:border-slate-800:not(.static):focus,
html.system-dark .focus\:border-slate-800:not(.static):focus {
  border-color: #1e293b !important;
}
html.dark .border-slate-900:not(.static),
html.system-dark .border-slate-900:not(.static) {
  border-color: #0f172a !important;
}
html.dark .hover\:border-slate-900:not(.static):hover,
html.system-dark .hover\:border-slate-900:not(.static):hover {
  border-color: #0f172a !important;
}
html.dark .focus\:border-slate-900:not(.static):focus,
html.system-dark .focus\:border-slate-900:not(.static):focus {
  border-color: #0f172a !important;
}
html.dark .border-gray-50:not(.static),
html.system-dark .border-gray-50:not(.static) {
  border-color: #4d4d4d !important;
}
html.dark .hover\:border-gray-50:not(.static):hover,
html.system-dark .hover\:border-gray-50:not(.static):hover {
  border-color: #4d4d4d !important;
}
html.dark .focus\:border-gray-50:not(.static):focus,
html.system-dark .focus\:border-gray-50:not(.static):focus {
  border-color: #4d4d4d !important;
}
html.dark .border-gray-100:not(.static),
html.system-dark .border-gray-100:not(.static) {
  border-color: #5c5c5c !important;
}
html.dark .hover\:border-gray-100:not(.static):hover,
html.system-dark .hover\:border-gray-100:not(.static):hover {
  border-color: #5c5c5c !important;
}
html.dark .focus\:border-gray-100:not(.static):focus,
html.system-dark .focus\:border-gray-100:not(.static):focus {
  border-color: #5c5c5c !important;
}
html.dark .border-gray-200:not(.static),
html.system-dark .border-gray-200:not(.static) {
  border-color: #5e5e5e !important;
}
html.dark .hover\:border-gray-200:not(.static):hover,
html.system-dark .hover\:border-gray-200:not(.static):hover {
  border-color: #5e5e5e !important;
}
html.dark .focus\:border-gray-200:not(.static):focus,
html.system-dark .focus\:border-gray-200:not(.static):focus {
  border-color: #5e5e5e !important;
}
html.dark .border-gray-300:not(.static),
html.system-dark .border-gray-300:not(.static) {
  border-color: #d1d5db !important;
}
html.dark .hover\:border-gray-300:not(.static):hover,
html.system-dark .hover\:border-gray-300:not(.static):hover {
  border-color: #d1d5db !important;
}
html.dark .focus\:border-gray-300:not(.static):focus,
html.system-dark .focus\:border-gray-300:not(.static):focus {
  border-color: #d1d5db !important;
}
html.dark .border-gray-400:not(.static),
html.system-dark .border-gray-400:not(.static) {
  border-color: #9ca3af !important;
}
html.dark .hover\:border-gray-400:not(.static):hover,
html.system-dark .hover\:border-gray-400:not(.static):hover {
  border-color: #9ca3af !important;
}
html.dark .focus\:border-gray-400:not(.static):focus,
html.system-dark .focus\:border-gray-400:not(.static):focus {
  border-color: #9ca3af !important;
}
html.dark .border-gray-500:not(.static),
html.system-dark .border-gray-500:not(.static) {
  border-color: #6b7280 !important;
}
html.dark .hover\:border-gray-500:not(.static):hover,
html.system-dark .hover\:border-gray-500:not(.static):hover {
  border-color: #6b7280 !important;
}
html.dark .focus\:border-gray-500:not(.static):focus,
html.system-dark .focus\:border-gray-500:not(.static):focus {
  border-color: #6b7280 !important;
}
html.dark .border-gray-600:not(.static),
html.system-dark .border-gray-600:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:border-gray-600:not(.static):hover,
html.system-dark .hover\:border-gray-600:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:border-gray-600:not(.static):focus,
html.system-dark .focus\:border-gray-600:not(.static):focus {
  border-color: #fff !important;
}
html.dark .border-gray-700:not(.static),
html.system-dark .border-gray-700:not(.static) {
  border-color: #f1f1f1 !important;
}
html.dark .hover\:border-gray-700:not(.static):hover,
html.system-dark .hover\:border-gray-700:not(.static):hover {
  border-color: #f1f1f1 !important;
}
html.dark .focus\:border-gray-700:not(.static):focus,
html.system-dark .focus\:border-gray-700:not(.static):focus {
  border-color: #f1f1f1 !important;
}
html.dark .border-gray-800:not(.static),
html.system-dark .border-gray-800:not(.static) {
  border-color: #252525 !important;
}
html.dark .hover\:border-gray-800:not(.static):hover,
html.system-dark .hover\:border-gray-800:not(.static):hover {
  border-color: #252525 !important;
}
html.dark .focus\:border-gray-800:not(.static):focus,
html.system-dark .focus\:border-gray-800:not(.static):focus {
  border-color: #252525 !important;
}
html.dark .border-gray-900:not(.static),
html.system-dark .border-gray-900:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:border-gray-900:not(.static):hover,
html.system-dark .hover\:border-gray-900:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:border-gray-900:not(.static):focus,
html.system-dark .focus\:border-gray-900:not(.static):focus {
  border-color: #fff !important;
}
html.dark .border-indigo-50:not(.static),
html.system-dark .border-indigo-50:not(.static) {
  border-color: #fff7ed !important;
}
html.dark .hover\:border-indigo-50:not(.static):hover,
html.system-dark .hover\:border-indigo-50:not(.static):hover {
  border-color: #fff7ed !important;
}
html.dark .focus\:border-indigo-50:not(.static):focus,
html.system-dark .focus\:border-indigo-50:not(.static):focus {
  border-color: #fff7ed !important;
}
html.dark .border-indigo-100:not(.static),
html.system-dark .border-indigo-100:not(.static) {
  border-color: #ffedd5 !important;
}
html.dark .hover\:border-indigo-100:not(.static):hover,
html.system-dark .hover\:border-indigo-100:not(.static):hover {
  border-color: #ffedd5 !important;
}
html.dark .focus\:border-indigo-100:not(.static):focus,
html.system-dark .focus\:border-indigo-100:not(.static):focus {
  border-color: #ffedd5 !important;
}
html.dark .border-indigo-200:not(.static),
html.system-dark .border-indigo-200:not(.static) {
  border-color: #fed7aa !important;
}
html.dark .hover\:border-indigo-200:not(.static):hover,
html.system-dark .hover\:border-indigo-200:not(.static):hover {
  border-color: #fed7aa !important;
}
html.dark .focus\:border-indigo-200:not(.static):focus,
html.system-dark .focus\:border-indigo-200:not(.static):focus {
  border-color: #fed7aa !important;
}
html.dark .border-indigo-300:not(.static),
html.system-dark .border-indigo-300:not(.static) {
  border-color: #fdba74 !important;
}
html.dark .hover\:border-indigo-300:not(.static):hover,
html.system-dark .hover\:border-indigo-300:not(.static):hover {
  border-color: #fdba74 !important;
}
html.dark .focus\:border-indigo-300:not(.static):focus,
html.system-dark .focus\:border-indigo-300:not(.static):focus {
  border-color: #fdba74 !important;
}
html.dark .border-indigo-400:not(.static),
html.system-dark .border-indigo-400:not(.static) {
  border-color: #fb923c !important;
}
html.dark .hover\:border-indigo-400:not(.static):hover,
html.system-dark .hover\:border-indigo-400:not(.static):hover {
  border-color: #fb923c !important;
}
html.dark .focus\:border-indigo-400:not(.static):focus,
html.system-dark .focus\:border-indigo-400:not(.static):focus {
  border-color: #fb923c !important;
}
html.dark .border-indigo-500:not(.static),
html.system-dark .border-indigo-500:not(.static) {
  border-color: #f97316 !important;
}
html.dark .hover\:border-indigo-500:not(.static):hover,
html.system-dark .hover\:border-indigo-500:not(.static):hover {
  border-color: #f97316 !important;
}
html.dark .focus\:border-indigo-500:not(.static):focus,
html.system-dark .focus\:border-indigo-500:not(.static):focus {
  border-color: #f97316 !important;
}
html.dark .border-indigo-600:not(.static),
html.system-dark .border-indigo-600:not(.static) {
  border-color: #ea580c !important;
}
html.dark .hover\:border-indigo-600:not(.static):hover,
html.system-dark .hover\:border-indigo-600:not(.static):hover {
  border-color: #ea580c !important;
}
html.dark .focus\:border-indigo-600:not(.static):focus,
html.system-dark .focus\:border-indigo-600:not(.static):focus {
  border-color: #ea580c !important;
}
html.dark .border-indigo-700:not(.static),
html.system-dark .border-indigo-700:not(.static) {
  border-color: #c2410c !important;
}
html.dark .hover\:border-indigo-700:not(.static):hover,
html.system-dark .hover\:border-indigo-700:not(.static):hover {
  border-color: #c2410c !important;
}
html.dark .focus\:border-indigo-700:not(.static):focus,
html.system-dark .focus\:border-indigo-700:not(.static):focus {
  border-color: #c2410c !important;
}
html.dark .border-indigo-800:not(.static),
html.system-dark .border-indigo-800:not(.static) {
  border-color: #9a3412 !important;
}
html.dark .hover\:border-indigo-800:not(.static):hover,
html.system-dark .hover\:border-indigo-800:not(.static):hover {
  border-color: #9a3412 !important;
}
html.dark .focus\:border-indigo-800:not(.static):focus,
html.system-dark .focus\:border-indigo-800:not(.static):focus {
  border-color: #9a3412 !important;
}
html.dark .border-indigo-900:not(.static),
html.system-dark .border-indigo-900:not(.static) {
  border-color: #7c2d12 !important;
}
html.dark .hover\:border-indigo-900:not(.static):hover,
html.system-dark .hover\:border-indigo-900:not(.static):hover {
  border-color: #7c2d12 !important;
}
html.dark .focus\:border-indigo-900:not(.static):focus,
html.system-dark .focus\:border-indigo-900:not(.static):focus {
  border-color: #7c2d12 !important;
}
html.dark .border-sky-50:not(.static),
html.system-dark .border-sky-50:not(.static) {
  border-color: #f0f9ff !important;
}
html.dark .hover\:border-sky-50:not(.static):hover,
html.system-dark .hover\:border-sky-50:not(.static):hover {
  border-color: #f0f9ff !important;
}
html.dark .focus\:border-sky-50:not(.static):focus,
html.system-dark .focus\:border-sky-50:not(.static):focus {
  border-color: #f0f9ff !important;
}
html.dark .border-sky-100:not(.static),
html.system-dark .border-sky-100:not(.static) {
  border-color: #e0f2fe !important;
}
html.dark .hover\:border-sky-100:not(.static):hover,
html.system-dark .hover\:border-sky-100:not(.static):hover {
  border-color: #e0f2fe !important;
}
html.dark .focus\:border-sky-100:not(.static):focus,
html.system-dark .focus\:border-sky-100:not(.static):focus {
  border-color: #e0f2fe !important;
}
html.dark .border-sky-200:not(.static),
html.system-dark .border-sky-200:not(.static) {
  border-color: #bae6fd !important;
}
html.dark .hover\:border-sky-200:not(.static):hover,
html.system-dark .hover\:border-sky-200:not(.static):hover {
  border-color: #bae6fd !important;
}
html.dark .focus\:border-sky-200:not(.static):focus,
html.system-dark .focus\:border-sky-200:not(.static):focus {
  border-color: #bae6fd !important;
}
html.dark .border-sky-300:not(.static),
html.system-dark .border-sky-300:not(.static) {
  border-color: #7dd3fc !important;
}
html.dark .hover\:border-sky-300:not(.static):hover,
html.system-dark .hover\:border-sky-300:not(.static):hover {
  border-color: #7dd3fc !important;
}
html.dark .focus\:border-sky-300:not(.static):focus,
html.system-dark .focus\:border-sky-300:not(.static):focus {
  border-color: #7dd3fc !important;
}
html.dark .border-sky-400:not(.static),
html.system-dark .border-sky-400:not(.static) {
  border-color: #38bdf8 !important;
}
html.dark .hover\:border-sky-400:not(.static):hover,
html.system-dark .hover\:border-sky-400:not(.static):hover {
  border-color: #38bdf8 !important;
}
html.dark .focus\:border-sky-400:not(.static):focus,
html.system-dark .focus\:border-sky-400:not(.static):focus {
  border-color: #38bdf8 !important;
}
html.dark .border-sky-500:not(.static),
html.system-dark .border-sky-500:not(.static) {
  border-color: #ea580c !important;
}
html.dark .hover\:border-sky-500:not(.static):hover,
html.system-dark .hover\:border-sky-500:not(.static):hover {
  border-color: #ea580c !important;
}
html.dark .focus\:border-sky-500:not(.static):focus,
html.system-dark .focus\:border-sky-500:not(.static):focus {
  border-color: #ea580c !important;
}
html.dark .border-sky-600:not(.static),
html.system-dark .border-sky-600:not(.static) {
  border-color: #0284c7 !important;
}
html.dark .hover\:border-sky-600:not(.static):hover,
html.system-dark .hover\:border-sky-600:not(.static):hover {
  border-color: #0284c7 !important;
}
html.dark .focus\:border-sky-600:not(.static):focus,
html.system-dark .focus\:border-sky-600:not(.static):focus {
  border-color: #0284c7 !important;
}
html.dark .border-sky-700:not(.static),
html.system-dark .border-sky-700:not(.static) {
  border-color: #0369a1 !important;
}
html.dark .hover\:border-sky-700:not(.static):hover,
html.system-dark .hover\:border-sky-700:not(.static):hover {
  border-color: #0369a1 !important;
}
html.dark .focus\:border-sky-700:not(.static):focus,
html.system-dark .focus\:border-sky-700:not(.static):focus {
  border-color: #0369a1 !important;
}
html.dark .border-sky-800:not(.static),
html.system-dark .border-sky-800:not(.static) {
  border-color: #075985 !important;
}
html.dark .hover\:border-sky-800:not(.static):hover,
html.system-dark .hover\:border-sky-800:not(.static):hover {
  border-color: #075985 !important;
}
html.dark .focus\:border-sky-800:not(.static):focus,
html.system-dark .focus\:border-sky-800:not(.static):focus {
  border-color: #075985 !important;
}
html.dark .border-sky-900:not(.static),
html.system-dark .border-sky-900:not(.static) {
  border-color: #0c4a6e !important;
}
html.dark .hover\:border-sky-900:not(.static):hover,
html.system-dark .hover\:border-sky-900:not(.static):hover {
  border-color: #0c4a6e !important;
}
html.dark .focus\:border-sky-900:not(.static):focus,
html.system-dark .focus\:border-sky-900:not(.static):focus {
  border-color: #0c4a6e !important;
}
html.dark .decoration-white:not(.static),
html.system-dark .decoration-white:not(.static) {
  text-decoration-color: #3c3c3c !important;
}
html.dark .decoration-black:not(.static),
html.system-dark .decoration-black:not(.static) {
  text-decoration-color: #fff !important;
}
html.dark .hover\:decoration-white:not(.static):hover,
html.system-dark .hover\:decoration-white:not(.static):hover {
  text-decoration-color: #3c3c3c !important;
}
html.dark .hover\:decoration-black:not(.static):hover,
html.system-dark .hover\:decoration-black:not(.static):hover {
  text-decoration-color: #fff !important;
}
html.dark .focus\:decoration-white:not(.static):focus,
html.system-dark .focus\:decoration-white:not(.static):focus {
  text-decoration-color: #3c3c3c !important;
}
html.dark .focus\:decoration-black:not(.static):focus,
html.system-dark .focus\:decoration-black:not(.static):focus {
  text-decoration-color: #fff !important;
}
html.dark .decoration-slate-50:not(.static),
html.system-dark .decoration-slate-50:not(.static) {
  text-decoration-color: #f8fafc !important;
}
html.dark .hover\:decoration-slate-50:not(.static):hover,
html.system-dark .hover\:decoration-slate-50:not(.static):hover {
  text-decoration-color: #f8fafc !important;
}
html.dark .focus\:decoration-slate-50:not(.static):focus,
html.system-dark .focus\:decoration-slate-50:not(.static):focus {
  text-decoration-color: #f8fafc !important;
}
html.dark .decoration-slate-100:not(.static),
html.system-dark .decoration-slate-100:not(.static) {
  text-decoration-color: #5e5e5e !important;
}
html.dark .hover\:decoration-slate-100:not(.static):hover,
html.system-dark .hover\:decoration-slate-100:not(.static):hover {
  text-decoration-color: #5e5e5e !important;
}
html.dark .focus\:decoration-slate-100:not(.static):focus,
html.system-dark .focus\:decoration-slate-100:not(.static):focus {
  text-decoration-color: #5e5e5e !important;
}
html.dark .decoration-slate-200:not(.static),
html.system-dark .decoration-slate-200:not(.static) {
  text-decoration-color: #e2e8f0 !important;
}
html.dark .hover\:decoration-slate-200:not(.static):hover,
html.system-dark .hover\:decoration-slate-200:not(.static):hover {
  text-decoration-color: #e2e8f0 !important;
}
html.dark .focus\:decoration-slate-200:not(.static):focus,
html.system-dark .focus\:decoration-slate-200:not(.static):focus {
  text-decoration-color: #e2e8f0 !important;
}
html.dark .decoration-slate-300:not(.static),
html.system-dark .decoration-slate-300:not(.static) {
  text-decoration-color: #cbd5e1 !important;
}
html.dark .hover\:decoration-slate-300:not(.static):hover,
html.system-dark .hover\:decoration-slate-300:not(.static):hover {
  text-decoration-color: #cbd5e1 !important;
}
html.dark .focus\:decoration-slate-300:not(.static):focus,
html.system-dark .focus\:decoration-slate-300:not(.static):focus {
  text-decoration-color: #cbd5e1 !important;
}
html.dark .decoration-slate-400:not(.static),
html.system-dark .decoration-slate-400:not(.static) {
  text-decoration-color: #94a3b8 !important;
}
html.dark .hover\:decoration-slate-400:not(.static):hover,
html.system-dark .hover\:decoration-slate-400:not(.static):hover {
  text-decoration-color: #94a3b8 !important;
}
html.dark .focus\:decoration-slate-400:not(.static):focus,
html.system-dark .focus\:decoration-slate-400:not(.static):focus {
  text-decoration-color: #94a3b8 !important;
}
html.dark .decoration-slate-500:not(.static),
html.system-dark .decoration-slate-500:not(.static) {
  text-decoration-color: #64748b !important;
}
html.dark .hover\:decoration-slate-500:not(.static):hover,
html.system-dark .hover\:decoration-slate-500:not(.static):hover {
  text-decoration-color: #64748b !important;
}
html.dark .focus\:decoration-slate-500:not(.static):focus,
html.system-dark .focus\:decoration-slate-500:not(.static):focus {
  text-decoration-color: #64748b !important;
}
html.dark .decoration-slate-600:not(.static),
html.system-dark .decoration-slate-600:not(.static) {
  text-decoration-color: #475569 !important;
}
html.dark .hover\:decoration-slate-600:not(.static):hover,
html.system-dark .hover\:decoration-slate-600:not(.static):hover {
  text-decoration-color: #475569 !important;
}
html.dark .focus\:decoration-slate-600:not(.static):focus,
html.system-dark .focus\:decoration-slate-600:not(.static):focus {
  text-decoration-color: #475569 !important;
}
html.dark .decoration-slate-700:not(.static),
html.system-dark .decoration-slate-700:not(.static) {
  text-decoration-color: #334155 !important;
}
html.dark .hover\:decoration-slate-700:not(.static):hover,
html.system-dark .hover\:decoration-slate-700:not(.static):hover {
  text-decoration-color: #334155 !important;
}
html.dark .focus\:decoration-slate-700:not(.static):focus,
html.system-dark .focus\:decoration-slate-700:not(.static):focus {
  text-decoration-color: #334155 !important;
}
html.dark .decoration-slate-800:not(.static),
html.system-dark .decoration-slate-800:not(.static) {
  text-decoration-color: #1e293b !important;
}
html.dark .hover\:decoration-slate-800:not(.static):hover,
html.system-dark .hover\:decoration-slate-800:not(.static):hover {
  text-decoration-color: #1e293b !important;
}
html.dark .focus\:decoration-slate-800:not(.static):focus,
html.system-dark .focus\:decoration-slate-800:not(.static):focus {
  text-decoration-color: #1e293b !important;
}
html.dark .decoration-slate-900:not(.static),
html.system-dark .decoration-slate-900:not(.static) {
  text-decoration-color: #0f172a !important;
}
html.dark .hover\:decoration-slate-900:not(.static):hover,
html.system-dark .hover\:decoration-slate-900:not(.static):hover {
  text-decoration-color: #0f172a !important;
}
html.dark .focus\:decoration-slate-900:not(.static):focus,
html.system-dark .focus\:decoration-slate-900:not(.static):focus {
  text-decoration-color: #0f172a !important;
}
html.dark .decoration-gray-50:not(.static),
html.system-dark .decoration-gray-50:not(.static) {
  text-decoration-color: #4d4d4d !important;
}
html.dark .hover\:decoration-gray-50:not(.static):hover,
html.system-dark .hover\:decoration-gray-50:not(.static):hover {
  text-decoration-color: #4d4d4d !important;
}
html.dark .focus\:decoration-gray-50:not(.static):focus,
html.system-dark .focus\:decoration-gray-50:not(.static):focus {
  text-decoration-color: #4d4d4d !important;
}
html.dark .decoration-gray-100:not(.static),
html.system-dark .decoration-gray-100:not(.static) {
  text-decoration-color: #5c5c5c !important;
}
html.dark .hover\:decoration-gray-100:not(.static):hover,
html.system-dark .hover\:decoration-gray-100:not(.static):hover {
  text-decoration-color: #5c5c5c !important;
}
html.dark .focus\:decoration-gray-100:not(.static):focus,
html.system-dark .focus\:decoration-gray-100:not(.static):focus {
  text-decoration-color: #5c5c5c !important;
}
html.dark .decoration-gray-200:not(.static),
html.system-dark .decoration-gray-200:not(.static) {
  text-decoration-color: #5e5e5e !important;
}
html.dark .hover\:decoration-gray-200:not(.static):hover,
html.system-dark .hover\:decoration-gray-200:not(.static):hover {
  text-decoration-color: #5e5e5e !important;
}
html.dark .focus\:decoration-gray-200:not(.static):focus,
html.system-dark .focus\:decoration-gray-200:not(.static):focus {
  text-decoration-color: #5e5e5e !important;
}
html.dark .decoration-gray-300:not(.static),
html.system-dark .decoration-gray-300:not(.static) {
  text-decoration-color: #d1d5db !important;
}
html.dark .hover\:decoration-gray-300:not(.static):hover,
html.system-dark .hover\:decoration-gray-300:not(.static):hover {
  text-decoration-color: #d1d5db !important;
}
html.dark .focus\:decoration-gray-300:not(.static):focus,
html.system-dark .focus\:decoration-gray-300:not(.static):focus {
  text-decoration-color: #d1d5db !important;
}
html.dark .decoration-gray-400:not(.static),
html.system-dark .decoration-gray-400:not(.static) {
  text-decoration-color: #9ca3af !important;
}
html.dark .hover\:decoration-gray-400:not(.static):hover,
html.system-dark .hover\:decoration-gray-400:not(.static):hover {
  text-decoration-color: #9ca3af !important;
}
html.dark .focus\:decoration-gray-400:not(.static):focus,
html.system-dark .focus\:decoration-gray-400:not(.static):focus {
  text-decoration-color: #9ca3af !important;
}
html.dark .decoration-gray-500:not(.static),
html.system-dark .decoration-gray-500:not(.static) {
  text-decoration-color: #6b7280 !important;
}
html.dark .hover\:decoration-gray-500:not(.static):hover,
html.system-dark .hover\:decoration-gray-500:not(.static):hover {
  text-decoration-color: #6b7280 !important;
}
html.dark .focus\:decoration-gray-500:not(.static):focus,
html.system-dark .focus\:decoration-gray-500:not(.static):focus {
  text-decoration-color: #6b7280 !important;
}
html.dark .decoration-gray-600:not(.static),
html.system-dark .decoration-gray-600:not(.static) {
  text-decoration-color: #fff !important;
}
html.dark .hover\:decoration-gray-600:not(.static):hover,
html.system-dark .hover\:decoration-gray-600:not(.static):hover {
  text-decoration-color: #fff !important;
}
html.dark .focus\:decoration-gray-600:not(.static):focus,
html.system-dark .focus\:decoration-gray-600:not(.static):focus {
  text-decoration-color: #fff !important;
}
html.dark .decoration-gray-700:not(.static),
html.system-dark .decoration-gray-700:not(.static) {
  text-decoration-color: #f1f1f1 !important;
}
html.dark .hover\:decoration-gray-700:not(.static):hover,
html.system-dark .hover\:decoration-gray-700:not(.static):hover {
  text-decoration-color: #f1f1f1 !important;
}
html.dark .focus\:decoration-gray-700:not(.static):focus,
html.system-dark .focus\:decoration-gray-700:not(.static):focus {
  text-decoration-color: #f1f1f1 !important;
}
html.dark .decoration-gray-800:not(.static),
html.system-dark .decoration-gray-800:not(.static) {
  text-decoration-color: #252525 !important;
}
html.dark .hover\:decoration-gray-800:not(.static):hover,
html.system-dark .hover\:decoration-gray-800:not(.static):hover {
  text-decoration-color: #252525 !important;
}
html.dark .focus\:decoration-gray-800:not(.static):focus,
html.system-dark .focus\:decoration-gray-800:not(.static):focus {
  text-decoration-color: #252525 !important;
}
html.dark .decoration-gray-900:not(.static),
html.system-dark .decoration-gray-900:not(.static) {
  text-decoration-color: #fff !important;
}
html.dark .hover\:decoration-gray-900:not(.static):hover,
html.system-dark .hover\:decoration-gray-900:not(.static):hover {
  text-decoration-color: #fff !important;
}
html.dark .focus\:decoration-gray-900:not(.static):focus,
html.system-dark .focus\:decoration-gray-900:not(.static):focus {
  text-decoration-color: #fff !important;
}
html.dark .decoration-indigo-50:not(.static),
html.system-dark .decoration-indigo-50:not(.static) {
  text-decoration-color: #fff7ed !important;
}
html.dark .hover\:decoration-indigo-50:not(.static):hover,
html.system-dark .hover\:decoration-indigo-50:not(.static):hover {
  text-decoration-color: #fff7ed !important;
}
html.dark .focus\:decoration-indigo-50:not(.static):focus,
html.system-dark .focus\:decoration-indigo-50:not(.static):focus {
  text-decoration-color: #fff7ed !important;
}
html.dark .decoration-indigo-100:not(.static),
html.system-dark .decoration-indigo-100:not(.static) {
  text-decoration-color: #ffedd5 !important;
}
html.dark .hover\:decoration-indigo-100:not(.static):hover,
html.system-dark .hover\:decoration-indigo-100:not(.static):hover {
  text-decoration-color: #ffedd5 !important;
}
html.dark .focus\:decoration-indigo-100:not(.static):focus,
html.system-dark .focus\:decoration-indigo-100:not(.static):focus {
  text-decoration-color: #ffedd5 !important;
}
html.dark .decoration-indigo-200:not(.static),
html.system-dark .decoration-indigo-200:not(.static) {
  text-decoration-color: #fed7aa !important;
}
html.dark .hover\:decoration-indigo-200:not(.static):hover,
html.system-dark .hover\:decoration-indigo-200:not(.static):hover {
  text-decoration-color: #fed7aa !important;
}
html.dark .focus\:decoration-indigo-200:not(.static):focus,
html.system-dark .focus\:decoration-indigo-200:not(.static):focus {
  text-decoration-color: #fed7aa !important;
}
html.dark .decoration-indigo-300:not(.static),
html.system-dark .decoration-indigo-300:not(.static) {
  text-decoration-color: #fdba74 !important;
}
html.dark .hover\:decoration-indigo-300:not(.static):hover,
html.system-dark .hover\:decoration-indigo-300:not(.static):hover {
  text-decoration-color: #fdba74 !important;
}
html.dark .focus\:decoration-indigo-300:not(.static):focus,
html.system-dark .focus\:decoration-indigo-300:not(.static):focus {
  text-decoration-color: #fdba74 !important;
}
html.dark .decoration-indigo-400:not(.static),
html.system-dark .decoration-indigo-400:not(.static) {
  text-decoration-color: #fb923c !important;
}
html.dark .hover\:decoration-indigo-400:not(.static):hover,
html.system-dark .hover\:decoration-indigo-400:not(.static):hover {
  text-decoration-color: #fb923c !important;
}
html.dark .focus\:decoration-indigo-400:not(.static):focus,
html.system-dark .focus\:decoration-indigo-400:not(.static):focus {
  text-decoration-color: #fb923c !important;
}
html.dark .decoration-indigo-500:not(.static),
html.system-dark .decoration-indigo-500:not(.static) {
  text-decoration-color: #f97316 !important;
}
html.dark .hover\:decoration-indigo-500:not(.static):hover,
html.system-dark .hover\:decoration-indigo-500:not(.static):hover {
  text-decoration-color: #f97316 !important;
}
html.dark .focus\:decoration-indigo-500:not(.static):focus,
html.system-dark .focus\:decoration-indigo-500:not(.static):focus {
  text-decoration-color: #f97316 !important;
}
html.dark .decoration-indigo-600:not(.static),
html.system-dark .decoration-indigo-600:not(.static) {
  text-decoration-color: #ea580c !important;
}
html.dark .hover\:decoration-indigo-600:not(.static):hover,
html.system-dark .hover\:decoration-indigo-600:not(.static):hover {
  text-decoration-color: #ea580c !important;
}
html.dark .focus\:decoration-indigo-600:not(.static):focus,
html.system-dark .focus\:decoration-indigo-600:not(.static):focus {
  text-decoration-color: #ea580c !important;
}
html.dark .decoration-indigo-700:not(.static),
html.system-dark .decoration-indigo-700:not(.static) {
  text-decoration-color: #c2410c !important;
}
html.dark .hover\:decoration-indigo-700:not(.static):hover,
html.system-dark .hover\:decoration-indigo-700:not(.static):hover {
  text-decoration-color: #c2410c !important;
}
html.dark .focus\:decoration-indigo-700:not(.static):focus,
html.system-dark .focus\:decoration-indigo-700:not(.static):focus {
  text-decoration-color: #c2410c !important;
}
html.dark .decoration-indigo-800:not(.static),
html.system-dark .decoration-indigo-800:not(.static) {
  text-decoration-color: #9a3412 !important;
}
html.dark .hover\:decoration-indigo-800:not(.static):hover,
html.system-dark .hover\:decoration-indigo-800:not(.static):hover {
  text-decoration-color: #9a3412 !important;
}
html.dark .focus\:decoration-indigo-800:not(.static):focus,
html.system-dark .focus\:decoration-indigo-800:not(.static):focus {
  text-decoration-color: #9a3412 !important;
}
html.dark .decoration-indigo-900:not(.static),
html.system-dark .decoration-indigo-900:not(.static) {
  text-decoration-color: #7c2d12 !important;
}
html.dark .hover\:decoration-indigo-900:not(.static):hover,
html.system-dark .hover\:decoration-indigo-900:not(.static):hover {
  text-decoration-color: #7c2d12 !important;
}
html.dark .focus\:decoration-indigo-900:not(.static):focus,
html.system-dark .focus\:decoration-indigo-900:not(.static):focus {
  text-decoration-color: #7c2d12 !important;
}
html.dark .decoration-sky-50:not(.static),
html.system-dark .decoration-sky-50:not(.static) {
  text-decoration-color: #f0f9ff !important;
}
html.dark .hover\:decoration-sky-50:not(.static):hover,
html.system-dark .hover\:decoration-sky-50:not(.static):hover {
  text-decoration-color: #f0f9ff !important;
}
html.dark .focus\:decoration-sky-50:not(.static):focus,
html.system-dark .focus\:decoration-sky-50:not(.static):focus {
  text-decoration-color: #f0f9ff !important;
}
html.dark .decoration-sky-100:not(.static),
html.system-dark .decoration-sky-100:not(.static) {
  text-decoration-color: #e0f2fe !important;
}
html.dark .hover\:decoration-sky-100:not(.static):hover,
html.system-dark .hover\:decoration-sky-100:not(.static):hover {
  text-decoration-color: #e0f2fe !important;
}
html.dark .focus\:decoration-sky-100:not(.static):focus,
html.system-dark .focus\:decoration-sky-100:not(.static):focus {
  text-decoration-color: #e0f2fe !important;
}
html.dark .decoration-sky-200:not(.static),
html.system-dark .decoration-sky-200:not(.static) {
  text-decoration-color: #bae6fd !important;
}
html.dark .hover\:decoration-sky-200:not(.static):hover,
html.system-dark .hover\:decoration-sky-200:not(.static):hover {
  text-decoration-color: #bae6fd !important;
}
html.dark .focus\:decoration-sky-200:not(.static):focus,
html.system-dark .focus\:decoration-sky-200:not(.static):focus {
  text-decoration-color: #bae6fd !important;
}
html.dark .decoration-sky-300:not(.static),
html.system-dark .decoration-sky-300:not(.static) {
  text-decoration-color: #7dd3fc !important;
}
html.dark .hover\:decoration-sky-300:not(.static):hover,
html.system-dark .hover\:decoration-sky-300:not(.static):hover {
  text-decoration-color: #7dd3fc !important;
}
html.dark .focus\:decoration-sky-300:not(.static):focus,
html.system-dark .focus\:decoration-sky-300:not(.static):focus {
  text-decoration-color: #7dd3fc !important;
}
html.dark .decoration-sky-400:not(.static),
html.system-dark .decoration-sky-400:not(.static) {
  text-decoration-color: #38bdf8 !important;
}
html.dark .hover\:decoration-sky-400:not(.static):hover,
html.system-dark .hover\:decoration-sky-400:not(.static):hover {
  text-decoration-color: #38bdf8 !important;
}
html.dark .focus\:decoration-sky-400:not(.static):focus,
html.system-dark .focus\:decoration-sky-400:not(.static):focus {
  text-decoration-color: #38bdf8 !important;
}
html.dark .decoration-sky-500:not(.static),
html.system-dark .decoration-sky-500:not(.static) {
  text-decoration-color: #ea580c !important;
}
html.dark .hover\:decoration-sky-500:not(.static):hover,
html.system-dark .hover\:decoration-sky-500:not(.static):hover {
  text-decoration-color: #ea580c !important;
}
html.dark .focus\:decoration-sky-500:not(.static):focus,
html.system-dark .focus\:decoration-sky-500:not(.static):focus {
  text-decoration-color: #ea580c !important;
}
html.dark .decoration-sky-600:not(.static),
html.system-dark .decoration-sky-600:not(.static) {
  text-decoration-color: #0284c7 !important;
}
html.dark .hover\:decoration-sky-600:not(.static):hover,
html.system-dark .hover\:decoration-sky-600:not(.static):hover {
  text-decoration-color: #0284c7 !important;
}
html.dark .focus\:decoration-sky-600:not(.static):focus,
html.system-dark .focus\:decoration-sky-600:not(.static):focus {
  text-decoration-color: #0284c7 !important;
}
html.dark .decoration-sky-700:not(.static),
html.system-dark .decoration-sky-700:not(.static) {
  text-decoration-color: #0369a1 !important;
}
html.dark .hover\:decoration-sky-700:not(.static):hover,
html.system-dark .hover\:decoration-sky-700:not(.static):hover {
  text-decoration-color: #0369a1 !important;
}
html.dark .focus\:decoration-sky-700:not(.static):focus,
html.system-dark .focus\:decoration-sky-700:not(.static):focus {
  text-decoration-color: #0369a1 !important;
}
html.dark .decoration-sky-800:not(.static),
html.system-dark .decoration-sky-800:not(.static) {
  text-decoration-color: #075985 !important;
}
html.dark .hover\:decoration-sky-800:not(.static):hover,
html.system-dark .hover\:decoration-sky-800:not(.static):hover {
  text-decoration-color: #075985 !important;
}
html.dark .focus\:decoration-sky-800:not(.static):focus,
html.system-dark .focus\:decoration-sky-800:not(.static):focus {
  text-decoration-color: #075985 !important;
}
html.dark .decoration-sky-900:not(.static),
html.system-dark .decoration-sky-900:not(.static) {
  text-decoration-color: #0c4a6e !important;
}
html.dark .hover\:decoration-sky-900:not(.static):hover,
html.system-dark .hover\:decoration-sky-900:not(.static):hover {
  text-decoration-color: #0c4a6e !important;
}
html.dark .focus\:decoration-sky-900:not(.static):focus,
html.system-dark .focus\:decoration-sky-900:not(.static):focus {
  text-decoration-color: #0c4a6e !important;
}
html.dark .ring-offset-white:not(.static),
html.system-dark .ring-offset-white:not(.static) {
  --tw-ring-offset-color: #3c3c3c !important;
}
html.dark .ring-offset-black:not(.static),
html.system-dark .ring-offset-black:not(.static) {
  --tw-ring-offset-color: #fff !important;
}
html.dark .hover\:ring-offset-white:not(.static):hover,
html.system-dark .hover\:ring-offset-white:not(.static):hover {
  --tw-ring-offset-color: #3c3c3c !important;
}
html.dark .hover\:ring-offset-black:not(.static):hover,
html.system-dark .hover\:ring-offset-black:not(.static):hover {
  --tw-ring-offset-color: #fff !important;
}
html.dark .focus\:ring-offset-white:not(.static):focus,
html.system-dark .focus\:ring-offset-white:not(.static):focus {
  --tw-ring-offset-color: #3c3c3c !important;
}
html.dark .focus\:ring-offset-black:not(.static):focus,
html.system-dark .focus\:ring-offset-black:not(.static):focus {
  --tw-ring-offset-color: #fff !important;
}
html.dark .ring-offset-slate-50:not(.static),
html.system-dark .ring-offset-slate-50:not(.static) {
  --tw-ring-offset-color: #f8fafc !important;
}
html.dark .hover\:ring-offset-slate-50:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-50:not(.static):hover {
  --tw-ring-offset-color: #f8fafc !important;
}
html.dark .focus\:ring-offset-slate-50:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-50:not(.static):focus {
  --tw-ring-offset-color: #f8fafc !important;
}
html.dark .ring-offset-slate-100:not(.static),
html.system-dark .ring-offset-slate-100:not(.static) {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .hover\:ring-offset-slate-100:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-100:not(.static):hover {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .focus\:ring-offset-slate-100:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-100:not(.static):focus {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .ring-offset-slate-200:not(.static),
html.system-dark .ring-offset-slate-200:not(.static) {
  --tw-ring-offset-color: #e2e8f0 !important;
}
html.dark .hover\:ring-offset-slate-200:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-200:not(.static):hover {
  --tw-ring-offset-color: #e2e8f0 !important;
}
html.dark .focus\:ring-offset-slate-200:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-200:not(.static):focus {
  --tw-ring-offset-color: #e2e8f0 !important;
}
html.dark .ring-offset-slate-300:not(.static),
html.system-dark .ring-offset-slate-300:not(.static) {
  --tw-ring-offset-color: #cbd5e1 !important;
}
html.dark .hover\:ring-offset-slate-300:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-300:not(.static):hover {
  --tw-ring-offset-color: #cbd5e1 !important;
}
html.dark .focus\:ring-offset-slate-300:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-300:not(.static):focus {
  --tw-ring-offset-color: #cbd5e1 !important;
}
html.dark .ring-offset-slate-400:not(.static),
html.system-dark .ring-offset-slate-400:not(.static) {
  --tw-ring-offset-color: #94a3b8 !important;
}
html.dark .hover\:ring-offset-slate-400:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-400:not(.static):hover {
  --tw-ring-offset-color: #94a3b8 !important;
}
html.dark .focus\:ring-offset-slate-400:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-400:not(.static):focus {
  --tw-ring-offset-color: #94a3b8 !important;
}
html.dark .ring-offset-slate-500:not(.static),
html.system-dark .ring-offset-slate-500:not(.static) {
  --tw-ring-offset-color: #64748b !important;
}
html.dark .hover\:ring-offset-slate-500:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-500:not(.static):hover {
  --tw-ring-offset-color: #64748b !important;
}
html.dark .focus\:ring-offset-slate-500:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-500:not(.static):focus {
  --tw-ring-offset-color: #64748b !important;
}
html.dark .ring-offset-slate-600:not(.static),
html.system-dark .ring-offset-slate-600:not(.static) {
  --tw-ring-offset-color: #475569 !important;
}
html.dark .hover\:ring-offset-slate-600:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-600:not(.static):hover {
  --tw-ring-offset-color: #475569 !important;
}
html.dark .focus\:ring-offset-slate-600:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-600:not(.static):focus {
  --tw-ring-offset-color: #475569 !important;
}
html.dark .ring-offset-slate-700:not(.static),
html.system-dark .ring-offset-slate-700:not(.static) {
  --tw-ring-offset-color: #334155 !important;
}
html.dark .hover\:ring-offset-slate-700:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-700:not(.static):hover {
  --tw-ring-offset-color: #334155 !important;
}
html.dark .focus\:ring-offset-slate-700:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-700:not(.static):focus {
  --tw-ring-offset-color: #334155 !important;
}
html.dark .ring-offset-slate-800:not(.static),
html.system-dark .ring-offset-slate-800:not(.static) {
  --tw-ring-offset-color: #1e293b !important;
}
html.dark .hover\:ring-offset-slate-800:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-800:not(.static):hover {
  --tw-ring-offset-color: #1e293b !important;
}
html.dark .focus\:ring-offset-slate-800:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-800:not(.static):focus {
  --tw-ring-offset-color: #1e293b !important;
}
html.dark .ring-offset-slate-900:not(.static),
html.system-dark .ring-offset-slate-900:not(.static) {
  --tw-ring-offset-color: #0f172a !important;
}
html.dark .hover\:ring-offset-slate-900:not(.static):hover,
html.system-dark .hover\:ring-offset-slate-900:not(.static):hover {
  --tw-ring-offset-color: #0f172a !important;
}
html.dark .focus\:ring-offset-slate-900:not(.static):focus,
html.system-dark .focus\:ring-offset-slate-900:not(.static):focus {
  --tw-ring-offset-color: #0f172a !important;
}
html.dark .ring-offset-gray-50:not(.static),
html.system-dark .ring-offset-gray-50:not(.static) {
  --tw-ring-offset-color: #4d4d4d !important;
}
html.dark .hover\:ring-offset-gray-50:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-50:not(.static):hover {
  --tw-ring-offset-color: #4d4d4d !important;
}
html.dark .focus\:ring-offset-gray-50:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-50:not(.static):focus {
  --tw-ring-offset-color: #4d4d4d !important;
}
html.dark .ring-offset-gray-100:not(.static),
html.system-dark .ring-offset-gray-100:not(.static) {
  --tw-ring-offset-color: #5c5c5c !important;
}
html.dark .hover\:ring-offset-gray-100:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-100:not(.static):hover {
  --tw-ring-offset-color: #5c5c5c !important;
}
html.dark .focus\:ring-offset-gray-100:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-100:not(.static):focus {
  --tw-ring-offset-color: #5c5c5c !important;
}
html.dark .ring-offset-gray-200:not(.static),
html.system-dark .ring-offset-gray-200:not(.static) {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .hover\:ring-offset-gray-200:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-200:not(.static):hover {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .focus\:ring-offset-gray-200:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-200:not(.static):focus {
  --tw-ring-offset-color: #5e5e5e !important;
}
html.dark .ring-offset-gray-300:not(.static),
html.system-dark .ring-offset-gray-300:not(.static) {
  --tw-ring-offset-color: #d1d5db !important;
}
html.dark .hover\:ring-offset-gray-300:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-300:not(.static):hover {
  --tw-ring-offset-color: #d1d5db !important;
}
html.dark .focus\:ring-offset-gray-300:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-300:not(.static):focus {
  --tw-ring-offset-color: #d1d5db !important;
}
html.dark .ring-offset-gray-400:not(.static),
html.system-dark .ring-offset-gray-400:not(.static) {
  --tw-ring-offset-color: #9ca3af !important;
}
html.dark .hover\:ring-offset-gray-400:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-400:not(.static):hover {
  --tw-ring-offset-color: #9ca3af !important;
}
html.dark .focus\:ring-offset-gray-400:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-400:not(.static):focus {
  --tw-ring-offset-color: #9ca3af !important;
}
html.dark .ring-offset-gray-500:not(.static),
html.system-dark .ring-offset-gray-500:not(.static) {
  --tw-ring-offset-color: #6b7280 !important;
}
html.dark .hover\:ring-offset-gray-500:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-500:not(.static):hover {
  --tw-ring-offset-color: #6b7280 !important;
}
html.dark .focus\:ring-offset-gray-500:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-500:not(.static):focus {
  --tw-ring-offset-color: #6b7280 !important;
}
html.dark .ring-offset-gray-600:not(.static),
html.system-dark .ring-offset-gray-600:not(.static) {
  --tw-ring-offset-color: #fff !important;
}
html.dark .hover\:ring-offset-gray-600:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-600:not(.static):hover {
  --tw-ring-offset-color: #fff !important;
}
html.dark .focus\:ring-offset-gray-600:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-600:not(.static):focus {
  --tw-ring-offset-color: #fff !important;
}
html.dark .ring-offset-gray-700:not(.static),
html.system-dark .ring-offset-gray-700:not(.static) {
  --tw-ring-offset-color: #f1f1f1 !important;
}
html.dark .hover\:ring-offset-gray-700:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-700:not(.static):hover {
  --tw-ring-offset-color: #f1f1f1 !important;
}
html.dark .focus\:ring-offset-gray-700:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-700:not(.static):focus {
  --tw-ring-offset-color: #f1f1f1 !important;
}
html.dark .ring-offset-gray-800:not(.static),
html.system-dark .ring-offset-gray-800:not(.static) {
  --tw-ring-offset-color: #252525 !important;
}
html.dark .hover\:ring-offset-gray-800:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-800:not(.static):hover {
  --tw-ring-offset-color: #252525 !important;
}
html.dark .focus\:ring-offset-gray-800:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-800:not(.static):focus {
  --tw-ring-offset-color: #252525 !important;
}
html.dark .ring-offset-gray-900:not(.static),
html.system-dark .ring-offset-gray-900:not(.static) {
  --tw-ring-offset-color: #fff !important;
}
html.dark .hover\:ring-offset-gray-900:not(.static):hover,
html.system-dark .hover\:ring-offset-gray-900:not(.static):hover {
  --tw-ring-offset-color: #fff !important;
}
html.dark .focus\:ring-offset-gray-900:not(.static):focus,
html.system-dark .focus\:ring-offset-gray-900:not(.static):focus {
  --tw-ring-offset-color: #fff !important;
}
html.dark .ring-offset-indigo-50:not(.static),
html.system-dark .ring-offset-indigo-50:not(.static) {
  --tw-ring-offset-color: #fff7ed !important;
}
html.dark .hover\:ring-offset-indigo-50:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-50:not(.static):hover {
  --tw-ring-offset-color: #fff7ed !important;
}
html.dark .focus\:ring-offset-indigo-50:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-50:not(.static):focus {
  --tw-ring-offset-color: #fff7ed !important;
}
html.dark .ring-offset-indigo-100:not(.static),
html.system-dark .ring-offset-indigo-100:not(.static) {
  --tw-ring-offset-color: #ffedd5 !important;
}
html.dark .hover\:ring-offset-indigo-100:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-100:not(.static):hover {
  --tw-ring-offset-color: #ffedd5 !important;
}
html.dark .focus\:ring-offset-indigo-100:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-100:not(.static):focus {
  --tw-ring-offset-color: #ffedd5 !important;
}
html.dark .ring-offset-indigo-200:not(.static),
html.system-dark .ring-offset-indigo-200:not(.static) {
  --tw-ring-offset-color: #fed7aa !important;
}
html.dark .hover\:ring-offset-indigo-200:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-200:not(.static):hover {
  --tw-ring-offset-color: #fed7aa !important;
}
html.dark .focus\:ring-offset-indigo-200:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-200:not(.static):focus {
  --tw-ring-offset-color: #fed7aa !important;
}
html.dark .ring-offset-indigo-300:not(.static),
html.system-dark .ring-offset-indigo-300:not(.static) {
  --tw-ring-offset-color: #fdba74 !important;
}
html.dark .hover\:ring-offset-indigo-300:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-300:not(.static):hover {
  --tw-ring-offset-color: #fdba74 !important;
}
html.dark .focus\:ring-offset-indigo-300:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-300:not(.static):focus {
  --tw-ring-offset-color: #fdba74 !important;
}
html.dark .ring-offset-indigo-400:not(.static),
html.system-dark .ring-offset-indigo-400:not(.static) {
  --tw-ring-offset-color: #fb923c !important;
}
html.dark .hover\:ring-offset-indigo-400:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-400:not(.static):hover {
  --tw-ring-offset-color: #fb923c !important;
}
html.dark .focus\:ring-offset-indigo-400:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-400:not(.static):focus {
  --tw-ring-offset-color: #fb923c !important;
}
html.dark .ring-offset-indigo-500:not(.static),
html.system-dark .ring-offset-indigo-500:not(.static) {
  --tw-ring-offset-color: #f97316 !important;
}
html.dark .hover\:ring-offset-indigo-500:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-500:not(.static):hover {
  --tw-ring-offset-color: #f97316 !important;
}
html.dark .focus\:ring-offset-indigo-500:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-500:not(.static):focus {
  --tw-ring-offset-color: #f97316 !important;
}
html.dark .ring-offset-indigo-600:not(.static),
html.system-dark .ring-offset-indigo-600:not(.static) {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .hover\:ring-offset-indigo-600:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-600:not(.static):hover {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .focus\:ring-offset-indigo-600:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-600:not(.static):focus {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .ring-offset-indigo-700:not(.static),
html.system-dark .ring-offset-indigo-700:not(.static) {
  --tw-ring-offset-color: #c2410c !important;
}
html.dark .hover\:ring-offset-indigo-700:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-700:not(.static):hover {
  --tw-ring-offset-color: #c2410c !important;
}
html.dark .focus\:ring-offset-indigo-700:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-700:not(.static):focus {
  --tw-ring-offset-color: #c2410c !important;
}
html.dark .ring-offset-indigo-800:not(.static),
html.system-dark .ring-offset-indigo-800:not(.static) {
  --tw-ring-offset-color: #9a3412 !important;
}
html.dark .hover\:ring-offset-indigo-800:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-800:not(.static):hover {
  --tw-ring-offset-color: #9a3412 !important;
}
html.dark .focus\:ring-offset-indigo-800:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-800:not(.static):focus {
  --tw-ring-offset-color: #9a3412 !important;
}
html.dark .ring-offset-indigo-900:not(.static),
html.system-dark .ring-offset-indigo-900:not(.static) {
  --tw-ring-offset-color: #7c2d12 !important;
}
html.dark .hover\:ring-offset-indigo-900:not(.static):hover,
html.system-dark .hover\:ring-offset-indigo-900:not(.static):hover {
  --tw-ring-offset-color: #7c2d12 !important;
}
html.dark .focus\:ring-offset-indigo-900:not(.static):focus,
html.system-dark .focus\:ring-offset-indigo-900:not(.static):focus {
  --tw-ring-offset-color: #7c2d12 !important;
}
html.dark .ring-offset-sky-50:not(.static),
html.system-dark .ring-offset-sky-50:not(.static) {
  --tw-ring-offset-color: #f0f9ff !important;
}
html.dark .hover\:ring-offset-sky-50:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-50:not(.static):hover {
  --tw-ring-offset-color: #f0f9ff !important;
}
html.dark .focus\:ring-offset-sky-50:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-50:not(.static):focus {
  --tw-ring-offset-color: #f0f9ff !important;
}
html.dark .ring-offset-sky-100:not(.static),
html.system-dark .ring-offset-sky-100:not(.static) {
  --tw-ring-offset-color: #e0f2fe !important;
}
html.dark .hover\:ring-offset-sky-100:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-100:not(.static):hover {
  --tw-ring-offset-color: #e0f2fe !important;
}
html.dark .focus\:ring-offset-sky-100:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-100:not(.static):focus {
  --tw-ring-offset-color: #e0f2fe !important;
}
html.dark .ring-offset-sky-200:not(.static),
html.system-dark .ring-offset-sky-200:not(.static) {
  --tw-ring-offset-color: #bae6fd !important;
}
html.dark .hover\:ring-offset-sky-200:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-200:not(.static):hover {
  --tw-ring-offset-color: #bae6fd !important;
}
html.dark .focus\:ring-offset-sky-200:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-200:not(.static):focus {
  --tw-ring-offset-color: #bae6fd !important;
}
html.dark .ring-offset-sky-300:not(.static),
html.system-dark .ring-offset-sky-300:not(.static) {
  --tw-ring-offset-color: #7dd3fc !important;
}
html.dark .hover\:ring-offset-sky-300:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-300:not(.static):hover {
  --tw-ring-offset-color: #7dd3fc !important;
}
html.dark .focus\:ring-offset-sky-300:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-300:not(.static):focus {
  --tw-ring-offset-color: #7dd3fc !important;
}
html.dark .ring-offset-sky-400:not(.static),
html.system-dark .ring-offset-sky-400:not(.static) {
  --tw-ring-offset-color: #38bdf8 !important;
}
html.dark .hover\:ring-offset-sky-400:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-400:not(.static):hover {
  --tw-ring-offset-color: #38bdf8 !important;
}
html.dark .focus\:ring-offset-sky-400:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-400:not(.static):focus {
  --tw-ring-offset-color: #38bdf8 !important;
}
html.dark .ring-offset-sky-500:not(.static),
html.system-dark .ring-offset-sky-500:not(.static) {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .hover\:ring-offset-sky-500:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-500:not(.static):hover {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .focus\:ring-offset-sky-500:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-500:not(.static):focus {
  --tw-ring-offset-color: #ea580c !important;
}
html.dark .ring-offset-sky-600:not(.static),
html.system-dark .ring-offset-sky-600:not(.static) {
  --tw-ring-offset-color: #0284c7 !important;
}
html.dark .hover\:ring-offset-sky-600:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-600:not(.static):hover {
  --tw-ring-offset-color: #0284c7 !important;
}
html.dark .focus\:ring-offset-sky-600:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-600:not(.static):focus {
  --tw-ring-offset-color: #0284c7 !important;
}
html.dark .ring-offset-sky-700:not(.static),
html.system-dark .ring-offset-sky-700:not(.static) {
  --tw-ring-offset-color: #0369a1 !important;
}
html.dark .hover\:ring-offset-sky-700:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-700:not(.static):hover {
  --tw-ring-offset-color: #0369a1 !important;
}
html.dark .focus\:ring-offset-sky-700:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-700:not(.static):focus {
  --tw-ring-offset-color: #0369a1 !important;
}
html.dark .ring-offset-sky-800:not(.static),
html.system-dark .ring-offset-sky-800:not(.static) {
  --tw-ring-offset-color: #075985 !important;
}
html.dark .hover\:ring-offset-sky-800:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-800:not(.static):hover {
  --tw-ring-offset-color: #075985 !important;
}
html.dark .focus\:ring-offset-sky-800:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-800:not(.static):focus {
  --tw-ring-offset-color: #075985 !important;
}
html.dark .ring-offset-sky-900:not(.static),
html.system-dark .ring-offset-sky-900:not(.static) {
  --tw-ring-offset-color: #0c4a6e !important;
}
html.dark .hover\:ring-offset-sky-900:not(.static):hover,
html.system-dark .hover\:ring-offset-sky-900:not(.static):hover {
  --tw-ring-offset-color: #0c4a6e !important;
}
html.dark .focus\:ring-offset-sky-900:not(.static):focus,
html.system-dark .focus\:ring-offset-sky-900:not(.static):focus {
  --tw-ring-offset-color: #0c4a6e !important;
}
html.dark .ring-white:not(.static),
html.system-dark .ring-white:not(.static) {
  --tw-ring-color: #3c3c3c !important;
}
html.dark .ring-black:not(.static),
html.system-dark .ring-black:not(.static) {
  --tw-ring-color: #fff !important;
}
html.dark .hover\:ring-white:not(.static):hover,
html.system-dark .hover\:ring-white:not(.static):hover {
  --tw-ring-color: #3c3c3c !important;
}
html.dark .hover\:ring-black:not(.static):hover,
html.system-dark .hover\:ring-black:not(.static):hover {
  --tw-ring-color: #fff !important;
}
html.dark .focus\:ring-white:not(.static):focus,
html.system-dark .focus\:ring-white:not(.static):focus {
  --tw-ring-color: #3c3c3c !important;
}
html.dark .focus\:ring-black:not(.static):focus,
html.system-dark .focus\:ring-black:not(.static):focus {
  --tw-ring-color: #fff !important;
}
html.dark .ring-slate-50:not(.static),
html.system-dark .ring-slate-50:not(.static) {
  --tw-ring-color: #f8fafc !important;
}
html.dark .hover\:ring-slate-50:not(.static):hover,
html.system-dark .hover\:ring-slate-50:not(.static):hover {
  --tw-ring-color: #f8fafc !important;
}
html.dark .focus\:ring-slate-50:not(.static):focus,
html.system-dark .focus\:ring-slate-50:not(.static):focus {
  --tw-ring-color: #f8fafc !important;
}
html.dark .ring-slate-100:not(.static),
html.system-dark .ring-slate-100:not(.static) {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .hover\:ring-slate-100:not(.static):hover,
html.system-dark .hover\:ring-slate-100:not(.static):hover {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .focus\:ring-slate-100:not(.static):focus,
html.system-dark .focus\:ring-slate-100:not(.static):focus {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .ring-slate-200:not(.static),
html.system-dark .ring-slate-200:not(.static) {
  --tw-ring-color: #e2e8f0 !important;
}
html.dark .hover\:ring-slate-200:not(.static):hover,
html.system-dark .hover\:ring-slate-200:not(.static):hover {
  --tw-ring-color: #e2e8f0 !important;
}
html.dark .focus\:ring-slate-200:not(.static):focus,
html.system-dark .focus\:ring-slate-200:not(.static):focus {
  --tw-ring-color: #e2e8f0 !important;
}
html.dark .ring-slate-300:not(.static),
html.system-dark .ring-slate-300:not(.static) {
  --tw-ring-color: #cbd5e1 !important;
}
html.dark .hover\:ring-slate-300:not(.static):hover,
html.system-dark .hover\:ring-slate-300:not(.static):hover {
  --tw-ring-color: #cbd5e1 !important;
}
html.dark .focus\:ring-slate-300:not(.static):focus,
html.system-dark .focus\:ring-slate-300:not(.static):focus {
  --tw-ring-color: #cbd5e1 !important;
}
html.dark .ring-slate-400:not(.static),
html.system-dark .ring-slate-400:not(.static) {
  --tw-ring-color: #94a3b8 !important;
}
html.dark .hover\:ring-slate-400:not(.static):hover,
html.system-dark .hover\:ring-slate-400:not(.static):hover {
  --tw-ring-color: #94a3b8 !important;
}
html.dark .focus\:ring-slate-400:not(.static):focus,
html.system-dark .focus\:ring-slate-400:not(.static):focus {
  --tw-ring-color: #94a3b8 !important;
}
html.dark .ring-slate-500:not(.static),
html.system-dark .ring-slate-500:not(.static) {
  --tw-ring-color: #64748b !important;
}
html.dark .hover\:ring-slate-500:not(.static):hover,
html.system-dark .hover\:ring-slate-500:not(.static):hover {
  --tw-ring-color: #64748b !important;
}
html.dark .focus\:ring-slate-500:not(.static):focus,
html.system-dark .focus\:ring-slate-500:not(.static):focus {
  --tw-ring-color: #64748b !important;
}
html.dark .ring-slate-600:not(.static),
html.system-dark .ring-slate-600:not(.static) {
  --tw-ring-color: #475569 !important;
}
html.dark .hover\:ring-slate-600:not(.static):hover,
html.system-dark .hover\:ring-slate-600:not(.static):hover {
  --tw-ring-color: #475569 !important;
}
html.dark .focus\:ring-slate-600:not(.static):focus,
html.system-dark .focus\:ring-slate-600:not(.static):focus {
  --tw-ring-color: #475569 !important;
}
html.dark .ring-slate-700:not(.static),
html.system-dark .ring-slate-700:not(.static) {
  --tw-ring-color: #334155 !important;
}
html.dark .hover\:ring-slate-700:not(.static):hover,
html.system-dark .hover\:ring-slate-700:not(.static):hover {
  --tw-ring-color: #334155 !important;
}
html.dark .focus\:ring-slate-700:not(.static):focus,
html.system-dark .focus\:ring-slate-700:not(.static):focus {
  --tw-ring-color: #334155 !important;
}
html.dark .ring-slate-800:not(.static),
html.system-dark .ring-slate-800:not(.static) {
  --tw-ring-color: #1e293b !important;
}
html.dark .hover\:ring-slate-800:not(.static):hover,
html.system-dark .hover\:ring-slate-800:not(.static):hover {
  --tw-ring-color: #1e293b !important;
}
html.dark .focus\:ring-slate-800:not(.static):focus,
html.system-dark .focus\:ring-slate-800:not(.static):focus {
  --tw-ring-color: #1e293b !important;
}
html.dark .ring-slate-900:not(.static),
html.system-dark .ring-slate-900:not(.static) {
  --tw-ring-color: #0f172a !important;
}
html.dark .hover\:ring-slate-900:not(.static):hover,
html.system-dark .hover\:ring-slate-900:not(.static):hover {
  --tw-ring-color: #0f172a !important;
}
html.dark .focus\:ring-slate-900:not(.static):focus,
html.system-dark .focus\:ring-slate-900:not(.static):focus {
  --tw-ring-color: #0f172a !important;
}
html.dark .ring-gray-50:not(.static),
html.system-dark .ring-gray-50:not(.static) {
  --tw-ring-color: #4d4d4d !important;
}
html.dark .hover\:ring-gray-50:not(.static):hover,
html.system-dark .hover\:ring-gray-50:not(.static):hover {
  --tw-ring-color: #4d4d4d !important;
}
html.dark .focus\:ring-gray-50:not(.static):focus,
html.system-dark .focus\:ring-gray-50:not(.static):focus {
  --tw-ring-color: #4d4d4d !important;
}
html.dark .ring-gray-100:not(.static),
html.system-dark .ring-gray-100:not(.static) {
  --tw-ring-color: #5c5c5c !important;
}
html.dark .hover\:ring-gray-100:not(.static):hover,
html.system-dark .hover\:ring-gray-100:not(.static):hover {
  --tw-ring-color: #5c5c5c !important;
}
html.dark .focus\:ring-gray-100:not(.static):focus,
html.system-dark .focus\:ring-gray-100:not(.static):focus {
  --tw-ring-color: #5c5c5c !important;
}
html.dark .ring-gray-200:not(.static),
html.system-dark .ring-gray-200:not(.static) {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .hover\:ring-gray-200:not(.static):hover,
html.system-dark .hover\:ring-gray-200:not(.static):hover {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .focus\:ring-gray-200:not(.static):focus,
html.system-dark .focus\:ring-gray-200:not(.static):focus {
  --tw-ring-color: #5e5e5e !important;
}
html.dark .ring-gray-300:not(.static),
html.system-dark .ring-gray-300:not(.static) {
  --tw-ring-color: #d1d5db !important;
}
html.dark .hover\:ring-gray-300:not(.static):hover,
html.system-dark .hover\:ring-gray-300:not(.static):hover {
  --tw-ring-color: #d1d5db !important;
}
html.dark .focus\:ring-gray-300:not(.static):focus,
html.system-dark .focus\:ring-gray-300:not(.static):focus {
  --tw-ring-color: #d1d5db !important;
}
html.dark .ring-gray-400:not(.static),
html.system-dark .ring-gray-400:not(.static) {
  --tw-ring-color: #9ca3af !important;
}
html.dark .hover\:ring-gray-400:not(.static):hover,
html.system-dark .hover\:ring-gray-400:not(.static):hover {
  --tw-ring-color: #9ca3af !important;
}
html.dark .focus\:ring-gray-400:not(.static):focus,
html.system-dark .focus\:ring-gray-400:not(.static):focus {
  --tw-ring-color: #9ca3af !important;
}
html.dark .ring-gray-500:not(.static),
html.system-dark .ring-gray-500:not(.static) {
  --tw-ring-color: #6b7280 !important;
}
html.dark .hover\:ring-gray-500:not(.static):hover,
html.system-dark .hover\:ring-gray-500:not(.static):hover {
  --tw-ring-color: #6b7280 !important;
}
html.dark .focus\:ring-gray-500:not(.static):focus,
html.system-dark .focus\:ring-gray-500:not(.static):focus {
  --tw-ring-color: #6b7280 !important;
}
html.dark .ring-gray-600:not(.static),
html.system-dark .ring-gray-600:not(.static) {
  --tw-ring-color: #fff !important;
}
html.dark .hover\:ring-gray-600:not(.static):hover,
html.system-dark .hover\:ring-gray-600:not(.static):hover {
  --tw-ring-color: #fff !important;
}
html.dark .focus\:ring-gray-600:not(.static):focus,
html.system-dark .focus\:ring-gray-600:not(.static):focus {
  --tw-ring-color: #fff !important;
}
html.dark .ring-gray-700:not(.static),
html.system-dark .ring-gray-700:not(.static) {
  --tw-ring-color: #f1f1f1 !important;
}
html.dark .hover\:ring-gray-700:not(.static):hover,
html.system-dark .hover\:ring-gray-700:not(.static):hover {
  --tw-ring-color: #f1f1f1 !important;
}
html.dark .focus\:ring-gray-700:not(.static):focus,
html.system-dark .focus\:ring-gray-700:not(.static):focus {
  --tw-ring-color: #f1f1f1 !important;
}
html.dark .ring-gray-800:not(.static),
html.system-dark .ring-gray-800:not(.static) {
  --tw-ring-color: #252525 !important;
}
html.dark .hover\:ring-gray-800:not(.static):hover,
html.system-dark .hover\:ring-gray-800:not(.static):hover {
  --tw-ring-color: #252525 !important;
}
html.dark .focus\:ring-gray-800:not(.static):focus,
html.system-dark .focus\:ring-gray-800:not(.static):focus {
  --tw-ring-color: #252525 !important;
}
html.dark .ring-gray-900:not(.static),
html.system-dark .ring-gray-900:not(.static) {
  --tw-ring-color: #fff !important;
}
html.dark .hover\:ring-gray-900:not(.static):hover,
html.system-dark .hover\:ring-gray-900:not(.static):hover {
  --tw-ring-color: #fff !important;
}
html.dark .focus\:ring-gray-900:not(.static):focus,
html.system-dark .focus\:ring-gray-900:not(.static):focus {
  --tw-ring-color: #fff !important;
}
html.dark .ring-indigo-50:not(.static),
html.system-dark .ring-indigo-50:not(.static) {
  --tw-ring-color: #fff7ed !important;
}
html.dark .hover\:ring-indigo-50:not(.static):hover,
html.system-dark .hover\:ring-indigo-50:not(.static):hover {
  --tw-ring-color: #fff7ed !important;
}
html.dark .focus\:ring-indigo-50:not(.static):focus,
html.system-dark .focus\:ring-indigo-50:not(.static):focus {
  --tw-ring-color: #fff7ed !important;
}
html.dark .ring-indigo-100:not(.static),
html.system-dark .ring-indigo-100:not(.static) {
  --tw-ring-color: #ffedd5 !important;
}
html.dark .hover\:ring-indigo-100:not(.static):hover,
html.system-dark .hover\:ring-indigo-100:not(.static):hover {
  --tw-ring-color: #ffedd5 !important;
}
html.dark .focus\:ring-indigo-100:not(.static):focus,
html.system-dark .focus\:ring-indigo-100:not(.static):focus {
  --tw-ring-color: #ffedd5 !important;
}
html.dark .ring-indigo-200:not(.static),
html.system-dark .ring-indigo-200:not(.static) {
  --tw-ring-color: #fed7aa !important;
}
html.dark .hover\:ring-indigo-200:not(.static):hover,
html.system-dark .hover\:ring-indigo-200:not(.static):hover {
  --tw-ring-color: #fed7aa !important;
}
html.dark .focus\:ring-indigo-200:not(.static):focus,
html.system-dark .focus\:ring-indigo-200:not(.static):focus {
  --tw-ring-color: #fed7aa !important;
}
html.dark .ring-indigo-300:not(.static),
html.system-dark .ring-indigo-300:not(.static) {
  --tw-ring-color: #fdba74 !important;
}
html.dark .hover\:ring-indigo-300:not(.static):hover,
html.system-dark .hover\:ring-indigo-300:not(.static):hover {
  --tw-ring-color: #fdba74 !important;
}
html.dark .focus\:ring-indigo-300:not(.static):focus,
html.system-dark .focus\:ring-indigo-300:not(.static):focus {
  --tw-ring-color: #fdba74 !important;
}
html.dark .ring-indigo-400:not(.static),
html.system-dark .ring-indigo-400:not(.static) {
  --tw-ring-color: #fb923c !important;
}
html.dark .hover\:ring-indigo-400:not(.static):hover,
html.system-dark .hover\:ring-indigo-400:not(.static):hover {
  --tw-ring-color: #fb923c !important;
}
html.dark .focus\:ring-indigo-400:not(.static):focus,
html.system-dark .focus\:ring-indigo-400:not(.static):focus {
  --tw-ring-color: #fb923c !important;
}
html.dark .ring-indigo-500:not(.static),
html.system-dark .ring-indigo-500:not(.static) {
  --tw-ring-color: #f97316 !important;
}
html.dark .hover\:ring-indigo-500:not(.static):hover,
html.system-dark .hover\:ring-indigo-500:not(.static):hover {
  --tw-ring-color: #f97316 !important;
}
html.dark .focus\:ring-indigo-500:not(.static):focus,
html.system-dark .focus\:ring-indigo-500:not(.static):focus {
  --tw-ring-color: #f97316 !important;
}
html.dark .ring-indigo-600:not(.static),
html.system-dark .ring-indigo-600:not(.static) {
  --tw-ring-color: #ea580c !important;
}
html.dark .hover\:ring-indigo-600:not(.static):hover,
html.system-dark .hover\:ring-indigo-600:not(.static):hover {
  --tw-ring-color: #ea580c !important;
}
html.dark .focus\:ring-indigo-600:not(.static):focus,
html.system-dark .focus\:ring-indigo-600:not(.static):focus {
  --tw-ring-color: #ea580c !important;
}
html.dark .ring-indigo-700:not(.static),
html.system-dark .ring-indigo-700:not(.static) {
  --tw-ring-color: #c2410c !important;
}
html.dark .hover\:ring-indigo-700:not(.static):hover,
html.system-dark .hover\:ring-indigo-700:not(.static):hover {
  --tw-ring-color: #c2410c !important;
}
html.dark .focus\:ring-indigo-700:not(.static):focus,
html.system-dark .focus\:ring-indigo-700:not(.static):focus {
  --tw-ring-color: #c2410c !important;
}
html.dark .ring-indigo-800:not(.static),
html.system-dark .ring-indigo-800:not(.static) {
  --tw-ring-color: #9a3412 !important;
}
html.dark .hover\:ring-indigo-800:not(.static):hover,
html.system-dark .hover\:ring-indigo-800:not(.static):hover {
  --tw-ring-color: #9a3412 !important;
}
html.dark .focus\:ring-indigo-800:not(.static):focus,
html.system-dark .focus\:ring-indigo-800:not(.static):focus {
  --tw-ring-color: #9a3412 !important;
}
html.dark .ring-indigo-900:not(.static),
html.system-dark .ring-indigo-900:not(.static) {
  --tw-ring-color: #7c2d12 !important;
}
html.dark .hover\:ring-indigo-900:not(.static):hover,
html.system-dark .hover\:ring-indigo-900:not(.static):hover {
  --tw-ring-color: #7c2d12 !important;
}
html.dark .focus\:ring-indigo-900:not(.static):focus,
html.system-dark .focus\:ring-indigo-900:not(.static):focus {
  --tw-ring-color: #7c2d12 !important;
}
html.dark .ring-sky-50:not(.static),
html.system-dark .ring-sky-50:not(.static) {
  --tw-ring-color: #f0f9ff !important;
}
html.dark .hover\:ring-sky-50:not(.static):hover,
html.system-dark .hover\:ring-sky-50:not(.static):hover {
  --tw-ring-color: #f0f9ff !important;
}
html.dark .focus\:ring-sky-50:not(.static):focus,
html.system-dark .focus\:ring-sky-50:not(.static):focus {
  --tw-ring-color: #f0f9ff !important;
}
html.dark .ring-sky-100:not(.static),
html.system-dark .ring-sky-100:not(.static) {
  --tw-ring-color: #e0f2fe !important;
}
html.dark .hover\:ring-sky-100:not(.static):hover,
html.system-dark .hover\:ring-sky-100:not(.static):hover {
  --tw-ring-color: #e0f2fe !important;
}
html.dark .focus\:ring-sky-100:not(.static):focus,
html.system-dark .focus\:ring-sky-100:not(.static):focus {
  --tw-ring-color: #e0f2fe !important;
}
html.dark .ring-sky-200:not(.static),
html.system-dark .ring-sky-200:not(.static) {
  --tw-ring-color: #bae6fd !important;
}
html.dark .hover\:ring-sky-200:not(.static):hover,
html.system-dark .hover\:ring-sky-200:not(.static):hover {
  --tw-ring-color: #bae6fd !important;
}
html.dark .focus\:ring-sky-200:not(.static):focus,
html.system-dark .focus\:ring-sky-200:not(.static):focus {
  --tw-ring-color: #bae6fd !important;
}
html.dark .ring-sky-300:not(.static),
html.system-dark .ring-sky-300:not(.static) {
  --tw-ring-color: #7dd3fc !important;
}
html.dark .hover\:ring-sky-300:not(.static):hover,
html.system-dark .hover\:ring-sky-300:not(.static):hover {
  --tw-ring-color: #7dd3fc !important;
}
html.dark .focus\:ring-sky-300:not(.static):focus,
html.system-dark .focus\:ring-sky-300:not(.static):focus {
  --tw-ring-color: #7dd3fc !important;
}
html.dark .ring-sky-400:not(.static),
html.system-dark .ring-sky-400:not(.static) {
  --tw-ring-color: #38bdf8 !important;
}
html.dark .hover\:ring-sky-400:not(.static):hover,
html.system-dark .hover\:ring-sky-400:not(.static):hover {
  --tw-ring-color: #38bdf8 !important;
}
html.dark .focus\:ring-sky-400:not(.static):focus,
html.system-dark .focus\:ring-sky-400:not(.static):focus {
  --tw-ring-color: #38bdf8 !important;
}
html.dark .ring-sky-500:not(.static),
html.system-dark .ring-sky-500:not(.static) {
  --tw-ring-color: #ea580c !important;
}
html.dark .hover\:ring-sky-500:not(.static):hover,
html.system-dark .hover\:ring-sky-500:not(.static):hover {
  --tw-ring-color: #ea580c !important;
}
html.dark .focus\:ring-sky-500:not(.static):focus,
html.system-dark .focus\:ring-sky-500:not(.static):focus {
  --tw-ring-color: #ea580c !important;
}
html.dark .ring-sky-600:not(.static),
html.system-dark .ring-sky-600:not(.static) {
  --tw-ring-color: #0284c7 !important;
}
html.dark .hover\:ring-sky-600:not(.static):hover,
html.system-dark .hover\:ring-sky-600:not(.static):hover {
  --tw-ring-color: #0284c7 !important;
}
html.dark .focus\:ring-sky-600:not(.static):focus,
html.system-dark .focus\:ring-sky-600:not(.static):focus {
  --tw-ring-color: #0284c7 !important;
}
html.dark .ring-sky-700:not(.static),
html.system-dark .ring-sky-700:not(.static) {
  --tw-ring-color: #0369a1 !important;
}
html.dark .hover\:ring-sky-700:not(.static):hover,
html.system-dark .hover\:ring-sky-700:not(.static):hover {
  --tw-ring-color: #0369a1 !important;
}
html.dark .focus\:ring-sky-700:not(.static):focus,
html.system-dark .focus\:ring-sky-700:not(.static):focus {
  --tw-ring-color: #0369a1 !important;
}
html.dark .ring-sky-800:not(.static),
html.system-dark .ring-sky-800:not(.static) {
  --tw-ring-color: #075985 !important;
}
html.dark .hover\:ring-sky-800:not(.static):hover,
html.system-dark .hover\:ring-sky-800:not(.static):hover {
  --tw-ring-color: #075985 !important;
}
html.dark .focus\:ring-sky-800:not(.static):focus,
html.system-dark .focus\:ring-sky-800:not(.static):focus {
  --tw-ring-color: #075985 !important;
}
html.dark .ring-sky-900:not(.static),
html.system-dark .ring-sky-900:not(.static) {
  --tw-ring-color: #0c4a6e !important;
}
html.dark .hover\:ring-sky-900:not(.static):hover,
html.system-dark .hover\:ring-sky-900:not(.static):hover {
  --tw-ring-color: #0c4a6e !important;
}
html.dark .focus\:ring-sky-900:not(.static):focus,
html.system-dark .focus\:ring-sky-900:not(.static):focus {
  --tw-ring-color: #0c4a6e !important;
}
html.dark .outline-white:not(.static),
html.system-dark .outline-white:not(.static) {
  outline-color: #3c3c3c !important;
}
html.dark .outline-black:not(.static),
html.system-dark .outline-black:not(.static) {
  outline-color: #fff !important;
}
html.dark .hover\:outline-white:not(.static):hover,
html.system-dark .hover\:outline-white:not(.static):hover {
  outline-color: #3c3c3c !important;
}
html.dark .hover\:outline-black:not(.static):hover,
html.system-dark .hover\:outline-black:not(.static):hover {
  outline-color: #fff !important;
}
html.dark .focus\:outline-white:not(.static):focus,
html.system-dark .focus\:outline-white:not(.static):focus {
  outline-color: #3c3c3c !important;
}
html.dark .focus\:outline-black:not(.static):focus,
html.system-dark .focus\:outline-black:not(.static):focus {
  outline-color: #fff !important;
}
html.dark .outline-slate-50:not(.static),
html.system-dark .outline-slate-50:not(.static) {
  outline-color: #f8fafc !important;
}
html.dark .hover\:outline-slate-50:not(.static):hover,
html.system-dark .hover\:outline-slate-50:not(.static):hover {
  outline-color: #f8fafc !important;
}
html.dark .focus\:outline-slate-50:not(.static):focus,
html.system-dark .focus\:outline-slate-50:not(.static):focus {
  outline-color: #f8fafc !important;
}
html.dark .outline-slate-100:not(.static),
html.system-dark .outline-slate-100:not(.static) {
  outline-color: #5e5e5e !important;
}
html.dark .hover\:outline-slate-100:not(.static):hover,
html.system-dark .hover\:outline-slate-100:not(.static):hover {
  outline-color: #5e5e5e !important;
}
html.dark .focus\:outline-slate-100:not(.static):focus,
html.system-dark .focus\:outline-slate-100:not(.static):focus {
  outline-color: #5e5e5e !important;
}
html.dark .outline-slate-200:not(.static),
html.system-dark .outline-slate-200:not(.static) {
  outline-color: #e2e8f0 !important;
}
html.dark .hover\:outline-slate-200:not(.static):hover,
html.system-dark .hover\:outline-slate-200:not(.static):hover {
  outline-color: #e2e8f0 !important;
}
html.dark .focus\:outline-slate-200:not(.static):focus,
html.system-dark .focus\:outline-slate-200:not(.static):focus {
  outline-color: #e2e8f0 !important;
}
html.dark .outline-slate-300:not(.static),
html.system-dark .outline-slate-300:not(.static) {
  outline-color: #cbd5e1 !important;
}
html.dark .hover\:outline-slate-300:not(.static):hover,
html.system-dark .hover\:outline-slate-300:not(.static):hover {
  outline-color: #cbd5e1 !important;
}
html.dark .focus\:outline-slate-300:not(.static):focus,
html.system-dark .focus\:outline-slate-300:not(.static):focus {
  outline-color: #cbd5e1 !important;
}
html.dark .outline-slate-400:not(.static),
html.system-dark .outline-slate-400:not(.static) {
  outline-color: #94a3b8 !important;
}
html.dark .hover\:outline-slate-400:not(.static):hover,
html.system-dark .hover\:outline-slate-400:not(.static):hover {
  outline-color: #94a3b8 !important;
}
html.dark .focus\:outline-slate-400:not(.static):focus,
html.system-dark .focus\:outline-slate-400:not(.static):focus {
  outline-color: #94a3b8 !important;
}
html.dark .outline-slate-500:not(.static),
html.system-dark .outline-slate-500:not(.static) {
  outline-color: #64748b !important;
}
html.dark .hover\:outline-slate-500:not(.static):hover,
html.system-dark .hover\:outline-slate-500:not(.static):hover {
  outline-color: #64748b !important;
}
html.dark .focus\:outline-slate-500:not(.static):focus,
html.system-dark .focus\:outline-slate-500:not(.static):focus {
  outline-color: #64748b !important;
}
html.dark .outline-slate-600:not(.static),
html.system-dark .outline-slate-600:not(.static) {
  outline-color: #475569 !important;
}
html.dark .hover\:outline-slate-600:not(.static):hover,
html.system-dark .hover\:outline-slate-600:not(.static):hover {
  outline-color: #475569 !important;
}
html.dark .focus\:outline-slate-600:not(.static):focus,
html.system-dark .focus\:outline-slate-600:not(.static):focus {
  outline-color: #475569 !important;
}
html.dark .outline-slate-700:not(.static),
html.system-dark .outline-slate-700:not(.static) {
  outline-color: #334155 !important;
}
html.dark .hover\:outline-slate-700:not(.static):hover,
html.system-dark .hover\:outline-slate-700:not(.static):hover {
  outline-color: #334155 !important;
}
html.dark .focus\:outline-slate-700:not(.static):focus,
html.system-dark .focus\:outline-slate-700:not(.static):focus {
  outline-color: #334155 !important;
}
html.dark .outline-slate-800:not(.static),
html.system-dark .outline-slate-800:not(.static) {
  outline-color: #1e293b !important;
}
html.dark .hover\:outline-slate-800:not(.static):hover,
html.system-dark .hover\:outline-slate-800:not(.static):hover {
  outline-color: #1e293b !important;
}
html.dark .focus\:outline-slate-800:not(.static):focus,
html.system-dark .focus\:outline-slate-800:not(.static):focus {
  outline-color: #1e293b !important;
}
html.dark .outline-slate-900:not(.static),
html.system-dark .outline-slate-900:not(.static) {
  outline-color: #0f172a !important;
}
html.dark .hover\:outline-slate-900:not(.static):hover,
html.system-dark .hover\:outline-slate-900:not(.static):hover {
  outline-color: #0f172a !important;
}
html.dark .focus\:outline-slate-900:not(.static):focus,
html.system-dark .focus\:outline-slate-900:not(.static):focus {
  outline-color: #0f172a !important;
}
html.dark .outline-gray-50:not(.static),
html.system-dark .outline-gray-50:not(.static) {
  outline-color: #4d4d4d !important;
}
html.dark .hover\:outline-gray-50:not(.static):hover,
html.system-dark .hover\:outline-gray-50:not(.static):hover {
  outline-color: #4d4d4d !important;
}
html.dark .focus\:outline-gray-50:not(.static):focus,
html.system-dark .focus\:outline-gray-50:not(.static):focus {
  outline-color: #4d4d4d !important;
}
html.dark .outline-gray-100:not(.static),
html.system-dark .outline-gray-100:not(.static) {
  outline-color: #5c5c5c !important;
}
html.dark .hover\:outline-gray-100:not(.static):hover,
html.system-dark .hover\:outline-gray-100:not(.static):hover {
  outline-color: #5c5c5c !important;
}
html.dark .focus\:outline-gray-100:not(.static):focus,
html.system-dark .focus\:outline-gray-100:not(.static):focus {
  outline-color: #5c5c5c !important;
}
html.dark .outline-gray-200:not(.static),
html.system-dark .outline-gray-200:not(.static) {
  outline-color: #5e5e5e !important;
}
html.dark .hover\:outline-gray-200:not(.static):hover,
html.system-dark .hover\:outline-gray-200:not(.static):hover {
  outline-color: #5e5e5e !important;
}
html.dark .focus\:outline-gray-200:not(.static):focus,
html.system-dark .focus\:outline-gray-200:not(.static):focus {
  outline-color: #5e5e5e !important;
}
html.dark .outline-gray-300:not(.static),
html.system-dark .outline-gray-300:not(.static) {
  outline-color: #d1d5db !important;
}
html.dark .hover\:outline-gray-300:not(.static):hover,
html.system-dark .hover\:outline-gray-300:not(.static):hover {
  outline-color: #d1d5db !important;
}
html.dark .focus\:outline-gray-300:not(.static):focus,
html.system-dark .focus\:outline-gray-300:not(.static):focus {
  outline-color: #d1d5db !important;
}
html.dark .outline-gray-400:not(.static),
html.system-dark .outline-gray-400:not(.static) {
  outline-color: #9ca3af !important;
}
html.dark .hover\:outline-gray-400:not(.static):hover,
html.system-dark .hover\:outline-gray-400:not(.static):hover {
  outline-color: #9ca3af !important;
}
html.dark .focus\:outline-gray-400:not(.static):focus,
html.system-dark .focus\:outline-gray-400:not(.static):focus {
  outline-color: #9ca3af !important;
}
html.dark .outline-gray-500:not(.static),
html.system-dark .outline-gray-500:not(.static) {
  outline-color: #6b7280 !important;
}
html.dark .hover\:outline-gray-500:not(.static):hover,
html.system-dark .hover\:outline-gray-500:not(.static):hover {
  outline-color: #6b7280 !important;
}
html.dark .focus\:outline-gray-500:not(.static):focus,
html.system-dark .focus\:outline-gray-500:not(.static):focus {
  outline-color: #6b7280 !important;
}
html.dark .outline-gray-600:not(.static),
html.system-dark .outline-gray-600:not(.static) {
  outline-color: #fff !important;
}
html.dark .hover\:outline-gray-600:not(.static):hover,
html.system-dark .hover\:outline-gray-600:not(.static):hover {
  outline-color: #fff !important;
}
html.dark .focus\:outline-gray-600:not(.static):focus,
html.system-dark .focus\:outline-gray-600:not(.static):focus {
  outline-color: #fff !important;
}
html.dark .outline-gray-700:not(.static),
html.system-dark .outline-gray-700:not(.static) {
  outline-color: #f1f1f1 !important;
}
html.dark .hover\:outline-gray-700:not(.static):hover,
html.system-dark .hover\:outline-gray-700:not(.static):hover {
  outline-color: #f1f1f1 !important;
}
html.dark .focus\:outline-gray-700:not(.static):focus,
html.system-dark .focus\:outline-gray-700:not(.static):focus {
  outline-color: #f1f1f1 !important;
}
html.dark .outline-gray-800:not(.static),
html.system-dark .outline-gray-800:not(.static) {
  outline-color: #252525 !important;
}
html.dark .hover\:outline-gray-800:not(.static):hover,
html.system-dark .hover\:outline-gray-800:not(.static):hover {
  outline-color: #252525 !important;
}
html.dark .focus\:outline-gray-800:not(.static):focus,
html.system-dark .focus\:outline-gray-800:not(.static):focus {
  outline-color: #252525 !important;
}
html.dark .outline-gray-900:not(.static),
html.system-dark .outline-gray-900:not(.static) {
  outline-color: #fff !important;
}
html.dark .hover\:outline-gray-900:not(.static):hover,
html.system-dark .hover\:outline-gray-900:not(.static):hover {
  outline-color: #fff !important;
}
html.dark .focus\:outline-gray-900:not(.static):focus,
html.system-dark .focus\:outline-gray-900:not(.static):focus {
  outline-color: #fff !important;
}
html.dark .outline-indigo-50:not(.static),
html.system-dark .outline-indigo-50:not(.static) {
  outline-color: #fff7ed !important;
}
html.dark .hover\:outline-indigo-50:not(.static):hover,
html.system-dark .hover\:outline-indigo-50:not(.static):hover {
  outline-color: #fff7ed !important;
}
html.dark .focus\:outline-indigo-50:not(.static):focus,
html.system-dark .focus\:outline-indigo-50:not(.static):focus {
  outline-color: #fff7ed !important;
}
html.dark .outline-indigo-100:not(.static),
html.system-dark .outline-indigo-100:not(.static) {
  outline-color: #ffedd5 !important;
}
html.dark .hover\:outline-indigo-100:not(.static):hover,
html.system-dark .hover\:outline-indigo-100:not(.static):hover {
  outline-color: #ffedd5 !important;
}
html.dark .focus\:outline-indigo-100:not(.static):focus,
html.system-dark .focus\:outline-indigo-100:not(.static):focus {
  outline-color: #ffedd5 !important;
}
html.dark .outline-indigo-200:not(.static),
html.system-dark .outline-indigo-200:not(.static) {
  outline-color: #fed7aa !important;
}
html.dark .hover\:outline-indigo-200:not(.static):hover,
html.system-dark .hover\:outline-indigo-200:not(.static):hover {
  outline-color: #fed7aa !important;
}
html.dark .focus\:outline-indigo-200:not(.static):focus,
html.system-dark .focus\:outline-indigo-200:not(.static):focus {
  outline-color: #fed7aa !important;
}
html.dark .outline-indigo-300:not(.static),
html.system-dark .outline-indigo-300:not(.static) {
  outline-color: #fdba74 !important;
}
html.dark .hover\:outline-indigo-300:not(.static):hover,
html.system-dark .hover\:outline-indigo-300:not(.static):hover {
  outline-color: #fdba74 !important;
}
html.dark .focus\:outline-indigo-300:not(.static):focus,
html.system-dark .focus\:outline-indigo-300:not(.static):focus {
  outline-color: #fdba74 !important;
}
html.dark .outline-indigo-400:not(.static),
html.system-dark .outline-indigo-400:not(.static) {
  outline-color: #fb923c !important;
}
html.dark .hover\:outline-indigo-400:not(.static):hover,
html.system-dark .hover\:outline-indigo-400:not(.static):hover {
  outline-color: #fb923c !important;
}
html.dark .focus\:outline-indigo-400:not(.static):focus,
html.system-dark .focus\:outline-indigo-400:not(.static):focus {
  outline-color: #fb923c !important;
}
html.dark .outline-indigo-500:not(.static),
html.system-dark .outline-indigo-500:not(.static) {
  outline-color: #f97316 !important;
}
html.dark .hover\:outline-indigo-500:not(.static):hover,
html.system-dark .hover\:outline-indigo-500:not(.static):hover {
  outline-color: #f97316 !important;
}
html.dark .focus\:outline-indigo-500:not(.static):focus,
html.system-dark .focus\:outline-indigo-500:not(.static):focus {
  outline-color: #f97316 !important;
}
html.dark .outline-indigo-600:not(.static),
html.system-dark .outline-indigo-600:not(.static) {
  outline-color: #ea580c !important;
}
html.dark .hover\:outline-indigo-600:not(.static):hover,
html.system-dark .hover\:outline-indigo-600:not(.static):hover {
  outline-color: #ea580c !important;
}
html.dark .focus\:outline-indigo-600:not(.static):focus,
html.system-dark .focus\:outline-indigo-600:not(.static):focus {
  outline-color: #ea580c !important;
}
html.dark .outline-indigo-700:not(.static),
html.system-dark .outline-indigo-700:not(.static) {
  outline-color: #c2410c !important;
}
html.dark .hover\:outline-indigo-700:not(.static):hover,
html.system-dark .hover\:outline-indigo-700:not(.static):hover {
  outline-color: #c2410c !important;
}
html.dark .focus\:outline-indigo-700:not(.static):focus,
html.system-dark .focus\:outline-indigo-700:not(.static):focus {
  outline-color: #c2410c !important;
}
html.dark .outline-indigo-800:not(.static),
html.system-dark .outline-indigo-800:not(.static) {
  outline-color: #9a3412 !important;
}
html.dark .hover\:outline-indigo-800:not(.static):hover,
html.system-dark .hover\:outline-indigo-800:not(.static):hover {
  outline-color: #9a3412 !important;
}
html.dark .focus\:outline-indigo-800:not(.static):focus,
html.system-dark .focus\:outline-indigo-800:not(.static):focus {
  outline-color: #9a3412 !important;
}
html.dark .outline-indigo-900:not(.static),
html.system-dark .outline-indigo-900:not(.static) {
  outline-color: #7c2d12 !important;
}
html.dark .hover\:outline-indigo-900:not(.static):hover,
html.system-dark .hover\:outline-indigo-900:not(.static):hover {
  outline-color: #7c2d12 !important;
}
html.dark .focus\:outline-indigo-900:not(.static):focus,
html.system-dark .focus\:outline-indigo-900:not(.static):focus {
  outline-color: #7c2d12 !important;
}
html.dark .outline-sky-50:not(.static),
html.system-dark .outline-sky-50:not(.static) {
  outline-color: #f0f9ff !important;
}
html.dark .hover\:outline-sky-50:not(.static):hover,
html.system-dark .hover\:outline-sky-50:not(.static):hover {
  outline-color: #f0f9ff !important;
}
html.dark .focus\:outline-sky-50:not(.static):focus,
html.system-dark .focus\:outline-sky-50:not(.static):focus {
  outline-color: #f0f9ff !important;
}
html.dark .outline-sky-100:not(.static),
html.system-dark .outline-sky-100:not(.static) {
  outline-color: #e0f2fe !important;
}
html.dark .hover\:outline-sky-100:not(.static):hover,
html.system-dark .hover\:outline-sky-100:not(.static):hover {
  outline-color: #e0f2fe !important;
}
html.dark .focus\:outline-sky-100:not(.static):focus,
html.system-dark .focus\:outline-sky-100:not(.static):focus {
  outline-color: #e0f2fe !important;
}
html.dark .outline-sky-200:not(.static),
html.system-dark .outline-sky-200:not(.static) {
  outline-color: #bae6fd !important;
}
html.dark .hover\:outline-sky-200:not(.static):hover,
html.system-dark .hover\:outline-sky-200:not(.static):hover {
  outline-color: #bae6fd !important;
}
html.dark .focus\:outline-sky-200:not(.static):focus,
html.system-dark .focus\:outline-sky-200:not(.static):focus {
  outline-color: #bae6fd !important;
}
html.dark .outline-sky-300:not(.static),
html.system-dark .outline-sky-300:not(.static) {
  outline-color: #7dd3fc !important;
}
html.dark .hover\:outline-sky-300:not(.static):hover,
html.system-dark .hover\:outline-sky-300:not(.static):hover {
  outline-color: #7dd3fc !important;
}
html.dark .focus\:outline-sky-300:not(.static):focus,
html.system-dark .focus\:outline-sky-300:not(.static):focus {
  outline-color: #7dd3fc !important;
}
html.dark .outline-sky-400:not(.static),
html.system-dark .outline-sky-400:not(.static) {
  outline-color: #38bdf8 !important;
}
html.dark .hover\:outline-sky-400:not(.static):hover,
html.system-dark .hover\:outline-sky-400:not(.static):hover {
  outline-color: #38bdf8 !important;
}
html.dark .focus\:outline-sky-400:not(.static):focus,
html.system-dark .focus\:outline-sky-400:not(.static):focus {
  outline-color: #38bdf8 !important;
}
html.dark .outline-sky-500:not(.static),
html.system-dark .outline-sky-500:not(.static) {
  outline-color: #ea580c !important;
}
html.dark .hover\:outline-sky-500:not(.static):hover,
html.system-dark .hover\:outline-sky-500:not(.static):hover {
  outline-color: #ea580c !important;
}
html.dark .focus\:outline-sky-500:not(.static):focus,
html.system-dark .focus\:outline-sky-500:not(.static):focus {
  outline-color: #ea580c !important;
}
html.dark .outline-sky-600:not(.static),
html.system-dark .outline-sky-600:not(.static) {
  outline-color: #0284c7 !important;
}
html.dark .hover\:outline-sky-600:not(.static):hover,
html.system-dark .hover\:outline-sky-600:not(.static):hover {
  outline-color: #0284c7 !important;
}
html.dark .focus\:outline-sky-600:not(.static):focus,
html.system-dark .focus\:outline-sky-600:not(.static):focus {
  outline-color: #0284c7 !important;
}
html.dark .outline-sky-700:not(.static),
html.system-dark .outline-sky-700:not(.static) {
  outline-color: #0369a1 !important;
}
html.dark .hover\:outline-sky-700:not(.static):hover,
html.system-dark .hover\:outline-sky-700:not(.static):hover {
  outline-color: #0369a1 !important;
}
html.dark .focus\:outline-sky-700:not(.static):focus,
html.system-dark .focus\:outline-sky-700:not(.static):focus {
  outline-color: #0369a1 !important;
}
html.dark .outline-sky-800:not(.static),
html.system-dark .outline-sky-800:not(.static) {
  outline-color: #075985 !important;
}
html.dark .hover\:outline-sky-800:not(.static):hover,
html.system-dark .hover\:outline-sky-800:not(.static):hover {
  outline-color: #075985 !important;
}
html.dark .focus\:outline-sky-800:not(.static):focus,
html.system-dark .focus\:outline-sky-800:not(.static):focus {
  outline-color: #075985 !important;
}
html.dark .outline-sky-900:not(.static),
html.system-dark .outline-sky-900:not(.static) {
  outline-color: #0c4a6e !important;
}
html.dark .hover\:outline-sky-900:not(.static):hover,
html.system-dark .hover\:outline-sky-900:not(.static):hover {
  outline-color: #0c4a6e !important;
}
html.dark .focus\:outline-sky-900:not(.static):focus,
html.system-dark .focus\:outline-sky-900:not(.static):focus {
  outline-color: #0c4a6e !important;
}
html.dark .divide-white:not(.static),
html.system-dark .divide-white:not(.static) {
  border-color: #3c3c3c !important;
}
html.dark .divide-black:not(.static),
html.system-dark .divide-black:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:divide-white:not(.static):hover,
html.system-dark .hover\:divide-white:not(.static):hover {
  border-color: #3c3c3c !important;
}
html.dark .hover\:divide-black:not(.static):hover,
html.system-dark .hover\:divide-black:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:divide-white:not(.static):focus,
html.system-dark .focus\:divide-white:not(.static):focus {
  border-color: #3c3c3c !important;
}
html.dark .focus\:divide-black:not(.static):focus,
html.system-dark .focus\:divide-black:not(.static):focus {
  border-color: #fff !important;
}
html.dark .divide-slate-50:not(.static),
html.system-dark .divide-slate-50:not(.static) {
  border-color: #f8fafc !important;
}
html.dark .hover\:divide-slate-50:not(.static):hover,
html.system-dark .hover\:divide-slate-50:not(.static):hover {
  border-color: #f8fafc !important;
}
html.dark .focus\:divide-slate-50:not(.static):focus,
html.system-dark .focus\:divide-slate-50:not(.static):focus {
  border-color: #f8fafc !important;
}
html.dark .divide-slate-100:not(.static),
html.system-dark .divide-slate-100:not(.static) {
  border-color: #5e5e5e !important;
}
html.dark .hover\:divide-slate-100:not(.static):hover,
html.system-dark .hover\:divide-slate-100:not(.static):hover {
  border-color: #5e5e5e !important;
}
html.dark .focus\:divide-slate-100:not(.static):focus,
html.system-dark .focus\:divide-slate-100:not(.static):focus {
  border-color: #5e5e5e !important;
}
html.dark .divide-slate-200:not(.static),
html.system-dark .divide-slate-200:not(.static) {
  border-color: #e2e8f0 !important;
}
html.dark .hover\:divide-slate-200:not(.static):hover,
html.system-dark .hover\:divide-slate-200:not(.static):hover {
  border-color: #e2e8f0 !important;
}
html.dark .focus\:divide-slate-200:not(.static):focus,
html.system-dark .focus\:divide-slate-200:not(.static):focus {
  border-color: #e2e8f0 !important;
}
html.dark .divide-slate-300:not(.static),
html.system-dark .divide-slate-300:not(.static) {
  border-color: #cbd5e1 !important;
}
html.dark .hover\:divide-slate-300:not(.static):hover,
html.system-dark .hover\:divide-slate-300:not(.static):hover {
  border-color: #cbd5e1 !important;
}
html.dark .focus\:divide-slate-300:not(.static):focus,
html.system-dark .focus\:divide-slate-300:not(.static):focus {
  border-color: #cbd5e1 !important;
}
html.dark .divide-slate-400:not(.static),
html.system-dark .divide-slate-400:not(.static) {
  border-color: #94a3b8 !important;
}
html.dark .hover\:divide-slate-400:not(.static):hover,
html.system-dark .hover\:divide-slate-400:not(.static):hover {
  border-color: #94a3b8 !important;
}
html.dark .focus\:divide-slate-400:not(.static):focus,
html.system-dark .focus\:divide-slate-400:not(.static):focus {
  border-color: #94a3b8 !important;
}
html.dark .divide-slate-500:not(.static),
html.system-dark .divide-slate-500:not(.static) {
  border-color: #64748b !important;
}
html.dark .hover\:divide-slate-500:not(.static):hover,
html.system-dark .hover\:divide-slate-500:not(.static):hover {
  border-color: #64748b !important;
}
html.dark .focus\:divide-slate-500:not(.static):focus,
html.system-dark .focus\:divide-slate-500:not(.static):focus {
  border-color: #64748b !important;
}
html.dark .divide-slate-600:not(.static),
html.system-dark .divide-slate-600:not(.static) {
  border-color: #475569 !important;
}
html.dark .hover\:divide-slate-600:not(.static):hover,
html.system-dark .hover\:divide-slate-600:not(.static):hover {
  border-color: #475569 !important;
}
html.dark .focus\:divide-slate-600:not(.static):focus,
html.system-dark .focus\:divide-slate-600:not(.static):focus {
  border-color: #475569 !important;
}
html.dark .divide-slate-700:not(.static),
html.system-dark .divide-slate-700:not(.static) {
  border-color: #334155 !important;
}
html.dark .hover\:divide-slate-700:not(.static):hover,
html.system-dark .hover\:divide-slate-700:not(.static):hover {
  border-color: #334155 !important;
}
html.dark .focus\:divide-slate-700:not(.static):focus,
html.system-dark .focus\:divide-slate-700:not(.static):focus {
  border-color: #334155 !important;
}
html.dark .divide-slate-800:not(.static),
html.system-dark .divide-slate-800:not(.static) {
  border-color: #1e293b !important;
}
html.dark .hover\:divide-slate-800:not(.static):hover,
html.system-dark .hover\:divide-slate-800:not(.static):hover {
  border-color: #1e293b !important;
}
html.dark .focus\:divide-slate-800:not(.static):focus,
html.system-dark .focus\:divide-slate-800:not(.static):focus {
  border-color: #1e293b !important;
}
html.dark .divide-slate-900:not(.static),
html.system-dark .divide-slate-900:not(.static) {
  border-color: #0f172a !important;
}
html.dark .hover\:divide-slate-900:not(.static):hover,
html.system-dark .hover\:divide-slate-900:not(.static):hover {
  border-color: #0f172a !important;
}
html.dark .focus\:divide-slate-900:not(.static):focus,
html.system-dark .focus\:divide-slate-900:not(.static):focus {
  border-color: #0f172a !important;
}
html.dark .divide-gray-50:not(.static),
html.system-dark .divide-gray-50:not(.static) {
  border-color: #4d4d4d !important;
}
html.dark .hover\:divide-gray-50:not(.static):hover,
html.system-dark .hover\:divide-gray-50:not(.static):hover {
  border-color: #4d4d4d !important;
}
html.dark .focus\:divide-gray-50:not(.static):focus,
html.system-dark .focus\:divide-gray-50:not(.static):focus {
  border-color: #4d4d4d !important;
}
html.dark .divide-gray-100:not(.static),
html.system-dark .divide-gray-100:not(.static) {
  border-color: #5c5c5c !important;
}
html.dark .hover\:divide-gray-100:not(.static):hover,
html.system-dark .hover\:divide-gray-100:not(.static):hover {
  border-color: #5c5c5c !important;
}
html.dark .focus\:divide-gray-100:not(.static):focus,
html.system-dark .focus\:divide-gray-100:not(.static):focus {
  border-color: #5c5c5c !important;
}
html.dark .divide-gray-200:not(.static),
html.system-dark .divide-gray-200:not(.static) {
  border-color: #5e5e5e !important;
}
html.dark .hover\:divide-gray-200:not(.static):hover,
html.system-dark .hover\:divide-gray-200:not(.static):hover {
  border-color: #5e5e5e !important;
}
html.dark .focus\:divide-gray-200:not(.static):focus,
html.system-dark .focus\:divide-gray-200:not(.static):focus {
  border-color: #5e5e5e !important;
}
html.dark .divide-gray-300:not(.static),
html.system-dark .divide-gray-300:not(.static) {
  border-color: #d1d5db !important;
}
html.dark .hover\:divide-gray-300:not(.static):hover,
html.system-dark .hover\:divide-gray-300:not(.static):hover {
  border-color: #d1d5db !important;
}
html.dark .focus\:divide-gray-300:not(.static):focus,
html.system-dark .focus\:divide-gray-300:not(.static):focus {
  border-color: #d1d5db !important;
}
html.dark .divide-gray-400:not(.static),
html.system-dark .divide-gray-400:not(.static) {
  border-color: #9ca3af !important;
}
html.dark .hover\:divide-gray-400:not(.static):hover,
html.system-dark .hover\:divide-gray-400:not(.static):hover {
  border-color: #9ca3af !important;
}
html.dark .focus\:divide-gray-400:not(.static):focus,
html.system-dark .focus\:divide-gray-400:not(.static):focus {
  border-color: #9ca3af !important;
}
html.dark .divide-gray-500:not(.static),
html.system-dark .divide-gray-500:not(.static) {
  border-color: #6b7280 !important;
}
html.dark .hover\:divide-gray-500:not(.static):hover,
html.system-dark .hover\:divide-gray-500:not(.static):hover {
  border-color: #6b7280 !important;
}
html.dark .focus\:divide-gray-500:not(.static):focus,
html.system-dark .focus\:divide-gray-500:not(.static):focus {
  border-color: #6b7280 !important;
}
html.dark .divide-gray-600:not(.static),
html.system-dark .divide-gray-600:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:divide-gray-600:not(.static):hover,
html.system-dark .hover\:divide-gray-600:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:divide-gray-600:not(.static):focus,
html.system-dark .focus\:divide-gray-600:not(.static):focus {
  border-color: #fff !important;
}
html.dark .divide-gray-700:not(.static),
html.system-dark .divide-gray-700:not(.static) {
  border-color: #f1f1f1 !important;
}
html.dark .hover\:divide-gray-700:not(.static):hover,
html.system-dark .hover\:divide-gray-700:not(.static):hover {
  border-color: #f1f1f1 !important;
}
html.dark .focus\:divide-gray-700:not(.static):focus,
html.system-dark .focus\:divide-gray-700:not(.static):focus {
  border-color: #f1f1f1 !important;
}
html.dark .divide-gray-800:not(.static),
html.system-dark .divide-gray-800:not(.static) {
  border-color: #252525 !important;
}
html.dark .hover\:divide-gray-800:not(.static):hover,
html.system-dark .hover\:divide-gray-800:not(.static):hover {
  border-color: #252525 !important;
}
html.dark .focus\:divide-gray-800:not(.static):focus,
html.system-dark .focus\:divide-gray-800:not(.static):focus {
  border-color: #252525 !important;
}
html.dark .divide-gray-900:not(.static),
html.system-dark .divide-gray-900:not(.static) {
  border-color: #fff !important;
}
html.dark .hover\:divide-gray-900:not(.static):hover,
html.system-dark .hover\:divide-gray-900:not(.static):hover {
  border-color: #fff !important;
}
html.dark .focus\:divide-gray-900:not(.static):focus,
html.system-dark .focus\:divide-gray-900:not(.static):focus {
  border-color: #fff !important;
}
html.dark .divide-indigo-50:not(.static),
html.system-dark .divide-indigo-50:not(.static) {
  border-color: #fff7ed !important;
}
html.dark .hover\:divide-indigo-50:not(.static):hover,
html.system-dark .hover\:divide-indigo-50:not(.static):hover {
  border-color: #fff7ed !important;
}
html.dark .focus\:divide-indigo-50:not(.static):focus,
html.system-dark .focus\:divide-indigo-50:not(.static):focus {
  border-color: #fff7ed !important;
}
html.dark .divide-indigo-100:not(.static),
html.system-dark .divide-indigo-100:not(.static) {
  border-color: #ffedd5 !important;
}
html.dark .hover\:divide-indigo-100:not(.static):hover,
html.system-dark .hover\:divide-indigo-100:not(.static):hover {
  border-color: #ffedd5 !important;
}
html.dark .focus\:divide-indigo-100:not(.static):focus,
html.system-dark .focus\:divide-indigo-100:not(.static):focus {
  border-color: #ffedd5 !important;
}
html.dark .divide-indigo-200:not(.static),
html.system-dark .divide-indigo-200:not(.static) {
  border-color: #fed7aa !important;
}
html.dark .hover\:divide-indigo-200:not(.static):hover,
html.system-dark .hover\:divide-indigo-200:not(.static):hover {
  border-color: #fed7aa !important;
}
html.dark .focus\:divide-indigo-200:not(.static):focus,
html.system-dark .focus\:divide-indigo-200:not(.static):focus {
  border-color: #fed7aa !important;
}
html.dark .divide-indigo-300:not(.static),
html.system-dark .divide-indigo-300:not(.static) {
  border-color: #fdba74 !important;
}
html.dark .hover\:divide-indigo-300:not(.static):hover,
html.system-dark .hover\:divide-indigo-300:not(.static):hover {
  border-color: #fdba74 !important;
}
html.dark .focus\:divide-indigo-300:not(.static):focus,
html.system-dark .focus\:divide-indigo-300:not(.static):focus {
  border-color: #fdba74 !important;
}
html.dark .divide-indigo-400:not(.static),
html.system-dark .divide-indigo-400:not(.static) {
  border-color: #fb923c !important;
}
html.dark .hover\:divide-indigo-400:not(.static):hover,
html.system-dark .hover\:divide-indigo-400:not(.static):hover {
  border-color: #fb923c !important;
}
html.dark .focus\:divide-indigo-400:not(.static):focus,
html.system-dark .focus\:divide-indigo-400:not(.static):focus {
  border-color: #fb923c !important;
}
html.dark .divide-indigo-500:not(.static),
html.system-dark .divide-indigo-500:not(.static) {
  border-color: #f97316 !important;
}
html.dark .hover\:divide-indigo-500:not(.static):hover,
html.system-dark .hover\:divide-indigo-500:not(.static):hover {
  border-color: #f97316 !important;
}
html.dark .focus\:divide-indigo-500:not(.static):focus,
html.system-dark .focus\:divide-indigo-500:not(.static):focus {
  border-color: #f97316 !important;
}
html.dark .divide-indigo-600:not(.static),
html.system-dark .divide-indigo-600:not(.static) {
  border-color: #ea580c !important;
}
html.dark .hover\:divide-indigo-600:not(.static):hover,
html.system-dark .hover\:divide-indigo-600:not(.static):hover {
  border-color: #ea580c !important;
}
html.dark .focus\:divide-indigo-600:not(.static):focus,
html.system-dark .focus\:divide-indigo-600:not(.static):focus {
  border-color: #ea580c !important;
}
html.dark .divide-indigo-700:not(.static),
html.system-dark .divide-indigo-700:not(.static) {
  border-color: #c2410c !important;
}
html.dark .hover\:divide-indigo-700:not(.static):hover,
html.system-dark .hover\:divide-indigo-700:not(.static):hover {
  border-color: #c2410c !important;
}
html.dark .focus\:divide-indigo-700:not(.static):focus,
html.system-dark .focus\:divide-indigo-700:not(.static):focus {
  border-color: #c2410c !important;
}
html.dark .divide-indigo-800:not(.static),
html.system-dark .divide-indigo-800:not(.static) {
  border-color: #9a3412 !important;
}
html.dark .hover\:divide-indigo-800:not(.static):hover,
html.system-dark .hover\:divide-indigo-800:not(.static):hover {
  border-color: #9a3412 !important;
}
html.dark .focus\:divide-indigo-800:not(.static):focus,
html.system-dark .focus\:divide-indigo-800:not(.static):focus {
  border-color: #9a3412 !important;
}
html.dark .divide-indigo-900:not(.static),
html.system-dark .divide-indigo-900:not(.static) {
  border-color: #7c2d12 !important;
}
html.dark .hover\:divide-indigo-900:not(.static):hover,
html.system-dark .hover\:divide-indigo-900:not(.static):hover {
  border-color: #7c2d12 !important;
}
html.dark .focus\:divide-indigo-900:not(.static):focus,
html.system-dark .focus\:divide-indigo-900:not(.static):focus {
  border-color: #7c2d12 !important;
}
html.dark .divide-sky-50:not(.static),
html.system-dark .divide-sky-50:not(.static) {
  border-color: #f0f9ff !important;
}
html.dark .hover\:divide-sky-50:not(.static):hover,
html.system-dark .hover\:divide-sky-50:not(.static):hover {
  border-color: #f0f9ff !important;
}
html.dark .focus\:divide-sky-50:not(.static):focus,
html.system-dark .focus\:divide-sky-50:not(.static):focus {
  border-color: #f0f9ff !important;
}
html.dark .divide-sky-100:not(.static),
html.system-dark .divide-sky-100:not(.static) {
  border-color: #e0f2fe !important;
}
html.dark .hover\:divide-sky-100:not(.static):hover,
html.system-dark .hover\:divide-sky-100:not(.static):hover {
  border-color: #e0f2fe !important;
}
html.dark .focus\:divide-sky-100:not(.static):focus,
html.system-dark .focus\:divide-sky-100:not(.static):focus {
  border-color: #e0f2fe !important;
}
html.dark .divide-sky-200:not(.static),
html.system-dark .divide-sky-200:not(.static) {
  border-color: #bae6fd !important;
}
html.dark .hover\:divide-sky-200:not(.static):hover,
html.system-dark .hover\:divide-sky-200:not(.static):hover {
  border-color: #bae6fd !important;
}
html.dark .focus\:divide-sky-200:not(.static):focus,
html.system-dark .focus\:divide-sky-200:not(.static):focus {
  border-color: #bae6fd !important;
}
html.dark .divide-sky-300:not(.static),
html.system-dark .divide-sky-300:not(.static) {
  border-color: #7dd3fc !important;
}
html.dark .hover\:divide-sky-300:not(.static):hover,
html.system-dark .hover\:divide-sky-300:not(.static):hover {
  border-color: #7dd3fc !important;
}
html.dark .focus\:divide-sky-300:not(.static):focus,
html.system-dark .focus\:divide-sky-300:not(.static):focus {
  border-color: #7dd3fc !important;
}
html.dark .divide-sky-400:not(.static),
html.system-dark .divide-sky-400:not(.static) {
  border-color: #38bdf8 !important;
}
html.dark .hover\:divide-sky-400:not(.static):hover,
html.system-dark .hover\:divide-sky-400:not(.static):hover {
  border-color: #38bdf8 !important;
}
html.dark .focus\:divide-sky-400:not(.static):focus,
html.system-dark .focus\:divide-sky-400:not(.static):focus {
  border-color: #38bdf8 !important;
}
html.dark .divide-sky-500:not(.static),
html.system-dark .divide-sky-500:not(.static) {
  border-color: #ea580c !important;
}
html.dark .hover\:divide-sky-500:not(.static):hover,
html.system-dark .hover\:divide-sky-500:not(.static):hover {
  border-color: #ea580c !important;
}
html.dark .focus\:divide-sky-500:not(.static):focus,
html.system-dark .focus\:divide-sky-500:not(.static):focus {
  border-color: #ea580c !important;
}
html.dark .divide-sky-600:not(.static),
html.system-dark .divide-sky-600:not(.static) {
  border-color: #0284c7 !important;
}
html.dark .hover\:divide-sky-600:not(.static):hover,
html.system-dark .hover\:divide-sky-600:not(.static):hover {
  border-color: #0284c7 !important;
}
html.dark .focus\:divide-sky-600:not(.static):focus,
html.system-dark .focus\:divide-sky-600:not(.static):focus {
  border-color: #0284c7 !important;
}
html.dark .divide-sky-700:not(.static),
html.system-dark .divide-sky-700:not(.static) {
  border-color: #0369a1 !important;
}
html.dark .hover\:divide-sky-700:not(.static):hover,
html.system-dark .hover\:divide-sky-700:not(.static):hover {
  border-color: #0369a1 !important;
}
html.dark .focus\:divide-sky-700:not(.static):focus,
html.system-dark .focus\:divide-sky-700:not(.static):focus {
  border-color: #0369a1 !important;
}
html.dark .divide-sky-800:not(.static),
html.system-dark .divide-sky-800:not(.static) {
  border-color: #075985 !important;
}
html.dark .hover\:divide-sky-800:not(.static):hover,
html.system-dark .hover\:divide-sky-800:not(.static):hover {
  border-color: #075985 !important;
}
html.dark .focus\:divide-sky-800:not(.static):focus,
html.system-dark .focus\:divide-sky-800:not(.static):focus {
  border-color: #075985 !important;
}
html.dark .divide-sky-900:not(.static),
html.system-dark .divide-sky-900:not(.static) {
  border-color: #0c4a6e !important;
}
html.dark .hover\:divide-sky-900:not(.static):hover,
html.system-dark .hover\:divide-sky-900:not(.static):hover {
  border-color: #0c4a6e !important;
}
html.dark .focus\:divide-sky-900:not(.static):focus,
html.system-dark .focus\:divide-sky-900:not(.static):focus {
  border-color: #0c4a6e !important;
}
html.dark .caret-white:not(.static),
html.system-dark .caret-white:not(.static) {
  caret-color: #3c3c3c !important;
}
html.dark .caret-black:not(.static),
html.system-dark .caret-black:not(.static) {
  caret-color: #fff !important;
}
html.dark .hover\:caret-white:not(.static):hover,
html.system-dark .hover\:caret-white:not(.static):hover {
  caret-color: #3c3c3c !important;
}
html.dark .hover\:caret-black:not(.static):hover,
html.system-dark .hover\:caret-black:not(.static):hover {
  caret-color: #fff !important;
}
html.dark .focus\:caret-white:not(.static):focus,
html.system-dark .focus\:caret-white:not(.static):focus {
  caret-color: #3c3c3c !important;
}
html.dark .focus\:caret-black:not(.static):focus,
html.system-dark .focus\:caret-black:not(.static):focus {
  caret-color: #fff !important;
}
html.dark .caret-slate-50:not(.static),
html.system-dark .caret-slate-50:not(.static) {
  caret-color: #f8fafc !important;
}
html.dark .hover\:caret-slate-50:not(.static):hover,
html.system-dark .hover\:caret-slate-50:not(.static):hover {
  caret-color: #f8fafc !important;
}
html.dark .focus\:caret-slate-50:not(.static):focus,
html.system-dark .focus\:caret-slate-50:not(.static):focus {
  caret-color: #f8fafc !important;
}
html.dark .caret-slate-100:not(.static),
html.system-dark .caret-slate-100:not(.static) {
  caret-color: #5e5e5e !important;
}
html.dark .hover\:caret-slate-100:not(.static):hover,
html.system-dark .hover\:caret-slate-100:not(.static):hover {
  caret-color: #5e5e5e !important;
}
html.dark .focus\:caret-slate-100:not(.static):focus,
html.system-dark .focus\:caret-slate-100:not(.static):focus {
  caret-color: #5e5e5e !important;
}
html.dark .caret-slate-200:not(.static),
html.system-dark .caret-slate-200:not(.static) {
  caret-color: #e2e8f0 !important;
}
html.dark .hover\:caret-slate-200:not(.static):hover,
html.system-dark .hover\:caret-slate-200:not(.static):hover {
  caret-color: #e2e8f0 !important;
}
html.dark .focus\:caret-slate-200:not(.static):focus,
html.system-dark .focus\:caret-slate-200:not(.static):focus {
  caret-color: #e2e8f0 !important;
}
html.dark .caret-slate-300:not(.static),
html.system-dark .caret-slate-300:not(.static) {
  caret-color: #cbd5e1 !important;
}
html.dark .hover\:caret-slate-300:not(.static):hover,
html.system-dark .hover\:caret-slate-300:not(.static):hover {
  caret-color: #cbd5e1 !important;
}
html.dark .focus\:caret-slate-300:not(.static):focus,
html.system-dark .focus\:caret-slate-300:not(.static):focus {
  caret-color: #cbd5e1 !important;
}
html.dark .caret-slate-400:not(.static),
html.system-dark .caret-slate-400:not(.static) {
  caret-color: #94a3b8 !important;
}
html.dark .hover\:caret-slate-400:not(.static):hover,
html.system-dark .hover\:caret-slate-400:not(.static):hover {
  caret-color: #94a3b8 !important;
}
html.dark .focus\:caret-slate-400:not(.static):focus,
html.system-dark .focus\:caret-slate-400:not(.static):focus {
  caret-color: #94a3b8 !important;
}
html.dark .caret-slate-500:not(.static),
html.system-dark .caret-slate-500:not(.static) {
  caret-color: #64748b !important;
}
html.dark .hover\:caret-slate-500:not(.static):hover,
html.system-dark .hover\:caret-slate-500:not(.static):hover {
  caret-color: #64748b !important;
}
html.dark .focus\:caret-slate-500:not(.static):focus,
html.system-dark .focus\:caret-slate-500:not(.static):focus {
  caret-color: #64748b !important;
}
html.dark .caret-slate-600:not(.static),
html.system-dark .caret-slate-600:not(.static) {
  caret-color: #475569 !important;
}
html.dark .hover\:caret-slate-600:not(.static):hover,
html.system-dark .hover\:caret-slate-600:not(.static):hover {
  caret-color: #475569 !important;
}
html.dark .focus\:caret-slate-600:not(.static):focus,
html.system-dark .focus\:caret-slate-600:not(.static):focus {
  caret-color: #475569 !important;
}
html.dark .caret-slate-700:not(.static),
html.system-dark .caret-slate-700:not(.static) {
  caret-color: #334155 !important;
}
html.dark .hover\:caret-slate-700:not(.static):hover,
html.system-dark .hover\:caret-slate-700:not(.static):hover {
  caret-color: #334155 !important;
}
html.dark .focus\:caret-slate-700:not(.static):focus,
html.system-dark .focus\:caret-slate-700:not(.static):focus {
  caret-color: #334155 !important;
}
html.dark .caret-slate-800:not(.static),
html.system-dark .caret-slate-800:not(.static) {
  caret-color: #1e293b !important;
}
html.dark .hover\:caret-slate-800:not(.static):hover,
html.system-dark .hover\:caret-slate-800:not(.static):hover {
  caret-color: #1e293b !important;
}
html.dark .focus\:caret-slate-800:not(.static):focus,
html.system-dark .focus\:caret-slate-800:not(.static):focus {
  caret-color: #1e293b !important;
}
html.dark .caret-slate-900:not(.static),
html.system-dark .caret-slate-900:not(.static) {
  caret-color: #0f172a !important;
}
html.dark .hover\:caret-slate-900:not(.static):hover,
html.system-dark .hover\:caret-slate-900:not(.static):hover {
  caret-color: #0f172a !important;
}
html.dark .focus\:caret-slate-900:not(.static):focus,
html.system-dark .focus\:caret-slate-900:not(.static):focus {
  caret-color: #0f172a !important;
}
html.dark .caret-gray-50:not(.static),
html.system-dark .caret-gray-50:not(.static) {
  caret-color: #4d4d4d !important;
}
html.dark .hover\:caret-gray-50:not(.static):hover,
html.system-dark .hover\:caret-gray-50:not(.static):hover {
  caret-color: #4d4d4d !important;
}
html.dark .focus\:caret-gray-50:not(.static):focus,
html.system-dark .focus\:caret-gray-50:not(.static):focus {
  caret-color: #4d4d4d !important;
}
html.dark .caret-gray-100:not(.static),
html.system-dark .caret-gray-100:not(.static) {
  caret-color: #5c5c5c !important;
}
html.dark .hover\:caret-gray-100:not(.static):hover,
html.system-dark .hover\:caret-gray-100:not(.static):hover {
  caret-color: #5c5c5c !important;
}
html.dark .focus\:caret-gray-100:not(.static):focus,
html.system-dark .focus\:caret-gray-100:not(.static):focus {
  caret-color: #5c5c5c !important;
}
html.dark .caret-gray-200:not(.static),
html.system-dark .caret-gray-200:not(.static) {
  caret-color: #5e5e5e !important;
}
html.dark .hover\:caret-gray-200:not(.static):hover,
html.system-dark .hover\:caret-gray-200:not(.static):hover {
  caret-color: #5e5e5e !important;
}
html.dark .focus\:caret-gray-200:not(.static):focus,
html.system-dark .focus\:caret-gray-200:not(.static):focus {
  caret-color: #5e5e5e !important;
}
html.dark .caret-gray-300:not(.static),
html.system-dark .caret-gray-300:not(.static) {
  caret-color: #d1d5db !important;
}
html.dark .hover\:caret-gray-300:not(.static):hover,
html.system-dark .hover\:caret-gray-300:not(.static):hover {
  caret-color: #d1d5db !important;
}
html.dark .focus\:caret-gray-300:not(.static):focus,
html.system-dark .focus\:caret-gray-300:not(.static):focus {
  caret-color: #d1d5db !important;
}
html.dark .caret-gray-400:not(.static),
html.system-dark .caret-gray-400:not(.static) {
  caret-color: #9ca3af !important;
}
html.dark .hover\:caret-gray-400:not(.static):hover,
html.system-dark .hover\:caret-gray-400:not(.static):hover {
  caret-color: #9ca3af !important;
}
html.dark .focus\:caret-gray-400:not(.static):focus,
html.system-dark .focus\:caret-gray-400:not(.static):focus {
  caret-color: #9ca3af !important;
}
html.dark .caret-gray-500:not(.static),
html.system-dark .caret-gray-500:not(.static) {
  caret-color: #6b7280 !important;
}
html.dark .hover\:caret-gray-500:not(.static):hover,
html.system-dark .hover\:caret-gray-500:not(.static):hover {
  caret-color: #6b7280 !important;
}
html.dark .focus\:caret-gray-500:not(.static):focus,
html.system-dark .focus\:caret-gray-500:not(.static):focus {
  caret-color: #6b7280 !important;
}
html.dark .caret-gray-600:not(.static),
html.system-dark .caret-gray-600:not(.static) {
  caret-color: #fff !important;
}
html.dark .hover\:caret-gray-600:not(.static):hover,
html.system-dark .hover\:caret-gray-600:not(.static):hover {
  caret-color: #fff !important;
}
html.dark .focus\:caret-gray-600:not(.static):focus,
html.system-dark .focus\:caret-gray-600:not(.static):focus {
  caret-color: #fff !important;
}
html.dark .caret-gray-700:not(.static),
html.system-dark .caret-gray-700:not(.static) {
  caret-color: #f1f1f1 !important;
}
html.dark .hover\:caret-gray-700:not(.static):hover,
html.system-dark .hover\:caret-gray-700:not(.static):hover {
  caret-color: #f1f1f1 !important;
}
html.dark .focus\:caret-gray-700:not(.static):focus,
html.system-dark .focus\:caret-gray-700:not(.static):focus {
  caret-color: #f1f1f1 !important;
}
html.dark .caret-gray-800:not(.static),
html.system-dark .caret-gray-800:not(.static) {
  caret-color: #252525 !important;
}
html.dark .hover\:caret-gray-800:not(.static):hover,
html.system-dark .hover\:caret-gray-800:not(.static):hover {
  caret-color: #252525 !important;
}
html.dark .focus\:caret-gray-800:not(.static):focus,
html.system-dark .focus\:caret-gray-800:not(.static):focus {
  caret-color: #252525 !important;
}
html.dark .caret-gray-900:not(.static),
html.system-dark .caret-gray-900:not(.static) {
  caret-color: #fff !important;
}
html.dark .hover\:caret-gray-900:not(.static):hover,
html.system-dark .hover\:caret-gray-900:not(.static):hover {
  caret-color: #fff !important;
}
html.dark .focus\:caret-gray-900:not(.static):focus,
html.system-dark .focus\:caret-gray-900:not(.static):focus {
  caret-color: #fff !important;
}
html.dark .caret-indigo-50:not(.static),
html.system-dark .caret-indigo-50:not(.static) {
  caret-color: #fff7ed !important;
}
html.dark .hover\:caret-indigo-50:not(.static):hover,
html.system-dark .hover\:caret-indigo-50:not(.static):hover {
  caret-color: #fff7ed !important;
}
html.dark .focus\:caret-indigo-50:not(.static):focus,
html.system-dark .focus\:caret-indigo-50:not(.static):focus {
  caret-color: #fff7ed !important;
}
html.dark .caret-indigo-100:not(.static),
html.system-dark .caret-indigo-100:not(.static) {
  caret-color: #ffedd5 !important;
}
html.dark .hover\:caret-indigo-100:not(.static):hover,
html.system-dark .hover\:caret-indigo-100:not(.static):hover {
  caret-color: #ffedd5 !important;
}
html.dark .focus\:caret-indigo-100:not(.static):focus,
html.system-dark .focus\:caret-indigo-100:not(.static):focus {
  caret-color: #ffedd5 !important;
}
html.dark .caret-indigo-200:not(.static),
html.system-dark .caret-indigo-200:not(.static) {
  caret-color: #fed7aa !important;
}
html.dark .hover\:caret-indigo-200:not(.static):hover,
html.system-dark .hover\:caret-indigo-200:not(.static):hover {
  caret-color: #fed7aa !important;
}
html.dark .focus\:caret-indigo-200:not(.static):focus,
html.system-dark .focus\:caret-indigo-200:not(.static):focus {
  caret-color: #fed7aa !important;
}
html.dark .caret-indigo-300:not(.static),
html.system-dark .caret-indigo-300:not(.static) {
  caret-color: #fdba74 !important;
}
html.dark .hover\:caret-indigo-300:not(.static):hover,
html.system-dark .hover\:caret-indigo-300:not(.static):hover {
  caret-color: #fdba74 !important;
}
html.dark .focus\:caret-indigo-300:not(.static):focus,
html.system-dark .focus\:caret-indigo-300:not(.static):focus {
  caret-color: #fdba74 !important;
}
html.dark .caret-indigo-400:not(.static),
html.system-dark .caret-indigo-400:not(.static) {
  caret-color: #fb923c !important;
}
html.dark .hover\:caret-indigo-400:not(.static):hover,
html.system-dark .hover\:caret-indigo-400:not(.static):hover {
  caret-color: #fb923c !important;
}
html.dark .focus\:caret-indigo-400:not(.static):focus,
html.system-dark .focus\:caret-indigo-400:not(.static):focus {
  caret-color: #fb923c !important;
}
html.dark .caret-indigo-500:not(.static),
html.system-dark .caret-indigo-500:not(.static) {
  caret-color: #f97316 !important;
}
html.dark .hover\:caret-indigo-500:not(.static):hover,
html.system-dark .hover\:caret-indigo-500:not(.static):hover {
  caret-color: #f97316 !important;
}
html.dark .focus\:caret-indigo-500:not(.static):focus,
html.system-dark .focus\:caret-indigo-500:not(.static):focus {
  caret-color: #f97316 !important;
}
html.dark .caret-indigo-600:not(.static),
html.system-dark .caret-indigo-600:not(.static) {
  caret-color: #ea580c !important;
}
html.dark .hover\:caret-indigo-600:not(.static):hover,
html.system-dark .hover\:caret-indigo-600:not(.static):hover {
  caret-color: #ea580c !important;
}
html.dark .focus\:caret-indigo-600:not(.static):focus,
html.system-dark .focus\:caret-indigo-600:not(.static):focus {
  caret-color: #ea580c !important;
}
html.dark .caret-indigo-700:not(.static),
html.system-dark .caret-indigo-700:not(.static) {
  caret-color: #c2410c !important;
}
html.dark .hover\:caret-indigo-700:not(.static):hover,
html.system-dark .hover\:caret-indigo-700:not(.static):hover {
  caret-color: #c2410c !important;
}
html.dark .focus\:caret-indigo-700:not(.static):focus,
html.system-dark .focus\:caret-indigo-700:not(.static):focus {
  caret-color: #c2410c !important;
}
html.dark .caret-indigo-800:not(.static),
html.system-dark .caret-indigo-800:not(.static) {
  caret-color: #9a3412 !important;
}
html.dark .hover\:caret-indigo-800:not(.static):hover,
html.system-dark .hover\:caret-indigo-800:not(.static):hover {
  caret-color: #9a3412 !important;
}
html.dark .focus\:caret-indigo-800:not(.static):focus,
html.system-dark .focus\:caret-indigo-800:not(.static):focus {
  caret-color: #9a3412 !important;
}
html.dark .caret-indigo-900:not(.static),
html.system-dark .caret-indigo-900:not(.static) {
  caret-color: #7c2d12 !important;
}
html.dark .hover\:caret-indigo-900:not(.static):hover,
html.system-dark .hover\:caret-indigo-900:not(.static):hover {
  caret-color: #7c2d12 !important;
}
html.dark .focus\:caret-indigo-900:not(.static):focus,
html.system-dark .focus\:caret-indigo-900:not(.static):focus {
  caret-color: #7c2d12 !important;
}
html.dark .caret-sky-50:not(.static),
html.system-dark .caret-sky-50:not(.static) {
  caret-color: #f0f9ff !important;
}
html.dark .hover\:caret-sky-50:not(.static):hover,
html.system-dark .hover\:caret-sky-50:not(.static):hover {
  caret-color: #f0f9ff !important;
}
html.dark .focus\:caret-sky-50:not(.static):focus,
html.system-dark .focus\:caret-sky-50:not(.static):focus {
  caret-color: #f0f9ff !important;
}
html.dark .caret-sky-100:not(.static),
html.system-dark .caret-sky-100:not(.static) {
  caret-color: #e0f2fe !important;
}
html.dark .hover\:caret-sky-100:not(.static):hover,
html.system-dark .hover\:caret-sky-100:not(.static):hover {
  caret-color: #e0f2fe !important;
}
html.dark .focus\:caret-sky-100:not(.static):focus,
html.system-dark .focus\:caret-sky-100:not(.static):focus {
  caret-color: #e0f2fe !important;
}
html.dark .caret-sky-200:not(.static),
html.system-dark .caret-sky-200:not(.static) {
  caret-color: #bae6fd !important;
}
html.dark .hover\:caret-sky-200:not(.static):hover,
html.system-dark .hover\:caret-sky-200:not(.static):hover {
  caret-color: #bae6fd !important;
}
html.dark .focus\:caret-sky-200:not(.static):focus,
html.system-dark .focus\:caret-sky-200:not(.static):focus {
  caret-color: #bae6fd !important;
}
html.dark .caret-sky-300:not(.static),
html.system-dark .caret-sky-300:not(.static) {
  caret-color: #7dd3fc !important;
}
html.dark .hover\:caret-sky-300:not(.static):hover,
html.system-dark .hover\:caret-sky-300:not(.static):hover {
  caret-color: #7dd3fc !important;
}
html.dark .focus\:caret-sky-300:not(.static):focus,
html.system-dark .focus\:caret-sky-300:not(.static):focus {
  caret-color: #7dd3fc !important;
}
html.dark .caret-sky-400:not(.static),
html.system-dark .caret-sky-400:not(.static) {
  caret-color: #38bdf8 !important;
}
html.dark .hover\:caret-sky-400:not(.static):hover,
html.system-dark .hover\:caret-sky-400:not(.static):hover {
  caret-color: #38bdf8 !important;
}
html.dark .focus\:caret-sky-400:not(.static):focus,
html.system-dark .focus\:caret-sky-400:not(.static):focus {
  caret-color: #38bdf8 !important;
}
html.dark .caret-sky-500:not(.static),
html.system-dark .caret-sky-500:not(.static) {
  caret-color: #ea580c !important;
}
html.dark .hover\:caret-sky-500:not(.static):hover,
html.system-dark .hover\:caret-sky-500:not(.static):hover {
  caret-color: #ea580c !important;
}
html.dark .focus\:caret-sky-500:not(.static):focus,
html.system-dark .focus\:caret-sky-500:not(.static):focus {
  caret-color: #ea580c !important;
}
html.dark .caret-sky-600:not(.static),
html.system-dark .caret-sky-600:not(.static) {
  caret-color: #0284c7 !important;
}
html.dark .hover\:caret-sky-600:not(.static):hover,
html.system-dark .hover\:caret-sky-600:not(.static):hover {
  caret-color: #0284c7 !important;
}
html.dark .focus\:caret-sky-600:not(.static):focus,
html.system-dark .focus\:caret-sky-600:not(.static):focus {
  caret-color: #0284c7 !important;
}
html.dark .caret-sky-700:not(.static),
html.system-dark .caret-sky-700:not(.static) {
  caret-color: #0369a1 !important;
}
html.dark .hover\:caret-sky-700:not(.static):hover,
html.system-dark .hover\:caret-sky-700:not(.static):hover {
  caret-color: #0369a1 !important;
}
html.dark .focus\:caret-sky-700:not(.static):focus,
html.system-dark .focus\:caret-sky-700:not(.static):focus {
  caret-color: #0369a1 !important;
}
html.dark .caret-sky-800:not(.static),
html.system-dark .caret-sky-800:not(.static) {
  caret-color: #075985 !important;
}
html.dark .hover\:caret-sky-800:not(.static):hover,
html.system-dark .hover\:caret-sky-800:not(.static):hover {
  caret-color: #075985 !important;
}
html.dark .focus\:caret-sky-800:not(.static):focus,
html.system-dark .focus\:caret-sky-800:not(.static):focus {
  caret-color: #075985 !important;
}
html.dark .caret-sky-900:not(.static),
html.system-dark .caret-sky-900:not(.static) {
  caret-color: #0c4a6e !important;
}
html.dark .hover\:caret-sky-900:not(.static):hover,
html.system-dark .hover\:caret-sky-900:not(.static):hover {
  caret-color: #0c4a6e !important;
}
html.dark .focus\:caret-sky-900:not(.static):focus,
html.system-dark .focus\:caret-sky-900:not(.static):focus {
  caret-color: #0c4a6e !important;
}
html.dark .accent-white:not(.static),
html.system-dark .accent-white:not(.static) {
  accent-color: #3c3c3c !important;
}
html.dark .accent-black:not(.static),
html.system-dark .accent-black:not(.static) {
  accent-color: #fff !important;
}
html.dark .hover\:accent-white:not(.static):hover,
html.system-dark .hover\:accent-white:not(.static):hover {
  accent-color: #3c3c3c !important;
}
html.dark .hover\:accent-black:not(.static):hover,
html.system-dark .hover\:accent-black:not(.static):hover {
  accent-color: #fff !important;
}
html.dark .focus\:accent-white:not(.static):focus,
html.system-dark .focus\:accent-white:not(.static):focus {
  accent-color: #3c3c3c !important;
}
html.dark .focus\:accent-black:not(.static):focus,
html.system-dark .focus\:accent-black:not(.static):focus {
  accent-color: #fff !important;
}
html.dark .accent-slate-50:not(.static),
html.system-dark .accent-slate-50:not(.static) {
  accent-color: #f8fafc !important;
}
html.dark .hover\:accent-slate-50:not(.static):hover,
html.system-dark .hover\:accent-slate-50:not(.static):hover {
  accent-color: #f8fafc !important;
}
html.dark .focus\:accent-slate-50:not(.static):focus,
html.system-dark .focus\:accent-slate-50:not(.static):focus {
  accent-color: #f8fafc !important;
}
html.dark .accent-slate-100:not(.static),
html.system-dark .accent-slate-100:not(.static) {
  accent-color: #5e5e5e !important;
}
html.dark .hover\:accent-slate-100:not(.static):hover,
html.system-dark .hover\:accent-slate-100:not(.static):hover {
  accent-color: #5e5e5e !important;
}
html.dark .focus\:accent-slate-100:not(.static):focus,
html.system-dark .focus\:accent-slate-100:not(.static):focus {
  accent-color: #5e5e5e !important;
}
html.dark .accent-slate-200:not(.static),
html.system-dark .accent-slate-200:not(.static) {
  accent-color: #e2e8f0 !important;
}
html.dark .hover\:accent-slate-200:not(.static):hover,
html.system-dark .hover\:accent-slate-200:not(.static):hover {
  accent-color: #e2e8f0 !important;
}
html.dark .focus\:accent-slate-200:not(.static):focus,
html.system-dark .focus\:accent-slate-200:not(.static):focus {
  accent-color: #e2e8f0 !important;
}
html.dark .accent-slate-300:not(.static),
html.system-dark .accent-slate-300:not(.static) {
  accent-color: #cbd5e1 !important;
}
html.dark .hover\:accent-slate-300:not(.static):hover,
html.system-dark .hover\:accent-slate-300:not(.static):hover {
  accent-color: #cbd5e1 !important;
}
html.dark .focus\:accent-slate-300:not(.static):focus,
html.system-dark .focus\:accent-slate-300:not(.static):focus {
  accent-color: #cbd5e1 !important;
}
html.dark .accent-slate-400:not(.static),
html.system-dark .accent-slate-400:not(.static) {
  accent-color: #94a3b8 !important;
}
html.dark .hover\:accent-slate-400:not(.static):hover,
html.system-dark .hover\:accent-slate-400:not(.static):hover {
  accent-color: #94a3b8 !important;
}
html.dark .focus\:accent-slate-400:not(.static):focus,
html.system-dark .focus\:accent-slate-400:not(.static):focus {
  accent-color: #94a3b8 !important;
}
html.dark .accent-slate-500:not(.static),
html.system-dark .accent-slate-500:not(.static) {
  accent-color: #64748b !important;
}
html.dark .hover\:accent-slate-500:not(.static):hover,
html.system-dark .hover\:accent-slate-500:not(.static):hover {
  accent-color: #64748b !important;
}
html.dark .focus\:accent-slate-500:not(.static):focus,
html.system-dark .focus\:accent-slate-500:not(.static):focus {
  accent-color: #64748b !important;
}
html.dark .accent-slate-600:not(.static),
html.system-dark .accent-slate-600:not(.static) {
  accent-color: #475569 !important;
}
html.dark .hover\:accent-slate-600:not(.static):hover,
html.system-dark .hover\:accent-slate-600:not(.static):hover {
  accent-color: #475569 !important;
}
html.dark .focus\:accent-slate-600:not(.static):focus,
html.system-dark .focus\:accent-slate-600:not(.static):focus {
  accent-color: #475569 !important;
}
html.dark .accent-slate-700:not(.static),
html.system-dark .accent-slate-700:not(.static) {
  accent-color: #334155 !important;
}
html.dark .hover\:accent-slate-700:not(.static):hover,
html.system-dark .hover\:accent-slate-700:not(.static):hover {
  accent-color: #334155 !important;
}
html.dark .focus\:accent-slate-700:not(.static):focus,
html.system-dark .focus\:accent-slate-700:not(.static):focus {
  accent-color: #334155 !important;
}
html.dark .accent-slate-800:not(.static),
html.system-dark .accent-slate-800:not(.static) {
  accent-color: #1e293b !important;
}
html.dark .hover\:accent-slate-800:not(.static):hover,
html.system-dark .hover\:accent-slate-800:not(.static):hover {
  accent-color: #1e293b !important;
}
html.dark .focus\:accent-slate-800:not(.static):focus,
html.system-dark .focus\:accent-slate-800:not(.static):focus {
  accent-color: #1e293b !important;
}
html.dark .accent-slate-900:not(.static),
html.system-dark .accent-slate-900:not(.static) {
  accent-color: #0f172a !important;
}
html.dark .hover\:accent-slate-900:not(.static):hover,
html.system-dark .hover\:accent-slate-900:not(.static):hover {
  accent-color: #0f172a !important;
}
html.dark .focus\:accent-slate-900:not(.static):focus,
html.system-dark .focus\:accent-slate-900:not(.static):focus {
  accent-color: #0f172a !important;
}
html.dark .accent-gray-50:not(.static),
html.system-dark .accent-gray-50:not(.static) {
  accent-color: #4d4d4d !important;
}
html.dark .hover\:accent-gray-50:not(.static):hover,
html.system-dark .hover\:accent-gray-50:not(.static):hover {
  accent-color: #4d4d4d !important;
}
html.dark .focus\:accent-gray-50:not(.static):focus,
html.system-dark .focus\:accent-gray-50:not(.static):focus {
  accent-color: #4d4d4d !important;
}
html.dark .accent-gray-100:not(.static),
html.system-dark .accent-gray-100:not(.static) {
  accent-color: #5c5c5c !important;
}
html.dark .hover\:accent-gray-100:not(.static):hover,
html.system-dark .hover\:accent-gray-100:not(.static):hover {
  accent-color: #5c5c5c !important;
}
html.dark .focus\:accent-gray-100:not(.static):focus,
html.system-dark .focus\:accent-gray-100:not(.static):focus {
  accent-color: #5c5c5c !important;
}
html.dark .accent-gray-200:not(.static),
html.system-dark .accent-gray-200:not(.static) {
  accent-color: #5e5e5e !important;
}
html.dark .hover\:accent-gray-200:not(.static):hover,
html.system-dark .hover\:accent-gray-200:not(.static):hover {
  accent-color: #5e5e5e !important;
}
html.dark .focus\:accent-gray-200:not(.static):focus,
html.system-dark .focus\:accent-gray-200:not(.static):focus {
  accent-color: #5e5e5e !important;
}
html.dark .accent-gray-300:not(.static),
html.system-dark .accent-gray-300:not(.static) {
  accent-color: #d1d5db !important;
}
html.dark .hover\:accent-gray-300:not(.static):hover,
html.system-dark .hover\:accent-gray-300:not(.static):hover {
  accent-color: #d1d5db !important;
}
html.dark .focus\:accent-gray-300:not(.static):focus,
html.system-dark .focus\:accent-gray-300:not(.static):focus {
  accent-color: #d1d5db !important;
}
html.dark .accent-gray-400:not(.static),
html.system-dark .accent-gray-400:not(.static) {
  accent-color: #9ca3af !important;
}
html.dark .hover\:accent-gray-400:not(.static):hover,
html.system-dark .hover\:accent-gray-400:not(.static):hover {
  accent-color: #9ca3af !important;
}
html.dark .focus\:accent-gray-400:not(.static):focus,
html.system-dark .focus\:accent-gray-400:not(.static):focus {
  accent-color: #9ca3af !important;
}
html.dark .accent-gray-500:not(.static),
html.system-dark .accent-gray-500:not(.static) {
  accent-color: #6b7280 !important;
}
html.dark .hover\:accent-gray-500:not(.static):hover,
html.system-dark .hover\:accent-gray-500:not(.static):hover {
  accent-color: #6b7280 !important;
}
html.dark .focus\:accent-gray-500:not(.static):focus,
html.system-dark .focus\:accent-gray-500:not(.static):focus {
  accent-color: #6b7280 !important;
}
html.dark .accent-gray-600:not(.static),
html.system-dark .accent-gray-600:not(.static) {
  accent-color: #fff !important;
}
html.dark .hover\:accent-gray-600:not(.static):hover,
html.system-dark .hover\:accent-gray-600:not(.static):hover {
  accent-color: #fff !important;
}
html.dark .focus\:accent-gray-600:not(.static):focus,
html.system-dark .focus\:accent-gray-600:not(.static):focus {
  accent-color: #fff !important;
}
html.dark .accent-gray-700:not(.static),
html.system-dark .accent-gray-700:not(.static) {
  accent-color: #f1f1f1 !important;
}
html.dark .hover\:accent-gray-700:not(.static):hover,
html.system-dark .hover\:accent-gray-700:not(.static):hover {
  accent-color: #f1f1f1 !important;
}
html.dark .focus\:accent-gray-700:not(.static):focus,
html.system-dark .focus\:accent-gray-700:not(.static):focus {
  accent-color: #f1f1f1 !important;
}
html.dark .accent-gray-800:not(.static),
html.system-dark .accent-gray-800:not(.static) {
  accent-color: #252525 !important;
}
html.dark .hover\:accent-gray-800:not(.static):hover,
html.system-dark .hover\:accent-gray-800:not(.static):hover {
  accent-color: #252525 !important;
}
html.dark .focus\:accent-gray-800:not(.static):focus,
html.system-dark .focus\:accent-gray-800:not(.static):focus {
  accent-color: #252525 !important;
}
html.dark .accent-gray-900:not(.static),
html.system-dark .accent-gray-900:not(.static) {
  accent-color: #fff !important;
}
html.dark .hover\:accent-gray-900:not(.static):hover,
html.system-dark .hover\:accent-gray-900:not(.static):hover {
  accent-color: #fff !important;
}
html.dark .focus\:accent-gray-900:not(.static):focus,
html.system-dark .focus\:accent-gray-900:not(.static):focus {
  accent-color: #fff !important;
}
html.dark .accent-indigo-50:not(.static),
html.system-dark .accent-indigo-50:not(.static) {
  accent-color: #fff7ed !important;
}
html.dark .hover\:accent-indigo-50:not(.static):hover,
html.system-dark .hover\:accent-indigo-50:not(.static):hover {
  accent-color: #fff7ed !important;
}
html.dark .focus\:accent-indigo-50:not(.static):focus,
html.system-dark .focus\:accent-indigo-50:not(.static):focus {
  accent-color: #fff7ed !important;
}
html.dark .accent-indigo-100:not(.static),
html.system-dark .accent-indigo-100:not(.static) {
  accent-color: #ffedd5 !important;
}
html.dark .hover\:accent-indigo-100:not(.static):hover,
html.system-dark .hover\:accent-indigo-100:not(.static):hover {
  accent-color: #ffedd5 !important;
}
html.dark .focus\:accent-indigo-100:not(.static):focus,
html.system-dark .focus\:accent-indigo-100:not(.static):focus {
  accent-color: #ffedd5 !important;
}
html.dark .accent-indigo-200:not(.static),
html.system-dark .accent-indigo-200:not(.static) {
  accent-color: #fed7aa !important;
}
html.dark .hover\:accent-indigo-200:not(.static):hover,
html.system-dark .hover\:accent-indigo-200:not(.static):hover {
  accent-color: #fed7aa !important;
}
html.dark .focus\:accent-indigo-200:not(.static):focus,
html.system-dark .focus\:accent-indigo-200:not(.static):focus {
  accent-color: #fed7aa !important;
}
html.dark .accent-indigo-300:not(.static),
html.system-dark .accent-indigo-300:not(.static) {
  accent-color: #fdba74 !important;
}
html.dark .hover\:accent-indigo-300:not(.static):hover,
html.system-dark .hover\:accent-indigo-300:not(.static):hover {
  accent-color: #fdba74 !important;
}
html.dark .focus\:accent-indigo-300:not(.static):focus,
html.system-dark .focus\:accent-indigo-300:not(.static):focus {
  accent-color: #fdba74 !important;
}
html.dark .accent-indigo-400:not(.static),
html.system-dark .accent-indigo-400:not(.static) {
  accent-color: #fb923c !important;
}
html.dark .hover\:accent-indigo-400:not(.static):hover,
html.system-dark .hover\:accent-indigo-400:not(.static):hover {
  accent-color: #fb923c !important;
}
html.dark .focus\:accent-indigo-400:not(.static):focus,
html.system-dark .focus\:accent-indigo-400:not(.static):focus {
  accent-color: #fb923c !important;
}
html.dark .accent-indigo-500:not(.static),
html.system-dark .accent-indigo-500:not(.static) {
  accent-color: #f97316 !important;
}
html.dark .hover\:accent-indigo-500:not(.static):hover,
html.system-dark .hover\:accent-indigo-500:not(.static):hover {
  accent-color: #f97316 !important;
}
html.dark .focus\:accent-indigo-500:not(.static):focus,
html.system-dark .focus\:accent-indigo-500:not(.static):focus {
  accent-color: #f97316 !important;
}
html.dark .accent-indigo-600:not(.static),
html.system-dark .accent-indigo-600:not(.static) {
  accent-color: #ea580c !important;
}
html.dark .hover\:accent-indigo-600:not(.static):hover,
html.system-dark .hover\:accent-indigo-600:not(.static):hover {
  accent-color: #ea580c !important;
}
html.dark .focus\:accent-indigo-600:not(.static):focus,
html.system-dark .focus\:accent-indigo-600:not(.static):focus {
  accent-color: #ea580c !important;
}
html.dark .accent-indigo-700:not(.static),
html.system-dark .accent-indigo-700:not(.static) {
  accent-color: #c2410c !important;
}
html.dark .hover\:accent-indigo-700:not(.static):hover,
html.system-dark .hover\:accent-indigo-700:not(.static):hover {
  accent-color: #c2410c !important;
}
html.dark .focus\:accent-indigo-700:not(.static):focus,
html.system-dark .focus\:accent-indigo-700:not(.static):focus {
  accent-color: #c2410c !important;
}
html.dark .accent-indigo-800:not(.static),
html.system-dark .accent-indigo-800:not(.static) {
  accent-color: #9a3412 !important;
}
html.dark .hover\:accent-indigo-800:not(.static):hover,
html.system-dark .hover\:accent-indigo-800:not(.static):hover {
  accent-color: #9a3412 !important;
}
html.dark .focus\:accent-indigo-800:not(.static):focus,
html.system-dark .focus\:accent-indigo-800:not(.static):focus {
  accent-color: #9a3412 !important;
}
html.dark .accent-indigo-900:not(.static),
html.system-dark .accent-indigo-900:not(.static) {
  accent-color: #7c2d12 !important;
}
html.dark .hover\:accent-indigo-900:not(.static):hover,
html.system-dark .hover\:accent-indigo-900:not(.static):hover {
  accent-color: #7c2d12 !important;
}
html.dark .focus\:accent-indigo-900:not(.static):focus,
html.system-dark .focus\:accent-indigo-900:not(.static):focus {
  accent-color: #7c2d12 !important;
}
html.dark .accent-sky-50:not(.static),
html.system-dark .accent-sky-50:not(.static) {
  accent-color: #f0f9ff !important;
}
html.dark .hover\:accent-sky-50:not(.static):hover,
html.system-dark .hover\:accent-sky-50:not(.static):hover {
  accent-color: #f0f9ff !important;
}
html.dark .focus\:accent-sky-50:not(.static):focus,
html.system-dark .focus\:accent-sky-50:not(.static):focus {
  accent-color: #f0f9ff !important;
}
html.dark .accent-sky-100:not(.static),
html.system-dark .accent-sky-100:not(.static) {
  accent-color: #e0f2fe !important;
}
html.dark .hover\:accent-sky-100:not(.static):hover,
html.system-dark .hover\:accent-sky-100:not(.static):hover {
  accent-color: #e0f2fe !important;
}
html.dark .focus\:accent-sky-100:not(.static):focus,
html.system-dark .focus\:accent-sky-100:not(.static):focus {
  accent-color: #e0f2fe !important;
}
html.dark .accent-sky-200:not(.static),
html.system-dark .accent-sky-200:not(.static) {
  accent-color: #bae6fd !important;
}
html.dark .hover\:accent-sky-200:not(.static):hover,
html.system-dark .hover\:accent-sky-200:not(.static):hover {
  accent-color: #bae6fd !important;
}
html.dark .focus\:accent-sky-200:not(.static):focus,
html.system-dark .focus\:accent-sky-200:not(.static):focus {
  accent-color: #bae6fd !important;
}
html.dark .accent-sky-300:not(.static),
html.system-dark .accent-sky-300:not(.static) {
  accent-color: #7dd3fc !important;
}
html.dark .hover\:accent-sky-300:not(.static):hover,
html.system-dark .hover\:accent-sky-300:not(.static):hover {
  accent-color: #7dd3fc !important;
}
html.dark .focus\:accent-sky-300:not(.static):focus,
html.system-dark .focus\:accent-sky-300:not(.static):focus {
  accent-color: #7dd3fc !important;
}
html.dark .accent-sky-400:not(.static),
html.system-dark .accent-sky-400:not(.static) {
  accent-color: #38bdf8 !important;
}
html.dark .hover\:accent-sky-400:not(.static):hover,
html.system-dark .hover\:accent-sky-400:not(.static):hover {
  accent-color: #38bdf8 !important;
}
html.dark .focus\:accent-sky-400:not(.static):focus,
html.system-dark .focus\:accent-sky-400:not(.static):focus {
  accent-color: #38bdf8 !important;
}
html.dark .accent-sky-500:not(.static),
html.system-dark .accent-sky-500:not(.static) {
  accent-color: #ea580c !important;
}
html.dark .hover\:accent-sky-500:not(.static):hover,
html.system-dark .hover\:accent-sky-500:not(.static):hover {
  accent-color: #ea580c !important;
}
html.dark .focus\:accent-sky-500:not(.static):focus,
html.system-dark .focus\:accent-sky-500:not(.static):focus {
  accent-color: #ea580c !important;
}
html.dark .accent-sky-600:not(.static),
html.system-dark .accent-sky-600:not(.static) {
  accent-color: #0284c7 !important;
}
html.dark .hover\:accent-sky-600:not(.static):hover,
html.system-dark .hover\:accent-sky-600:not(.static):hover {
  accent-color: #0284c7 !important;
}
html.dark .focus\:accent-sky-600:not(.static):focus,
html.system-dark .focus\:accent-sky-600:not(.static):focus {
  accent-color: #0284c7 !important;
}
html.dark .accent-sky-700:not(.static),
html.system-dark .accent-sky-700:not(.static) {
  accent-color: #0369a1 !important;
}
html.dark .hover\:accent-sky-700:not(.static):hover,
html.system-dark .hover\:accent-sky-700:not(.static):hover {
  accent-color: #0369a1 !important;
}
html.dark .focus\:accent-sky-700:not(.static):focus,
html.system-dark .focus\:accent-sky-700:not(.static):focus {
  accent-color: #0369a1 !important;
}
html.dark .accent-sky-800:not(.static),
html.system-dark .accent-sky-800:not(.static) {
  accent-color: #075985 !important;
}
html.dark .hover\:accent-sky-800:not(.static):hover,
html.system-dark .hover\:accent-sky-800:not(.static):hover {
  accent-color: #075985 !important;
}
html.dark .focus\:accent-sky-800:not(.static):focus,
html.system-dark .focus\:accent-sky-800:not(.static):focus {
  accent-color: #075985 !important;
}
html.dark .accent-sky-900:not(.static),
html.system-dark .accent-sky-900:not(.static) {
  accent-color: #0c4a6e !important;
}
html.dark .hover\:accent-sky-900:not(.static):hover,
html.system-dark .hover\:accent-sky-900:not(.static):hover {
  accent-color: #0c4a6e !important;
}
html.dark .focus\:accent-sky-900:not(.static):focus,
html.system-dark .focus\:accent-sky-900:not(.static):focus {
  accent-color: #0c4a6e !important;
}
html.dark .shadow-white:not(.static),
html.system-dark .shadow-white:not(.static) {
  --tw-shadow-color: #3c3c3c !important;
}
html.dark .shadow-black:not(.static),
html.system-dark .shadow-black:not(.static) {
  --tw-shadow-color: #fff !important;
}
html.dark .hover\:shadow-white:not(.static):hover,
html.system-dark .hover\:shadow-white:not(.static):hover {
  --tw-shadow-color: #3c3c3c !important;
}
html.dark .hover\:shadow-black:not(.static):hover,
html.system-dark .hover\:shadow-black:not(.static):hover {
  --tw-shadow-color: #fff !important;
}
html.dark .focus\:shadow-white:not(.static):focus,
html.system-dark .focus\:shadow-white:not(.static):focus {
  --tw-shadow-color: #3c3c3c !important;
}
html.dark .focus\:shadow-black:not(.static):focus,
html.system-dark .focus\:shadow-black:not(.static):focus {
  --tw-shadow-color: #fff !important;
}
html.dark .shadow-slate-50:not(.static),
html.system-dark .shadow-slate-50:not(.static) {
  --tw-shadow-color: #f8fafc !important;
}
html.dark .hover\:shadow-slate-50:not(.static):hover,
html.system-dark .hover\:shadow-slate-50:not(.static):hover {
  --tw-shadow-color: #f8fafc !important;
}
html.dark .focus\:shadow-slate-50:not(.static):focus,
html.system-dark .focus\:shadow-slate-50:not(.static):focus {
  --tw-shadow-color: #f8fafc !important;
}
html.dark .shadow-slate-100:not(.static),
html.system-dark .shadow-slate-100:not(.static) {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .hover\:shadow-slate-100:not(.static):hover,
html.system-dark .hover\:shadow-slate-100:not(.static):hover {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .focus\:shadow-slate-100:not(.static):focus,
html.system-dark .focus\:shadow-slate-100:not(.static):focus {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .shadow-slate-200:not(.static),
html.system-dark .shadow-slate-200:not(.static) {
  --tw-shadow-color: #e2e8f0 !important;
}
html.dark .hover\:shadow-slate-200:not(.static):hover,
html.system-dark .hover\:shadow-slate-200:not(.static):hover {
  --tw-shadow-color: #e2e8f0 !important;
}
html.dark .focus\:shadow-slate-200:not(.static):focus,
html.system-dark .focus\:shadow-slate-200:not(.static):focus {
  --tw-shadow-color: #e2e8f0 !important;
}
html.dark .shadow-slate-300:not(.static),
html.system-dark .shadow-slate-300:not(.static) {
  --tw-shadow-color: #cbd5e1 !important;
}
html.dark .hover\:shadow-slate-300:not(.static):hover,
html.system-dark .hover\:shadow-slate-300:not(.static):hover {
  --tw-shadow-color: #cbd5e1 !important;
}
html.dark .focus\:shadow-slate-300:not(.static):focus,
html.system-dark .focus\:shadow-slate-300:not(.static):focus {
  --tw-shadow-color: #cbd5e1 !important;
}
html.dark .shadow-slate-400:not(.static),
html.system-dark .shadow-slate-400:not(.static) {
  --tw-shadow-color: #94a3b8 !important;
}
html.dark .hover\:shadow-slate-400:not(.static):hover,
html.system-dark .hover\:shadow-slate-400:not(.static):hover {
  --tw-shadow-color: #94a3b8 !important;
}
html.dark .focus\:shadow-slate-400:not(.static):focus,
html.system-dark .focus\:shadow-slate-400:not(.static):focus {
  --tw-shadow-color: #94a3b8 !important;
}
html.dark .shadow-slate-500:not(.static),
html.system-dark .shadow-slate-500:not(.static) {
  --tw-shadow-color: #64748b !important;
}
html.dark .hover\:shadow-slate-500:not(.static):hover,
html.system-dark .hover\:shadow-slate-500:not(.static):hover {
  --tw-shadow-color: #64748b !important;
}
html.dark .focus\:shadow-slate-500:not(.static):focus,
html.system-dark .focus\:shadow-slate-500:not(.static):focus {
  --tw-shadow-color: #64748b !important;
}
html.dark .shadow-slate-600:not(.static),
html.system-dark .shadow-slate-600:not(.static) {
  --tw-shadow-color: #475569 !important;
}
html.dark .hover\:shadow-slate-600:not(.static):hover,
html.system-dark .hover\:shadow-slate-600:not(.static):hover {
  --tw-shadow-color: #475569 !important;
}
html.dark .focus\:shadow-slate-600:not(.static):focus,
html.system-dark .focus\:shadow-slate-600:not(.static):focus {
  --tw-shadow-color: #475569 !important;
}
html.dark .shadow-slate-700:not(.static),
html.system-dark .shadow-slate-700:not(.static) {
  --tw-shadow-color: #334155 !important;
}
html.dark .hover\:shadow-slate-700:not(.static):hover,
html.system-dark .hover\:shadow-slate-700:not(.static):hover {
  --tw-shadow-color: #334155 !important;
}
html.dark .focus\:shadow-slate-700:not(.static):focus,
html.system-dark .focus\:shadow-slate-700:not(.static):focus {
  --tw-shadow-color: #334155 !important;
}
html.dark .shadow-slate-800:not(.static),
html.system-dark .shadow-slate-800:not(.static) {
  --tw-shadow-color: #1e293b !important;
}
html.dark .hover\:shadow-slate-800:not(.static):hover,
html.system-dark .hover\:shadow-slate-800:not(.static):hover {
  --tw-shadow-color: #1e293b !important;
}
html.dark .focus\:shadow-slate-800:not(.static):focus,
html.system-dark .focus\:shadow-slate-800:not(.static):focus {
  --tw-shadow-color: #1e293b !important;
}
html.dark .shadow-slate-900:not(.static),
html.system-dark .shadow-slate-900:not(.static) {
  --tw-shadow-color: #0f172a !important;
}
html.dark .hover\:shadow-slate-900:not(.static):hover,
html.system-dark .hover\:shadow-slate-900:not(.static):hover {
  --tw-shadow-color: #0f172a !important;
}
html.dark .focus\:shadow-slate-900:not(.static):focus,
html.system-dark .focus\:shadow-slate-900:not(.static):focus {
  --tw-shadow-color: #0f172a !important;
}
html.dark .shadow-gray-50:not(.static),
html.system-dark .shadow-gray-50:not(.static) {
  --tw-shadow-color: #4d4d4d !important;
}
html.dark .hover\:shadow-gray-50:not(.static):hover,
html.system-dark .hover\:shadow-gray-50:not(.static):hover {
  --tw-shadow-color: #4d4d4d !important;
}
html.dark .focus\:shadow-gray-50:not(.static):focus,
html.system-dark .focus\:shadow-gray-50:not(.static):focus {
  --tw-shadow-color: #4d4d4d !important;
}
html.dark .shadow-gray-100:not(.static),
html.system-dark .shadow-gray-100:not(.static) {
  --tw-shadow-color: #5c5c5c !important;
}
html.dark .hover\:shadow-gray-100:not(.static):hover,
html.system-dark .hover\:shadow-gray-100:not(.static):hover {
  --tw-shadow-color: #5c5c5c !important;
}
html.dark .focus\:shadow-gray-100:not(.static):focus,
html.system-dark .focus\:shadow-gray-100:not(.static):focus {
  --tw-shadow-color: #5c5c5c !important;
}
html.dark .shadow-gray-200:not(.static),
html.system-dark .shadow-gray-200:not(.static) {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .hover\:shadow-gray-200:not(.static):hover,
html.system-dark .hover\:shadow-gray-200:not(.static):hover {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .focus\:shadow-gray-200:not(.static):focus,
html.system-dark .focus\:shadow-gray-200:not(.static):focus {
  --tw-shadow-color: #5e5e5e !important;
}
html.dark .shadow-gray-300:not(.static),
html.system-dark .shadow-gray-300:not(.static) {
  --tw-shadow-color: #d1d5db !important;
}
html.dark .hover\:shadow-gray-300:not(.static):hover,
html.system-dark .hover\:shadow-gray-300:not(.static):hover {
  --tw-shadow-color: #d1d5db !important;
}
html.dark .focus\:shadow-gray-300:not(.static):focus,
html.system-dark .focus\:shadow-gray-300:not(.static):focus {
  --tw-shadow-color: #d1d5db !important;
}
html.dark .shadow-gray-400:not(.static),
html.system-dark .shadow-gray-400:not(.static) {
  --tw-shadow-color: #9ca3af !important;
}
html.dark .hover\:shadow-gray-400:not(.static):hover,
html.system-dark .hover\:shadow-gray-400:not(.static):hover {
  --tw-shadow-color: #9ca3af !important;
}
html.dark .focus\:shadow-gray-400:not(.static):focus,
html.system-dark .focus\:shadow-gray-400:not(.static):focus {
  --tw-shadow-color: #9ca3af !important;
}
html.dark .shadow-gray-500:not(.static),
html.system-dark .shadow-gray-500:not(.static) {
  --tw-shadow-color: #6b7280 !important;
}
html.dark .hover\:shadow-gray-500:not(.static):hover,
html.system-dark .hover\:shadow-gray-500:not(.static):hover {
  --tw-shadow-color: #6b7280 !important;
}
html.dark .focus\:shadow-gray-500:not(.static):focus,
html.system-dark .focus\:shadow-gray-500:not(.static):focus {
  --tw-shadow-color: #6b7280 !important;
}
html.dark .shadow-gray-600:not(.static),
html.system-dark .shadow-gray-600:not(.static) {
  --tw-shadow-color: #fff !important;
}
html.dark .hover\:shadow-gray-600:not(.static):hover,
html.system-dark .hover\:shadow-gray-600:not(.static):hover {
  --tw-shadow-color: #fff !important;
}
html.dark .focus\:shadow-gray-600:not(.static):focus,
html.system-dark .focus\:shadow-gray-600:not(.static):focus {
  --tw-shadow-color: #fff !important;
}
html.dark .shadow-gray-700:not(.static),
html.system-dark .shadow-gray-700:not(.static) {
  --tw-shadow-color: #f1f1f1 !important;
}
html.dark .hover\:shadow-gray-700:not(.static):hover,
html.system-dark .hover\:shadow-gray-700:not(.static):hover {
  --tw-shadow-color: #f1f1f1 !important;
}
html.dark .focus\:shadow-gray-700:not(.static):focus,
html.system-dark .focus\:shadow-gray-700:not(.static):focus {
  --tw-shadow-color: #f1f1f1 !important;
}
html.dark .shadow-gray-800:not(.static),
html.system-dark .shadow-gray-800:not(.static) {
  --tw-shadow-color: #252525 !important;
}
html.dark .hover\:shadow-gray-800:not(.static):hover,
html.system-dark .hover\:shadow-gray-800:not(.static):hover {
  --tw-shadow-color: #252525 !important;
}
html.dark .focus\:shadow-gray-800:not(.static):focus,
html.system-dark .focus\:shadow-gray-800:not(.static):focus {
  --tw-shadow-color: #252525 !important;
}
html.dark .shadow-gray-900:not(.static),
html.system-dark .shadow-gray-900:not(.static) {
  --tw-shadow-color: #fff !important;
}
html.dark .hover\:shadow-gray-900:not(.static):hover,
html.system-dark .hover\:shadow-gray-900:not(.static):hover {
  --tw-shadow-color: #fff !important;
}
html.dark .focus\:shadow-gray-900:not(.static):focus,
html.system-dark .focus\:shadow-gray-900:not(.static):focus {
  --tw-shadow-color: #fff !important;
}
html.dark .shadow-indigo-50:not(.static),
html.system-dark .shadow-indigo-50:not(.static) {
  --tw-shadow-color: #fff7ed !important;
}
html.dark .hover\:shadow-indigo-50:not(.static):hover,
html.system-dark .hover\:shadow-indigo-50:not(.static):hover {
  --tw-shadow-color: #fff7ed !important;
}
html.dark .focus\:shadow-indigo-50:not(.static):focus,
html.system-dark .focus\:shadow-indigo-50:not(.static):focus {
  --tw-shadow-color: #fff7ed !important;
}
html.dark .shadow-indigo-100:not(.static),
html.system-dark .shadow-indigo-100:not(.static) {
  --tw-shadow-color: #ffedd5 !important;
}
html.dark .hover\:shadow-indigo-100:not(.static):hover,
html.system-dark .hover\:shadow-indigo-100:not(.static):hover {
  --tw-shadow-color: #ffedd5 !important;
}
html.dark .focus\:shadow-indigo-100:not(.static):focus,
html.system-dark .focus\:shadow-indigo-100:not(.static):focus {
  --tw-shadow-color: #ffedd5 !important;
}
html.dark .shadow-indigo-200:not(.static),
html.system-dark .shadow-indigo-200:not(.static) {
  --tw-shadow-color: #fed7aa !important;
}
html.dark .hover\:shadow-indigo-200:not(.static):hover,
html.system-dark .hover\:shadow-indigo-200:not(.static):hover {
  --tw-shadow-color: #fed7aa !important;
}
html.dark .focus\:shadow-indigo-200:not(.static):focus,
html.system-dark .focus\:shadow-indigo-200:not(.static):focus {
  --tw-shadow-color: #fed7aa !important;
}
html.dark .shadow-indigo-300:not(.static),
html.system-dark .shadow-indigo-300:not(.static) {
  --tw-shadow-color: #fdba74 !important;
}
html.dark .hover\:shadow-indigo-300:not(.static):hover,
html.system-dark .hover\:shadow-indigo-300:not(.static):hover {
  --tw-shadow-color: #fdba74 !important;
}
html.dark .focus\:shadow-indigo-300:not(.static):focus,
html.system-dark .focus\:shadow-indigo-300:not(.static):focus {
  --tw-shadow-color: #fdba74 !important;
}
html.dark .shadow-indigo-400:not(.static),
html.system-dark .shadow-indigo-400:not(.static) {
  --tw-shadow-color: #fb923c !important;
}
html.dark .hover\:shadow-indigo-400:not(.static):hover,
html.system-dark .hover\:shadow-indigo-400:not(.static):hover {
  --tw-shadow-color: #fb923c !important;
}
html.dark .focus\:shadow-indigo-400:not(.static):focus,
html.system-dark .focus\:shadow-indigo-400:not(.static):focus {
  --tw-shadow-color: #fb923c !important;
}
html.dark .shadow-indigo-500:not(.static),
html.system-dark .shadow-indigo-500:not(.static) {
  --tw-shadow-color: #f97316 !important;
}
html.dark .hover\:shadow-indigo-500:not(.static):hover,
html.system-dark .hover\:shadow-indigo-500:not(.static):hover {
  --tw-shadow-color: #f97316 !important;
}
html.dark .focus\:shadow-indigo-500:not(.static):focus,
html.system-dark .focus\:shadow-indigo-500:not(.static):focus {
  --tw-shadow-color: #f97316 !important;
}
html.dark .shadow-indigo-600:not(.static),
html.system-dark .shadow-indigo-600:not(.static) {
  --tw-shadow-color: #ea580c !important;
}
html.dark .hover\:shadow-indigo-600:not(.static):hover,
html.system-dark .hover\:shadow-indigo-600:not(.static):hover {
  --tw-shadow-color: #ea580c !important;
}
html.dark .focus\:shadow-indigo-600:not(.static):focus,
html.system-dark .focus\:shadow-indigo-600:not(.static):focus {
  --tw-shadow-color: #ea580c !important;
}
html.dark .shadow-indigo-700:not(.static),
html.system-dark .shadow-indigo-700:not(.static) {
  --tw-shadow-color: #c2410c !important;
}
html.dark .hover\:shadow-indigo-700:not(.static):hover,
html.system-dark .hover\:shadow-indigo-700:not(.static):hover {
  --tw-shadow-color: #c2410c !important;
}
html.dark .focus\:shadow-indigo-700:not(.static):focus,
html.system-dark .focus\:shadow-indigo-700:not(.static):focus {
  --tw-shadow-color: #c2410c !important;
}
html.dark .shadow-indigo-800:not(.static),
html.system-dark .shadow-indigo-800:not(.static) {
  --tw-shadow-color: #9a3412 !important;
}
html.dark .hover\:shadow-indigo-800:not(.static):hover,
html.system-dark .hover\:shadow-indigo-800:not(.static):hover {
  --tw-shadow-color: #9a3412 !important;
}
html.dark .focus\:shadow-indigo-800:not(.static):focus,
html.system-dark .focus\:shadow-indigo-800:not(.static):focus {
  --tw-shadow-color: #9a3412 !important;
}
html.dark .shadow-indigo-900:not(.static),
html.system-dark .shadow-indigo-900:not(.static) {
  --tw-shadow-color: #7c2d12 !important;
}
html.dark .hover\:shadow-indigo-900:not(.static):hover,
html.system-dark .hover\:shadow-indigo-900:not(.static):hover {
  --tw-shadow-color: #7c2d12 !important;
}
html.dark .focus\:shadow-indigo-900:not(.static):focus,
html.system-dark .focus\:shadow-indigo-900:not(.static):focus {
  --tw-shadow-color: #7c2d12 !important;
}
html.dark .shadow-sky-50:not(.static),
html.system-dark .shadow-sky-50:not(.static) {
  --tw-shadow-color: #f0f9ff !important;
}
html.dark .hover\:shadow-sky-50:not(.static):hover,
html.system-dark .hover\:shadow-sky-50:not(.static):hover {
  --tw-shadow-color: #f0f9ff !important;
}
html.dark .focus\:shadow-sky-50:not(.static):focus,
html.system-dark .focus\:shadow-sky-50:not(.static):focus {
  --tw-shadow-color: #f0f9ff !important;
}
html.dark .shadow-sky-100:not(.static),
html.system-dark .shadow-sky-100:not(.static) {
  --tw-shadow-color: #e0f2fe !important;
}
html.dark .hover\:shadow-sky-100:not(.static):hover,
html.system-dark .hover\:shadow-sky-100:not(.static):hover {
  --tw-shadow-color: #e0f2fe !important;
}
html.dark .focus\:shadow-sky-100:not(.static):focus,
html.system-dark .focus\:shadow-sky-100:not(.static):focus {
  --tw-shadow-color: #e0f2fe !important;
}
html.dark .shadow-sky-200:not(.static),
html.system-dark .shadow-sky-200:not(.static) {
  --tw-shadow-color: #bae6fd !important;
}
html.dark .hover\:shadow-sky-200:not(.static):hover,
html.system-dark .hover\:shadow-sky-200:not(.static):hover {
  --tw-shadow-color: #bae6fd !important;
}
html.dark .focus\:shadow-sky-200:not(.static):focus,
html.system-dark .focus\:shadow-sky-200:not(.static):focus {
  --tw-shadow-color: #bae6fd !important;
}
html.dark .shadow-sky-300:not(.static),
html.system-dark .shadow-sky-300:not(.static) {
  --tw-shadow-color: #7dd3fc !important;
}
html.dark .hover\:shadow-sky-300:not(.static):hover,
html.system-dark .hover\:shadow-sky-300:not(.static):hover {
  --tw-shadow-color: #7dd3fc !important;
}
html.dark .focus\:shadow-sky-300:not(.static):focus,
html.system-dark .focus\:shadow-sky-300:not(.static):focus {
  --tw-shadow-color: #7dd3fc !important;
}
html.dark .shadow-sky-400:not(.static),
html.system-dark .shadow-sky-400:not(.static) {
  --tw-shadow-color: #38bdf8 !important;
}
html.dark .hover\:shadow-sky-400:not(.static):hover,
html.system-dark .hover\:shadow-sky-400:not(.static):hover {
  --tw-shadow-color: #38bdf8 !important;
}
html.dark .focus\:shadow-sky-400:not(.static):focus,
html.system-dark .focus\:shadow-sky-400:not(.static):focus {
  --tw-shadow-color: #38bdf8 !important;
}
html.dark .shadow-sky-500:not(.static),
html.system-dark .shadow-sky-500:not(.static) {
  --tw-shadow-color: #ea580c !important;
}
html.dark .hover\:shadow-sky-500:not(.static):hover,
html.system-dark .hover\:shadow-sky-500:not(.static):hover {
  --tw-shadow-color: #ea580c !important;
}
html.dark .focus\:shadow-sky-500:not(.static):focus,
html.system-dark .focus\:shadow-sky-500:not(.static):focus {
  --tw-shadow-color: #ea580c !important;
}
html.dark .shadow-sky-600:not(.static),
html.system-dark .shadow-sky-600:not(.static) {
  --tw-shadow-color: #0284c7 !important;
}
html.dark .hover\:shadow-sky-600:not(.static):hover,
html.system-dark .hover\:shadow-sky-600:not(.static):hover {
  --tw-shadow-color: #0284c7 !important;
}
html.dark .focus\:shadow-sky-600:not(.static):focus,
html.system-dark .focus\:shadow-sky-600:not(.static):focus {
  --tw-shadow-color: #0284c7 !important;
}
html.dark .shadow-sky-700:not(.static),
html.system-dark .shadow-sky-700:not(.static) {
  --tw-shadow-color: #0369a1 !important;
}
html.dark .hover\:shadow-sky-700:not(.static):hover,
html.system-dark .hover\:shadow-sky-700:not(.static):hover {
  --tw-shadow-color: #0369a1 !important;
}
html.dark .focus\:shadow-sky-700:not(.static):focus,
html.system-dark .focus\:shadow-sky-700:not(.static):focus {
  --tw-shadow-color: #0369a1 !important;
}
html.dark .shadow-sky-800:not(.static),
html.system-dark .shadow-sky-800:not(.static) {
  --tw-shadow-color: #075985 !important;
}
html.dark .hover\:shadow-sky-800:not(.static):hover,
html.system-dark .hover\:shadow-sky-800:not(.static):hover {
  --tw-shadow-color: #075985 !important;
}
html.dark .focus\:shadow-sky-800:not(.static):focus,
html.system-dark .focus\:shadow-sky-800:not(.static):focus {
  --tw-shadow-color: #075985 !important;
}
html.dark .shadow-sky-900:not(.static),
html.system-dark .shadow-sky-900:not(.static) {
  --tw-shadow-color: #0c4a6e !important;
}
html.dark .hover\:shadow-sky-900:not(.static):hover,
html.system-dark .hover\:shadow-sky-900:not(.static):hover {
  --tw-shadow-color: #0c4a6e !important;
}
html.dark .focus\:shadow-sky-900:not(.static):focus,
html.system-dark .focus\:shadow-sky-900:not(.static):focus {
  --tw-shadow-color: #0c4a6e !important;
}
html.dark .fill-white:not(.static),
html.system-dark .fill-white:not(.static) {
  fill: #3c3c3c !important;
}
html.dark .fill-black:not(.static),
html.system-dark .fill-black:not(.static) {
  fill: #fff !important;
}
html.dark .hover\:fill-white:not(.static):hover,
html.system-dark .hover\:fill-white:not(.static):hover {
  fill: #3c3c3c !important;
}
html.dark .hover\:fill-black:not(.static):hover,
html.system-dark .hover\:fill-black:not(.static):hover {
  fill: #fff !important;
}
html.dark .focus\:fill-white:not(.static):focus,
html.system-dark .focus\:fill-white:not(.static):focus {
  fill: #3c3c3c !important;
}
html.dark .focus\:fill-black:not(.static):focus,
html.system-dark .focus\:fill-black:not(.static):focus {
  fill: #fff !important;
}
html.dark .fill-slate-50:not(.static),
html.system-dark .fill-slate-50:not(.static) {
  fill: #f8fafc !important;
}
html.dark .hover\:fill-slate-50:not(.static):hover,
html.system-dark .hover\:fill-slate-50:not(.static):hover {
  fill: #f8fafc !important;
}
html.dark .focus\:fill-slate-50:not(.static):focus,
html.system-dark .focus\:fill-slate-50:not(.static):focus {
  fill: #f8fafc !important;
}
html.dark .fill-slate-100:not(.static),
html.system-dark .fill-slate-100:not(.static) {
  fill: #5e5e5e !important;
}
html.dark .hover\:fill-slate-100:not(.static):hover,
html.system-dark .hover\:fill-slate-100:not(.static):hover {
  fill: #5e5e5e !important;
}
html.dark .focus\:fill-slate-100:not(.static):focus,
html.system-dark .focus\:fill-slate-100:not(.static):focus {
  fill: #5e5e5e !important;
}
html.dark .fill-slate-200:not(.static),
html.system-dark .fill-slate-200:not(.static) {
  fill: #e2e8f0 !important;
}
html.dark .hover\:fill-slate-200:not(.static):hover,
html.system-dark .hover\:fill-slate-200:not(.static):hover {
  fill: #e2e8f0 !important;
}
html.dark .focus\:fill-slate-200:not(.static):focus,
html.system-dark .focus\:fill-slate-200:not(.static):focus {
  fill: #e2e8f0 !important;
}
html.dark .fill-slate-300:not(.static),
html.system-dark .fill-slate-300:not(.static) {
  fill: #cbd5e1 !important;
}
html.dark .hover\:fill-slate-300:not(.static):hover,
html.system-dark .hover\:fill-slate-300:not(.static):hover {
  fill: #cbd5e1 !important;
}
html.dark .focus\:fill-slate-300:not(.static):focus,
html.system-dark .focus\:fill-slate-300:not(.static):focus {
  fill: #cbd5e1 !important;
}
html.dark .fill-slate-400:not(.static),
html.system-dark .fill-slate-400:not(.static) {
  fill: #94a3b8 !important;
}
html.dark .hover\:fill-slate-400:not(.static):hover,
html.system-dark .hover\:fill-slate-400:not(.static):hover {
  fill: #94a3b8 !important;
}
html.dark .focus\:fill-slate-400:not(.static):focus,
html.system-dark .focus\:fill-slate-400:not(.static):focus {
  fill: #94a3b8 !important;
}
html.dark .fill-slate-500:not(.static),
html.system-dark .fill-slate-500:not(.static) {
  fill: #64748b !important;
}
html.dark .hover\:fill-slate-500:not(.static):hover,
html.system-dark .hover\:fill-slate-500:not(.static):hover {
  fill: #64748b !important;
}
html.dark .focus\:fill-slate-500:not(.static):focus,
html.system-dark .focus\:fill-slate-500:not(.static):focus {
  fill: #64748b !important;
}
html.dark .fill-slate-600:not(.static),
html.system-dark .fill-slate-600:not(.static) {
  fill: #475569 !important;
}
html.dark .hover\:fill-slate-600:not(.static):hover,
html.system-dark .hover\:fill-slate-600:not(.static):hover {
  fill: #475569 !important;
}
html.dark .focus\:fill-slate-600:not(.static):focus,
html.system-dark .focus\:fill-slate-600:not(.static):focus {
  fill: #475569 !important;
}
html.dark .fill-slate-700:not(.static),
html.system-dark .fill-slate-700:not(.static) {
  fill: #334155 !important;
}
html.dark .hover\:fill-slate-700:not(.static):hover,
html.system-dark .hover\:fill-slate-700:not(.static):hover {
  fill: #334155 !important;
}
html.dark .focus\:fill-slate-700:not(.static):focus,
html.system-dark .focus\:fill-slate-700:not(.static):focus {
  fill: #334155 !important;
}
html.dark .fill-slate-800:not(.static),
html.system-dark .fill-slate-800:not(.static) {
  fill: #1e293b !important;
}
html.dark .hover\:fill-slate-800:not(.static):hover,
html.system-dark .hover\:fill-slate-800:not(.static):hover {
  fill: #1e293b !important;
}
html.dark .focus\:fill-slate-800:not(.static):focus,
html.system-dark .focus\:fill-slate-800:not(.static):focus {
  fill: #1e293b !important;
}
html.dark .fill-slate-900:not(.static),
html.system-dark .fill-slate-900:not(.static) {
  fill: #0f172a !important;
}
html.dark .hover\:fill-slate-900:not(.static):hover,
html.system-dark .hover\:fill-slate-900:not(.static):hover {
  fill: #0f172a !important;
}
html.dark .focus\:fill-slate-900:not(.static):focus,
html.system-dark .focus\:fill-slate-900:not(.static):focus {
  fill: #0f172a !important;
}
html.dark .fill-gray-50:not(.static),
html.system-dark .fill-gray-50:not(.static) {
  fill: #4d4d4d !important;
}
html.dark .hover\:fill-gray-50:not(.static):hover,
html.system-dark .hover\:fill-gray-50:not(.static):hover {
  fill: #4d4d4d !important;
}
html.dark .focus\:fill-gray-50:not(.static):focus,
html.system-dark .focus\:fill-gray-50:not(.static):focus {
  fill: #4d4d4d !important;
}
html.dark .fill-gray-100:not(.static),
html.system-dark .fill-gray-100:not(.static) {
  fill: #5c5c5c !important;
}
html.dark .hover\:fill-gray-100:not(.static):hover,
html.system-dark .hover\:fill-gray-100:not(.static):hover {
  fill: #5c5c5c !important;
}
html.dark .focus\:fill-gray-100:not(.static):focus,
html.system-dark .focus\:fill-gray-100:not(.static):focus {
  fill: #5c5c5c !important;
}
html.dark .fill-gray-200:not(.static),
html.system-dark .fill-gray-200:not(.static) {
  fill: #5e5e5e !important;
}
html.dark .hover\:fill-gray-200:not(.static):hover,
html.system-dark .hover\:fill-gray-200:not(.static):hover {
  fill: #5e5e5e !important;
}
html.dark .focus\:fill-gray-200:not(.static):focus,
html.system-dark .focus\:fill-gray-200:not(.static):focus {
  fill: #5e5e5e !important;
}
html.dark .fill-gray-300:not(.static),
html.system-dark .fill-gray-300:not(.static) {
  fill: #d1d5db !important;
}
html.dark .hover\:fill-gray-300:not(.static):hover,
html.system-dark .hover\:fill-gray-300:not(.static):hover {
  fill: #d1d5db !important;
}
html.dark .focus\:fill-gray-300:not(.static):focus,
html.system-dark .focus\:fill-gray-300:not(.static):focus {
  fill: #d1d5db !important;
}
html.dark .fill-gray-400:not(.static),
html.system-dark .fill-gray-400:not(.static) {
  fill: #9ca3af !important;
}
html.dark .hover\:fill-gray-400:not(.static):hover,
html.system-dark .hover\:fill-gray-400:not(.static):hover {
  fill: #9ca3af !important;
}
html.dark .focus\:fill-gray-400:not(.static):focus,
html.system-dark .focus\:fill-gray-400:not(.static):focus {
  fill: #9ca3af !important;
}
html.dark .fill-gray-500:not(.static),
html.system-dark .fill-gray-500:not(.static) {
  fill: #6b7280 !important;
}
html.dark .hover\:fill-gray-500:not(.static):hover,
html.system-dark .hover\:fill-gray-500:not(.static):hover {
  fill: #6b7280 !important;
}
html.dark .focus\:fill-gray-500:not(.static):focus,
html.system-dark .focus\:fill-gray-500:not(.static):focus {
  fill: #6b7280 !important;
}
html.dark .fill-gray-600:not(.static),
html.system-dark .fill-gray-600:not(.static) {
  fill: #fff !important;
}
html.dark .hover\:fill-gray-600:not(.static):hover,
html.system-dark .hover\:fill-gray-600:not(.static):hover {
  fill: #fff !important;
}
html.dark .focus\:fill-gray-600:not(.static):focus,
html.system-dark .focus\:fill-gray-600:not(.static):focus {
  fill: #fff !important;
}
html.dark .fill-gray-700:not(.static),
html.system-dark .fill-gray-700:not(.static) {
  fill: #f1f1f1 !important;
}
html.dark .hover\:fill-gray-700:not(.static):hover,
html.system-dark .hover\:fill-gray-700:not(.static):hover {
  fill: #f1f1f1 !important;
}
html.dark .focus\:fill-gray-700:not(.static):focus,
html.system-dark .focus\:fill-gray-700:not(.static):focus {
  fill: #f1f1f1 !important;
}
html.dark .fill-gray-800:not(.static),
html.system-dark .fill-gray-800:not(.static) {
  fill: #252525 !important;
}
html.dark .hover\:fill-gray-800:not(.static):hover,
html.system-dark .hover\:fill-gray-800:not(.static):hover {
  fill: #252525 !important;
}
html.dark .focus\:fill-gray-800:not(.static):focus,
html.system-dark .focus\:fill-gray-800:not(.static):focus {
  fill: #252525 !important;
}
html.dark .fill-gray-900:not(.static),
html.system-dark .fill-gray-900:not(.static) {
  fill: #fff !important;
}
html.dark .hover\:fill-gray-900:not(.static):hover,
html.system-dark .hover\:fill-gray-900:not(.static):hover {
  fill: #fff !important;
}
html.dark .focus\:fill-gray-900:not(.static):focus,
html.system-dark .focus\:fill-gray-900:not(.static):focus {
  fill: #fff !important;
}
html.dark .fill-indigo-50:not(.static),
html.system-dark .fill-indigo-50:not(.static) {
  fill: #fff7ed !important;
}
html.dark .hover\:fill-indigo-50:not(.static):hover,
html.system-dark .hover\:fill-indigo-50:not(.static):hover {
  fill: #fff7ed !important;
}
html.dark .focus\:fill-indigo-50:not(.static):focus,
html.system-dark .focus\:fill-indigo-50:not(.static):focus {
  fill: #fff7ed !important;
}
html.dark .fill-indigo-100:not(.static),
html.system-dark .fill-indigo-100:not(.static) {
  fill: #ffedd5 !important;
}
html.dark .hover\:fill-indigo-100:not(.static):hover,
html.system-dark .hover\:fill-indigo-100:not(.static):hover {
  fill: #ffedd5 !important;
}
html.dark .focus\:fill-indigo-100:not(.static):focus,
html.system-dark .focus\:fill-indigo-100:not(.static):focus {
  fill: #ffedd5 !important;
}
html.dark .fill-indigo-200:not(.static),
html.system-dark .fill-indigo-200:not(.static) {
  fill: #fed7aa !important;
}
html.dark .hover\:fill-indigo-200:not(.static):hover,
html.system-dark .hover\:fill-indigo-200:not(.static):hover {
  fill: #fed7aa !important;
}
html.dark .focus\:fill-indigo-200:not(.static):focus,
html.system-dark .focus\:fill-indigo-200:not(.static):focus {
  fill: #fed7aa !important;
}
html.dark .fill-indigo-300:not(.static),
html.system-dark .fill-indigo-300:not(.static) {
  fill: #fdba74 !important;
}
html.dark .hover\:fill-indigo-300:not(.static):hover,
html.system-dark .hover\:fill-indigo-300:not(.static):hover {
  fill: #fdba74 !important;
}
html.dark .focus\:fill-indigo-300:not(.static):focus,
html.system-dark .focus\:fill-indigo-300:not(.static):focus {
  fill: #fdba74 !important;
}
html.dark .fill-indigo-400:not(.static),
html.system-dark .fill-indigo-400:not(.static) {
  fill: #fb923c !important;
}
html.dark .hover\:fill-indigo-400:not(.static):hover,
html.system-dark .hover\:fill-indigo-400:not(.static):hover {
  fill: #fb923c !important;
}
html.dark .focus\:fill-indigo-400:not(.static):focus,
html.system-dark .focus\:fill-indigo-400:not(.static):focus {
  fill: #fb923c !important;
}
html.dark .fill-indigo-500:not(.static),
html.system-dark .fill-indigo-500:not(.static) {
  fill: #f97316 !important;
}
html.dark .hover\:fill-indigo-500:not(.static):hover,
html.system-dark .hover\:fill-indigo-500:not(.static):hover {
  fill: #f97316 !important;
}
html.dark .focus\:fill-indigo-500:not(.static):focus,
html.system-dark .focus\:fill-indigo-500:not(.static):focus {
  fill: #f97316 !important;
}
html.dark .fill-indigo-600:not(.static),
html.system-dark .fill-indigo-600:not(.static) {
  fill: #ea580c !important;
}
html.dark .hover\:fill-indigo-600:not(.static):hover,
html.system-dark .hover\:fill-indigo-600:not(.static):hover {
  fill: #ea580c !important;
}
html.dark .focus\:fill-indigo-600:not(.static):focus,
html.system-dark .focus\:fill-indigo-600:not(.static):focus {
  fill: #ea580c !important;
}
html.dark .fill-indigo-700:not(.static),
html.system-dark .fill-indigo-700:not(.static) {
  fill: #c2410c !important;
}
html.dark .hover\:fill-indigo-700:not(.static):hover,
html.system-dark .hover\:fill-indigo-700:not(.static):hover {
  fill: #c2410c !important;
}
html.dark .focus\:fill-indigo-700:not(.static):focus,
html.system-dark .focus\:fill-indigo-700:not(.static):focus {
  fill: #c2410c !important;
}
html.dark .fill-indigo-800:not(.static),
html.system-dark .fill-indigo-800:not(.static) {
  fill: #9a3412 !important;
}
html.dark .hover\:fill-indigo-800:not(.static):hover,
html.system-dark .hover\:fill-indigo-800:not(.static):hover {
  fill: #9a3412 !important;
}
html.dark .focus\:fill-indigo-800:not(.static):focus,
html.system-dark .focus\:fill-indigo-800:not(.static):focus {
  fill: #9a3412 !important;
}
html.dark .fill-indigo-900:not(.static),
html.system-dark .fill-indigo-900:not(.static) {
  fill: #7c2d12 !important;
}
html.dark .hover\:fill-indigo-900:not(.static):hover,
html.system-dark .hover\:fill-indigo-900:not(.static):hover {
  fill: #7c2d12 !important;
}
html.dark .focus\:fill-indigo-900:not(.static):focus,
html.system-dark .focus\:fill-indigo-900:not(.static):focus {
  fill: #7c2d12 !important;
}
html.dark .fill-sky-50:not(.static),
html.system-dark .fill-sky-50:not(.static) {
  fill: #f0f9ff !important;
}
html.dark .hover\:fill-sky-50:not(.static):hover,
html.system-dark .hover\:fill-sky-50:not(.static):hover {
  fill: #f0f9ff !important;
}
html.dark .focus\:fill-sky-50:not(.static):focus,
html.system-dark .focus\:fill-sky-50:not(.static):focus {
  fill: #f0f9ff !important;
}
html.dark .fill-sky-100:not(.static),
html.system-dark .fill-sky-100:not(.static) {
  fill: #e0f2fe !important;
}
html.dark .hover\:fill-sky-100:not(.static):hover,
html.system-dark .hover\:fill-sky-100:not(.static):hover {
  fill: #e0f2fe !important;
}
html.dark .focus\:fill-sky-100:not(.static):focus,
html.system-dark .focus\:fill-sky-100:not(.static):focus {
  fill: #e0f2fe !important;
}
html.dark .fill-sky-200:not(.static),
html.system-dark .fill-sky-200:not(.static) {
  fill: #bae6fd !important;
}
html.dark .hover\:fill-sky-200:not(.static):hover,
html.system-dark .hover\:fill-sky-200:not(.static):hover {
  fill: #bae6fd !important;
}
html.dark .focus\:fill-sky-200:not(.static):focus,
html.system-dark .focus\:fill-sky-200:not(.static):focus {
  fill: #bae6fd !important;
}
html.dark .fill-sky-300:not(.static),
html.system-dark .fill-sky-300:not(.static) {
  fill: #7dd3fc !important;
}
html.dark .hover\:fill-sky-300:not(.static):hover,
html.system-dark .hover\:fill-sky-300:not(.static):hover {
  fill: #7dd3fc !important;
}
html.dark .focus\:fill-sky-300:not(.static):focus,
html.system-dark .focus\:fill-sky-300:not(.static):focus {
  fill: #7dd3fc !important;
}
html.dark .fill-sky-400:not(.static),
html.system-dark .fill-sky-400:not(.static) {
  fill: #38bdf8 !important;
}
html.dark .hover\:fill-sky-400:not(.static):hover,
html.system-dark .hover\:fill-sky-400:not(.static):hover {
  fill: #38bdf8 !important;
}
html.dark .focus\:fill-sky-400:not(.static):focus,
html.system-dark .focus\:fill-sky-400:not(.static):focus {
  fill: #38bdf8 !important;
}
html.dark .fill-sky-500:not(.static),
html.system-dark .fill-sky-500:not(.static) {
  fill: #ea580c !important;
}
html.dark .hover\:fill-sky-500:not(.static):hover,
html.system-dark .hover\:fill-sky-500:not(.static):hover {
  fill: #ea580c !important;
}
html.dark .focus\:fill-sky-500:not(.static):focus,
html.system-dark .focus\:fill-sky-500:not(.static):focus {
  fill: #ea580c !important;
}
html.dark .fill-sky-600:not(.static),
html.system-dark .fill-sky-600:not(.static) {
  fill: #0284c7 !important;
}
html.dark .hover\:fill-sky-600:not(.static):hover,
html.system-dark .hover\:fill-sky-600:not(.static):hover {
  fill: #0284c7 !important;
}
html.dark .focus\:fill-sky-600:not(.static):focus,
html.system-dark .focus\:fill-sky-600:not(.static):focus {
  fill: #0284c7 !important;
}
html.dark .fill-sky-700:not(.static),
html.system-dark .fill-sky-700:not(.static) {
  fill: #0369a1 !important;
}
html.dark .hover\:fill-sky-700:not(.static):hover,
html.system-dark .hover\:fill-sky-700:not(.static):hover {
  fill: #0369a1 !important;
}
html.dark .focus\:fill-sky-700:not(.static):focus,
html.system-dark .focus\:fill-sky-700:not(.static):focus {
  fill: #0369a1 !important;
}
html.dark .fill-sky-800:not(.static),
html.system-dark .fill-sky-800:not(.static) {
  fill: #075985 !important;
}
html.dark .hover\:fill-sky-800:not(.static):hover,
html.system-dark .hover\:fill-sky-800:not(.static):hover {
  fill: #075985 !important;
}
html.dark .focus\:fill-sky-800:not(.static):focus,
html.system-dark .focus\:fill-sky-800:not(.static):focus {
  fill: #075985 !important;
}
html.dark .fill-sky-900:not(.static),
html.system-dark .fill-sky-900:not(.static) {
  fill: #0c4a6e !important;
}
html.dark .hover\:fill-sky-900:not(.static):hover,
html.system-dark .hover\:fill-sky-900:not(.static):hover {
  fill: #0c4a6e !important;
}
html.dark .focus\:fill-sky-900:not(.static):focus,
html.system-dark .focus\:fill-sky-900:not(.static):focus {
  fill: #0c4a6e !important;
}