fastlion-amis/lib/helper.css

一种MIS页面生成工具

@charset "UTF-8";
.padding-1 {
  padding: 1px;
}

.padding-2 {
  padding: 2px;
}

.padding-3 {
  padding: 3px;
}

.padding-4 {
  padding: 4px;
}

.padding-5 {
  padding: 5px;
}

.padding-6 {
  padding: 6px;
}

.padding-7 {
  padding: 7px;
}

.padding-8 {
  padding: 8px;
}

.padding-9 {
  padding: 9px;
}

.padding-10 {
  padding: 10px;
}

.padding-11 {
  padding: 11px;
}

.padding-12 {
  padding: 12px;
}

.padding-13 {
  padding: 13px;
}

.padding-14 {
  padding: 14px;
}

.padding-15 {
  padding: 15px;
}

.padding-16 {
  padding: 16px;
}

.padding-17 {
  padding: 17px;
}

.padding-18 {
  padding: 18px;
}

.padding-19 {
  padding: 19px;
}

.padding-20 {
  padding: 20px;
}

/*!markdown

---
title: 背景色
---

| Class       | Properties               |
| ----------- | ------------------------ |
| bg-transparent | background: transparent |
| bg-none | background: none !important |
| bg-transparent | background: transparent |
| bg-current | background: currentColor |
| bg-black | background: #000 |
| bg-white | background: #fff |
| bg-primary | background: #007bff |
| bg-secondary | background: #6c757d |
| bg-success | background: #28a745 |
| bg-info | background: #007bff |
| bg-warning | background: #28a745 |
| bg-danger | background: #dc3545 |
| bg-light | background: #f8f9fa |
| bg-dark | background: #343a40 |
| bg-gray-transparent | background: transparent |
| bg-gray-current | background: currentColor |
| bg-gray-50 | background: #f9fafb |
| bg-gray-100 | background: #f3f4f6 |
| bg-gray-200 | background: #e5e7eb |
| bg-gray-300 | background: #d1d5db |
| bg-gray-400 | background: #9ca3af |
| bg-gray-500 | background: #6b7280 |
| bg-gray-600 | background: #4b5563 |
| bg-gray-700 | background: #374151 |
| bg-gray-800 | background: #1f2937 |
| bg-gray-900 | background: #111827 |
| bg-red-transparent | background: transparent |
| bg-red-current | background: currentColor |
| bg-red-50 | background: #fef2f2 |
| bg-red-100 | background: #fee2e2 |
| bg-red-200 | background: #fecaca |
| bg-red-300 | background: #fca5a5 |
| bg-red-400 | background: #f87171 |
| bg-red-500 | background: #ef4444 |
| bg-red-600 | background: #dc2626 |
| bg-red-700 | background: #b91c1c |
| bg-red-800 | background: #991b1b |
| bg-red-900 | background: #7f1d1d |
| bg-yellow-transparent | background: transparent |
| bg-yellow-current | background: currentColor |
| bg-yellow-50 | background: #fffbeb |
| bg-yellow-100 | background: #fef3c7 |
| bg-yellow-200 | background: #fde68a |
| bg-yellow-300 | background: #fcd34d |
| bg-yellow-400 | background: #fbbf24 |
| bg-yellow-500 | background: #f59e0b |
| bg-yellow-600 | background: #d97706 |
| bg-yellow-700 | background: #b45309 |
| bg-yellow-800 | background: #92400e |
| bg-yellow-900 | background: #78350f |
| bg-green-transparent | background: transparent |
| bg-green-current | background: currentColor |
| bg-green-50 | background: #ecfdf5 |
| bg-green-100 | background: #d1fae5 |
| bg-green-200 | background: #a7f3d0 |
| bg-green-300 | background: #6ee7b7 |
| bg-green-400 | background: #34d399 |
| bg-green-500 | background: #10b981 |
| bg-green-600 | background: #059669 |
| bg-green-700 | background: #047857 |
| bg-green-800 | background: #065f46 |
| bg-green-900 | background: #064e3b |
| bg-blue-transparent | background: transparent |
| bg-blue-current | background: currentColor |
| bg-blue-50 | background: #eff6ff |
| bg-blue-100 | background: #dbeafe |
| bg-blue-200 | background: #bfdbfe |
| bg-blue-300 | background: #93c5fd |
| bg-blue-400 | background: #60a5fa |
| bg-blue-500 | background: #3b82f6 |
| bg-blue-600 | background: #2563eb |
| bg-blue-700 | background: #1d4ed8 |
| bg-blue-800 | background: #1e40af |
| bg-blue-900 | background: #1e3a8a |
| bg-cyan-transparent | background: transparent |
| bg-cyan-current | background: currentColor |
| bg-cyan-50 | background: #ecfeff |
| bg-cyan-100 | background: #cffafe |
| bg-cyan-200 | background: #a5f3fc |
| bg-cyan-300 | background: #67e8f9 |
| bg-cyan-400 | background: #22d3ee |
| bg-cyan-500 | background: #06b6d4 |
| bg-cyan-600 | background: #0891b2 |
| bg-cyan-700 | background: #0e7490 |
| bg-cyan-800 | background: #155e75 |
| bg-cyan-900 | background: #164e63 |
| bg-indigo-transparent | background: transparent |
| bg-indigo-current | background: currentColor |
| bg-indigo-50 | background: #eef2ff |
| bg-indigo-100 | background: #e0e7ff |
| bg-indigo-200 | background: #c7d2fe |
| bg-indigo-300 | background: #a5b4fc |
| bg-indigo-400 | background: #818cf8 |
| bg-indigo-500 | background: #6366f1 |
| bg-indigo-600 | background: #4f46e5 |
| bg-indigo-700 | background: #4338ca |
| bg-indigo-800 | background: #3730a3 |
| bg-indigo-900 | background: #312e81 |
| bg-purple-transparent | background: transparent |
| bg-purple-current | background: currentColor |
| bg-purple-50 | background: #f5f3ff |
| bg-purple-100 | background: #ede9fe |
| bg-purple-200 | background: #ddd6fe |
| bg-purple-300 | background: #c4b5fd |
| bg-purple-400 | background: #a78bfa |
| bg-purple-500 | background: #8b5cf6 |
| bg-purple-600 | background: #7c3aed |
| bg-purple-700 | background: #6d28d9 |
| bg-purple-800 | background: #5b21b6 |
| bg-purple-900 | background: #4c1d95 |
| bg-pink-transparent | background: transparent |
| bg-pink-current | background: currentColor |
| bg-pink-50 | background: #fdf2f8 |
| bg-pink-100 | background: #fce7f3 |
| bg-pink-200 | background: #fbcfe8 |
| bg-pink-300 | background: #f9a8d4 |
| bg-pink-400 | background: #f472b6 |
| bg-pink-500 | background: #ec4899 |
| bg-pink-600 | background: #db2777 |
| bg-pink-700 | background: #be185d |
| bg-pink-800 | background: #9d174d |
| bg-pink-900 | background: #831843 |

还有 hover、active、focus、disabled 扩展，比如 `hover:bg-black`

*/
.bg-transparent {
  background: transparent;
}

.bg-none {
  background: none !important;
}

.bg-transparent {
  background: transparent;
}

.bg-current {
  background: currentColor;
}

.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-primary {
  background-color: #007bff !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-info {
  background-color: #007bff !important;
}

.bg-warning {
  background-color: #fad733 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-gray-transparent {
  background: transparent;
}

.bg-gray-current {
  background: currentColor;
}

.bg-gray-50 {
  background-color: #f9fafb !important;
}

.bg-gray-100 {
  background-color: #f3f4f6 !important;
}

.bg-gray-200 {
  background-color: #e5e7eb !important;
}

.bg-gray-300 {
  background-color: #d1d5db !important;
}

.bg-gray-400 {
  background-color: #9ca3af !important;
}

.bg-gray-500 {
  background-color: #6b7280 !important;
}

.bg-gray-600 {
  background-color: #4b5563 !important;
}

.bg-gray-700 {
  background-color: #374151 !important;
}

.bg-gray-800 {
  background-color: #1f2937 !important;
}

.bg-gray-900 {
  background-color: #111827 !important;
}

.bg-red-transparent {
  background: transparent;
}

.bg-red-current {
  background: currentColor;
}

.bg-red-50 {
  background-color: #fef2f2 !important;
}

.bg-red-100 {
  background-color: #fee2e2 !important;
}

.bg-red-200 {
  background-color: #fecaca !important;
}

.bg-red-300 {
  background-color: #fca5a5 !important;
}

.bg-red-400 {
  background-color: #f87171 !important;
}

.bg-red-500 {
  background-color: #ef4444 !important;
}

.bg-red-600 {
  background-color: #dc2626 !important;
}

.bg-red-700 {
  background-color: #b91c1c !important;
}

.bg-red-800 {
  background-color: #991b1b !important;
}

.bg-red-900 {
  background-color: #7f1d1d !important;
}

.bg-yellow-transparent {
  background: transparent;
}

.bg-yellow-current {
  background: currentColor;
}

.bg-yellow-50 {
  background-color: #fffbeb !important;
}

.bg-yellow-100 {
  background-color: #fef3c7 !important;
}

.bg-yellow-200 {
  background-color: #fde68a !important;
}

.bg-yellow-300 {
  background-color: #fcd34d !important;
}

.bg-yellow-400 {
  background-color: #fbbf24 !important;
}

.bg-yellow-500 {
  background-color: #f59e0b !important;
}

.bg-yellow-600 {
  background-color: #d97706 !important;
}

.bg-yellow-700 {
  background-color: #b45309 !important;
}

.bg-yellow-800 {
  background-color: #92400e !important;
}

.bg-yellow-900 {
  background-color: #78350f !important;
}

.bg-green-transparent {
  background: transparent;
}

.bg-green-current {
  background: currentColor;
}

.bg-green-50 {
  background-color: #ecfdf5 !important;
}

.bg-green-100 {
  background-color: #d1fae5 !important;
}

.bg-green-200 {
  background-color: #a7f3d0 !important;
}

.bg-green-300 {
  background-color: #6ee7b7 !important;
}

.bg-green-400 {
  background-color: #34d399 !important;
}

.bg-green-500 {
  background-color: #10b981 !important;
}

.bg-green-600 {
  background-color: #059669 !important;
}

.bg-green-700 {
  background-color: #047857 !important;
}

.bg-green-800 {
  background-color: #065f46 !important;
}

.bg-green-900 {
  background-color: #064e3b !important;
}

.bg-blue-transparent {
  background: transparent;
}

.bg-blue-current {
  background: currentColor;
}

.bg-blue-50 {
  background-color: #eff6ff !important;
}

.bg-blue-100 {
  background-color: #dbeafe !important;
}

.bg-blue-200 {
  background-color: #bfdbfe !important;
}

.bg-blue-300 {
  background-color: #93c5fd !important;
}

.bg-blue-400 {
  background-color: #60a5fa !important;
}

.bg-blue-500 {
  background-color: #3b82f6 !important;
}

.bg-blue-600 {
  background-color: #2563eb !important;
}

.bg-blue-700 {
  background-color: #1d4ed8 !important;
}

.bg-blue-800 {
  background-color: #1e40af !important;
}

.bg-blue-900 {
  background-color: #1e3a8a !important;
}

.bg-cyan-transparent {
  background: transparent;
}

.bg-cyan-current {
  background: currentColor;
}

.bg-cyan-50 {
  background-color: #ecfeff !important;
}

.bg-cyan-100 {
  background-color: #cffafe !important;
}

.bg-cyan-200 {
  background-color: #a5f3fc !important;
}

.bg-cyan-300 {
  background-color: #67e8f9 !important;
}

.bg-cyan-400 {
  background-color: #22d3ee !important;
}

.bg-cyan-500 {
  background-color: #06b6d4 !important;
}

.bg-cyan-600 {
  background-color: #0891b2 !important;
}

.bg-cyan-700 {
  background-color: #0e7490 !important;
}

.bg-cyan-800 {
  background-color: #155e75 !important;
}

.bg-cyan-900 {
  background-color: #164e63 !important;
}

.bg-indigo-transparent {
  background: transparent;
}

.bg-indigo-current {
  background: currentColor;
}

.bg-indigo-50 {
  background-color: #eef2ff !important;
}

.bg-indigo-100 {
  background-color: #e0e7ff !important;
}

.bg-indigo-200 {
  background-color: #c7d2fe !important;
}

.bg-indigo-300 {
  background-color: #a5b4fc !important;
}

.bg-indigo-400 {
  background-color: #818cf8 !important;
}

.bg-indigo-500 {
  background-color: #6366f1 !important;
}

.bg-indigo-600 {
  background-color: #4f46e5 !important;
}

.bg-indigo-700 {
  background-color: #4338ca !important;
}

.bg-indigo-800 {
  background-color: #3730a3 !important;
}

.bg-indigo-900 {
  background-color: #312e81 !important;
}

.bg-purple-transparent {
  background: transparent;
}

.bg-purple-current {
  background: currentColor;
}

.bg-purple-50 {
  background-color: #f5f3ff !important;
}

.bg-purple-100 {
  background-color: #ede9fe !important;
}

.bg-purple-200 {
  background-color: #ddd6fe !important;
}

.bg-purple-300 {
  background-color: #c4b5fd !important;
}

.bg-purple-400 {
  background-color: #a78bfa !important;
}

.bg-purple-500 {
  background-color: #8b5cf6 !important;
}

.bg-purple-600 {
  background-color: #7c3aed !important;
}

.bg-purple-700 {
  background-color: #6d28d9 !important;
}

.bg-purple-800 {
  background-color: #5b21b6 !important;
}

.bg-purple-900 {
  background-color: #4c1d95 !important;
}

.bg-pink-transparent {
  background: transparent;
}

.bg-pink-current {
  background: currentColor;
}

.bg-pink-50 {
  background-color: #fdf2f8 !important;
}

.bg-pink-100 {
  background-color: #fce7f3 !important;
}

.bg-pink-200 {
  background-color: #fbcfe8 !important;
}

.bg-pink-300 {
  background-color: #f9a8d4 !important;
}

.bg-pink-400 {
  background-color: #f472b6 !important;
}

.bg-pink-500 {
  background-color: #ec4899 !important;
}

.bg-pink-600 {
  background-color: #db2777 !important;
}

.bg-pink-700 {
  background-color: #be185d !important;
}

.bg-pink-800 {
  background-color: #9d174d !important;
}

.bg-pink-900 {
  background-color: #831843 !important;
}

.hover\:bg-transparent:hover {
  background: transparent;
}

.hover\:bg-none:hover {
  background: none !important;
}

.hover\:bg-transparent:hover {
  background: transparent;
}

.hover\:bg-current:hover {
  background: currentColor;
}

.hover\:bg-black:hover {
  background-color: #000 !important;
}

.hover\:bg-white:hover {
  background-color: #fff !important;
}

.hover\:bg-primary:hover {
  background-color: #007bff !important;
}

.hover\:bg-secondary:hover {
  background-color: #6c757d !important;
}

.hover\:bg-success:hover {
  background-color: #28a745 !important;
}

.hover\:bg-info:hover {
  background-color: #007bff !important;
}

.hover\:bg-warning:hover {
  background-color: #fad733 !important;
}

.hover\:bg-danger:hover {
  background-color: #dc3545 !important;
}

.hover\:bg-light:hover {
  background-color: #f8f9fa !important;
}

.hover\:bg-dark:hover {
  background-color: #343a40 !important;
}

.hover\:bg-gray-transparent:hover {
  background: transparent;
}

.hover\:bg-gray-current:hover {
  background: currentColor;
}

.hover\:bg-gray-50:hover {
  background-color: #f9fafb !important;
}

.hover\:bg-gray-100:hover {
  background-color: #f3f4f6 !important;
}

.hover\:bg-gray-200:hover {
  background-color: #e5e7eb !important;
}

.hover\:bg-gray-300:hover {
  background-color: #d1d5db !important;
}

.hover\:bg-gray-400:hover {
  background-color: #9ca3af !important;
}

.hover\:bg-gray-500:hover {
  background-color: #6b7280 !important;
}

.hover\:bg-gray-600:hover {
  background-color: #4b5563 !important;
}

.hover\:bg-gray-700:hover {
  background-color: #374151 !important;
}

.hover\:bg-gray-800:hover {
  background-color: #1f2937 !important;
}

.hover\:bg-gray-900:hover {
  background-color: #111827 !important;
}

.hover\:bg-red-transparent:hover {
  background: transparent;
}

.hover\:bg-red-current:hover {
  background: currentColor;
}

.hover\:bg-red-50:hover {
  background-color: #fef2f2 !important;
}

.hover\:bg-red-100:hover {
  background-color: #fee2e2 !important;
}

.hover\:bg-red-200:hover {
  background-color: #fecaca !important;
}

.hover\:bg-red-300:hover {
  background-color: #fca5a5 !important;
}

.hover\:bg-red-400:hover {
  background-color: #f87171 !important;
}

.hover\:bg-red-500:hover {
  background-color: #ef4444 !important;
}

.hover\:bg-red-600:hover {
  background-color: #dc2626 !important;
}

.hover\:bg-red-700:hover {
  background-color: #b91c1c !important;
}

.hover\:bg-red-800:hover {
  background-color: #991b1b !important;
}

.hover\:bg-red-900:hover {
  background-color: #7f1d1d !important;
}

.hover\:bg-yellow-transparent:hover {
  background: transparent;
}

.hover\:bg-yellow-current:hover {
  background: currentColor;
}

.hover\:bg-yellow-50:hover {
  background-color: #fffbeb !important;
}

.hover\:bg-yellow-100:hover {
  background-color: #fef3c7 !important;
}

.hover\:bg-yellow-200:hover {
  background-color: #fde68a !important;
}

.hover\:bg-yellow-300:hover {
  background-color: #fcd34d !important;
}

.hover\:bg-yellow-400:hover {
  background-color: #fbbf24 !important;
}

.hover\:bg-yellow-500:hover {
  background-color: #f59e0b !important;
}

.hover\:bg-yellow-600:hover {
  background-color: #d97706 !important;
}

.hover\:bg-yellow-700:hover {
  background-color: #b45309 !important;
}

.hover\:bg-yellow-800:hover {
  background-color: #92400e !important;
}

.hover\:bg-yellow-900:hover {
  background-color: #78350f !important;
}

.hover\:bg-green-transparent:hover {
  background: transparent;
}

.hover\:bg-green-current:hover {
  background: currentColor;
}

.hover\:bg-green-50:hover {
  background-color: #ecfdf5 !important;
}

.hover\:bg-green-100:hover {
  background-color: #d1fae5 !important;
}

.hover\:bg-green-200:hover {
  background-color: #a7f3d0 !important;
}

.hover\:bg-green-300:hover {
  background-color: #6ee7b7 !important;
}

.hover\:bg-green-400:hover {
  background-color: #34d399 !important;
}

.hover\:bg-green-500:hover {
  background-color: #10b981 !important;
}

.hover\:bg-green-600:hover {
  background-color: #059669 !important;
}

.hover\:bg-green-700:hover {
  background-color: #047857 !important;
}

.hover\:bg-green-800:hover {
  background-color: #065f46 !important;
}

.hover\:bg-green-900:hover {
  background-color: #064e3b !important;
}

.hover\:bg-blue-transparent:hover {
  background: transparent;
}

.hover\:bg-blue-current:hover {
  background: currentColor;
}

.hover\:bg-blue-50:hover {
  background-color: #eff6ff !important;
}

.hover\:bg-blue-100:hover {
  background-color: #dbeafe !important;
}

.hover\:bg-blue-200:hover {
  background-color: #bfdbfe !important;
}

.hover\:bg-blue-300:hover {
  background-color: #93c5fd !important;
}

.hover\:bg-blue-400:hover {
  background-color: #60a5fa !important;
}

.hover\:bg-blue-500:hover {
  background-color: #3b82f6 !important;
}

.hover\:bg-blue-600:hover {
  background-color: #2563eb !important;
}

.hover\:bg-blue-700:hover {
  background-color: #1d4ed8 !important;
}

.hover\:bg-blue-800:hover {
  background-color: #1e40af !important;
}

.hover\:bg-blue-900:hover {
  background-color: #1e3a8a !important;
}

.hover\:bg-cyan-transparent:hover {
  background: transparent;
}

.hover\:bg-cyan-current:hover {
  background: currentColor;
}

.hover\:bg-cyan-50:hover {
  background-color: #ecfeff !important;
}

.hover\:bg-cyan-100:hover {
  background-color: #cffafe !important;
}

.hover\:bg-cyan-200:hover {
  background-color: #a5f3fc !important;
}

.hover\:bg-cyan-300:hover {
  background-color: #67e8f9 !important;
}

.hover\:bg-cyan-400:hover {
  background-color: #22d3ee !important;
}

.hover\:bg-cyan-500:hover {
  background-color: #06b6d4 !important;
}

.hover\:bg-cyan-600:hover {
  background-color: #0891b2 !important;
}

.hover\:bg-cyan-700:hover {
  background-color: #0e7490 !important;
}

.hover\:bg-cyan-800:hover {
  background-color: #155e75 !important;
}

.hover\:bg-cyan-900:hover {
  background-color: #164e63 !important;
}

.hover\:bg-indigo-transparent:hover {
  background: transparent;
}

.hover\:bg-indigo-current:hover {
  background: currentColor;
}

.hover\:bg-indigo-50:hover {
  background-color: #eef2ff !important;
}

.hover\:bg-indigo-100:hover {
  background-color: #e0e7ff !important;
}

.hover\:bg-indigo-200:hover {
  background-color: #c7d2fe !important;
}

.hover\:bg-indigo-300:hover {
  background-color: #a5b4fc !important;
}

.hover\:bg-indigo-400:hover {
  background-color: #818cf8 !important;
}

.hover\:bg-indigo-500:hover {
  background-color: #6366f1 !important;
}

.hover\:bg-indigo-600:hover {
  background-color: #4f46e5 !important;
}

.hover\:bg-indigo-700:hover {
  background-color: #4338ca !important;
}

.hover\:bg-indigo-800:hover {
  background-color: #3730a3 !important;
}

.hover\:bg-indigo-900:hover {
  background-color: #312e81 !important;
}

.hover\:bg-purple-transparent:hover {
  background: transparent;
}

.hover\:bg-purple-current:hover {
  background: currentColor;
}

.hover\:bg-purple-50:hover {
  background-color: #f5f3ff !important;
}

.hover\:bg-purple-100:hover {
  background-color: #ede9fe !important;
}

.hover\:bg-purple-200:hover {
  background-color: #ddd6fe !important;
}

.hover\:bg-purple-300:hover {
  background-color: #c4b5fd !important;
}

.hover\:bg-purple-400:hover {
  background-color: #a78bfa !important;
}

.hover\:bg-purple-500:hover {
  background-color: #8b5cf6 !important;
}

.hover\:bg-purple-600:hover {
  background-color: #7c3aed !important;
}

.hover\:bg-purple-700:hover {
  background-color: #6d28d9 !important;
}

.hover\:bg-purple-800:hover {
  background-color: #5b21b6 !important;
}

.hover\:bg-purple-900:hover {
  background-color: #4c1d95 !important;
}

.hover\:bg-pink-transparent:hover {
  background: transparent;
}

.hover\:bg-pink-current:hover {
  background: currentColor;
}

.hover\:bg-pink-50:hover {
  background-color: #fdf2f8 !important;
}

.hover\:bg-pink-100:hover {
  background-color: #fce7f3 !important;
}

.hover\:bg-pink-200:hover {
  background-color: #fbcfe8 !important;
}

.hover\:bg-pink-300:hover {
  background-color: #f9a8d4 !important;
}

.hover\:bg-pink-400:hover {
  background-color: #f472b6 !important;
}

.hover\:bg-pink-500:hover {
  background-color: #ec4899 !important;
}

.hover\:bg-pink-600:hover {
  background-color: #db2777 !important;
}

.hover\:bg-pink-700:hover {
  background-color: #be185d !important;
}

.hover\:bg-pink-800:hover {
  background-color: #9d174d !important;
}

.hover\:bg-pink-900:hover {
  background-color: #831843 !important;
}

.active\:bg-transparent.is-active {
  background: transparent;
}

.active\:bg-none.is-active {
  background: none !important;
}

.active\:bg-transparent.is-active {
  background: transparent;
}

.active\:bg-current.is-active {
  background: currentColor;
}

.active\:bg-black.is-active,
.active\:bg-black:active {
  background-color: #000;
}

.active\:bg-white.is-active,
.active\:bg-white:active {
  background-color: #fff;
}

.active\:bg-primary.is-active,
.active\:bg-primary:active {
  background-color: #007bff;
}

.active\:bg-secondary.is-active,
.active\:bg-secondary:active {
  background-color: #6c757d;
}

.active\:bg-success.is-active,
.active\:bg-success:active {
  background-color: #28a745;
}

.active\:bg-info.is-active,
.active\:bg-info:active {
  background-color: #007bff;
}

.active\:bg-warning.is-active,
.active\:bg-warning:active {
  background-color: #fad733;
}

.active\:bg-danger.is-active,
.active\:bg-danger:active {
  background-color: #dc3545;
}

.active\:bg-light.is-active,
.active\:bg-light:active {
  background-color: #f8f9fa;
}

.active\:bg-dark.is-active,
.active\:bg-dark:active {
  background-color: #343a40;
}

.active\:bg-gray-transparent.is-active {
  background: transparent;
}

.active\:bg-gray-current.is-active {
  background: currentColor;
}

.active\:bg-gray-50.is-active,
.active\:bg-gray-50:active {
  background-color: #f9fafb;
}

.active\:bg-gray-100.is-active,
.active\:bg-gray-100:active {
  background-color: #f3f4f6;
}

.active\:bg-gray-200.is-active,
.active\:bg-gray-200:active {
  background-color: #e5e7eb;
}

.active\:bg-gray-300.is-active,
.active\:bg-gray-300:active {
  background-color: #d1d5db;
}

.active\:bg-gray-400.is-active,
.active\:bg-gray-400:active {
  background-color: #9ca3af;
}

.active\:bg-gray-500.is-active,
.active\:bg-gray-500:active {
  background-color: #6b7280;
}

.active\:bg-gray-600.is-active,
.active\:bg-gray-600:active {
  background-color: #4b5563;
}

.active\:bg-gray-700.is-active,
.active\:bg-gray-700:active {
  background-color: #374151;
}

.active\:bg-gray-800.is-active,
.active\:bg-gray-800:active {
  background-color: #1f2937;
}

.active\:bg-gray-900.is-active,
.active\:bg-gray-900:active {
  background-color: #111827;
}

.active\:bg-red-transparent.is-active {
  background: transparent;
}

.active\:bg-red-current.is-active {
  background: currentColor;
}

.active\:bg-red-50.is-active,
.active\:bg-red-50:active {
  background-color: #fef2f2;
}

.active\:bg-red-100.is-active,
.active\:bg-red-100:active {
  background-color: #fee2e2;
}

.active\:bg-red-200.is-active,
.active\:bg-red-200:active {
  background-color: #fecaca;
}

.active\:bg-red-300.is-active,
.active\:bg-red-300:active {
  background-color: #fca5a5;
}

.active\:bg-red-400.is-active,
.active\:bg-red-400:active {
  background-color: #f87171;
}

.active\:bg-red-500.is-active,
.active\:bg-red-500:active {
  background-color: #ef4444;
}

.active\:bg-red-600.is-active,
.active\:bg-red-600:active {
  background-color: #dc2626;
}

.active\:bg-red-700.is-active,
.active\:bg-red-700:active {
  background-color: #b91c1c;
}

.active\:bg-red-800.is-active,
.active\:bg-red-800:active {
  background-color: #991b1b;
}

.active\:bg-red-900.is-active,
.active\:bg-red-900:active {
  background-color: #7f1d1d;
}

.active\:bg-yellow-transparent.is-active {
  background: transparent;
}

.active\:bg-yellow-current.is-active {
  background: currentColor;
}

.active\:bg-yellow-50.is-active,
.active\:bg-yellow-50:active {
  background-color: #fffbeb;
}

.active\:bg-yellow-100.is-active,
.active\:bg-yellow-100:active {
  background-color: #fef3c7;
}

.active\:bg-yellow-200.is-active,
.active\:bg-yellow-200:active {
  background-color: #fde68a;
}

.active\:bg-yellow-300.is-active,
.active\:bg-yellow-300:active {
  background-color: #fcd34d;
}

.active\:bg-yellow-400.is-active,
.active\:bg-yellow-400:active {
  background-color: #fbbf24;
}

.active\:bg-yellow-500.is-active,
.active\:bg-yellow-500:active {
  background-color: #f59e0b;
}

.active\:bg-yellow-600.is-active,
.active\:bg-yellow-600:active {
  background-color: #d97706;
}

.active\:bg-yellow-700.is-active,
.active\:bg-yellow-700:active {
  background-color: #b45309;
}

.active\:bg-yellow-800.is-active,
.active\:bg-yellow-800:active {
  background-color: #92400e;
}

.active\:bg-yellow-900.is-active,
.active\:bg-yellow-900:active {
  background-color: #78350f;
}

.active\:bg-green-transparent.is-active {
  background: transparent;
}

.active\:bg-green-current.is-active {
  background: currentColor;
}

.active\:bg-green-50.is-active,
.active\:bg-green-50:active {
  background-color: #ecfdf5;
}

.active\:bg-green-100.is-active,
.active\:bg-green-100:active {
  background-color: #d1fae5;
}

.active\:bg-green-200.is-active,
.active\:bg-green-200:active {
  background-color: #a7f3d0;
}

.active\:bg-green-300.is-active,
.active\:bg-green-300:active {
  background-color: #6ee7b7;
}

.active\:bg-green-400.is-active,
.active\:bg-green-400:active {
  background-color: #34d399;
}

.active\:bg-green-500.is-active,
.active\:bg-green-500:active {
  background-color: #10b981;
}

.active\:bg-green-600.is-active,
.active\:bg-green-600:active {
  background-color: #059669;
}

.active\:bg-green-700.is-active,
.active\:bg-green-700:active {
  background-color: #047857;
}

.active\:bg-green-800.is-active,
.active\:bg-green-800:active {
  background-color: #065f46;
}

.active\:bg-green-900.is-active,
.active\:bg-green-900:active {
  background-color: #064e3b;
}

.active\:bg-blue-transparent.is-active {
  background: transparent;
}

.active\:bg-blue-current.is-active {
  background: currentColor;
}

.active\:bg-blue-50.is-active,
.active\:bg-blue-50:active {
  background-color: #eff6ff;
}

.active\:bg-blue-100.is-active,
.active\:bg-blue-100:active {
  background-color: #dbeafe;
}

.active\:bg-blue-200.is-active,
.active\:bg-blue-200:active {
  background-color: #bfdbfe;
}

.active\:bg-blue-300.is-active,
.active\:bg-blue-300:active {
  background-color: #93c5fd;
}

.active\:bg-blue-400.is-active,
.active\:bg-blue-400:active {
  background-color: #60a5fa;
}

.active\:bg-blue-500.is-active,
.active\:bg-blue-500:active {
  background-color: #3b82f6;
}

.active\:bg-blue-600.is-active,
.active\:bg-blue-600:active {
  background-color: #2563eb;
}

.active\:bg-blue-700.is-active,
.active\:bg-blue-700:active {
  background-color: #1d4ed8;
}

.active\:bg-blue-800.is-active,
.active\:bg-blue-800:active {
  background-color: #1e40af;
}

.active\:bg-blue-900.is-active,
.active\:bg-blue-900:active {
  background-color: #1e3a8a;
}

.active\:bg-cyan-transparent.is-active {
  background: transparent;
}

.active\:bg-cyan-current.is-active {
  background: currentColor;
}

.active\:bg-cyan-50.is-active,
.active\:bg-cyan-50:active {
  background-color: #ecfeff;
}

.active\:bg-cyan-100.is-active,
.active\:bg-cyan-100:active {
  background-color: #cffafe;
}

.active\:bg-cyan-200.is-active,
.active\:bg-cyan-200:active {
  background-color: #a5f3fc;
}

.active\:bg-cyan-300.is-active,
.active\:bg-cyan-300:active {
  background-color: #67e8f9;
}

.active\:bg-cyan-400.is-active,
.active\:bg-cyan-400:active {
  background-color: #22d3ee;
}

.active\:bg-cyan-500.is-active,
.active\:bg-cyan-500:active {
  background-color: #06b6d4;
}

.active\:bg-cyan-600.is-active,
.active\:bg-cyan-600:active {
  background-color: #0891b2;
}

.active\:bg-cyan-700.is-active,
.active\:bg-cyan-700:active {
  background-color: #0e7490;
}

.active\:bg-cyan-800.is-active,
.active\:bg-cyan-800:active {
  background-color: #155e75;
}

.active\:bg-cyan-900.is-active,
.active\:bg-cyan-900:active {
  background-color: #164e63;
}

.active\:bg-indigo-transparent.is-active {
  background: transparent;
}

.active\:bg-indigo-current.is-active {
  background: currentColor;
}

.active\:bg-indigo-50.is-active,
.active\:bg-indigo-50:active {
  background-color: #eef2ff;
}

.active\:bg-indigo-100.is-active,
.active\:bg-indigo-100:active {
  background-color: #e0e7ff;
}

.active\:bg-indigo-200.is-active,
.active\:bg-indigo-200:active {
  background-color: #c7d2fe;
}

.active\:bg-indigo-300.is-active,
.active\:bg-indigo-300:active {
  background-color: #a5b4fc;
}

.active\:bg-indigo-400.is-active,
.active\:bg-indigo-400:active {
  background-color: #818cf8;
}

.active\:bg-indigo-500.is-active,
.active\:bg-indigo-500:active {
  background-color: #6366f1;
}

.active\:bg-indigo-600.is-active,
.active\:bg-indigo-600:active {
  background-color: #4f46e5;
}

.active\:bg-indigo-700.is-active,
.active\:bg-indigo-700:active {
  background-color: #4338ca;
}

.active\:bg-indigo-800.is-active,
.active\:bg-indigo-800:active {
  background-color: #3730a3;
}

.active\:bg-indigo-900.is-active,
.active\:bg-indigo-900:active {
  background-color: #312e81;
}

.active\:bg-purple-transparent.is-active {
  background: transparent;
}

.active\:bg-purple-current.is-active {
  background: currentColor;
}

.active\:bg-purple-50.is-active,
.active\:bg-purple-50:active {
  background-color: #f5f3ff;
}

.active\:bg-purple-100.is-active,
.active\:bg-purple-100:active {
  background-color: #ede9fe;
}

.active\:bg-purple-200.is-active,
.active\:bg-purple-200:active {
  background-color: #ddd6fe;
}

.active\:bg-purple-300.is-active,
.active\:bg-purple-300:active {
  background-color: #c4b5fd;
}

.active\:bg-purple-400.is-active,
.active\:bg-purple-400:active {
  background-color: #a78bfa;
}

.active\:bg-purple-500.is-active,
.active\:bg-purple-500:active {
  background-color: #8b5cf6;
}

.active\:bg-purple-600.is-active,
.active\:bg-purple-600:active {
  background-color: #7c3aed;
}

.active\:bg-purple-700.is-active,
.active\:bg-purple-700:active {
  background-color: #6d28d9;
}

.active\:bg-purple-800.is-active,
.active\:bg-purple-800:active {
  background-color: #5b21b6;
}

.active\:bg-purple-900.is-active,
.active\:bg-purple-900:active {
  background-color: #4c1d95;
}

.active\:bg-pink-transparent.is-active {
  background: transparent;
}

.active\:bg-pink-current.is-active {
  background: currentColor;
}

.active\:bg-pink-50.is-active,
.active\:bg-pink-50:active {
  background-color: #fdf2f8;
}

.active\:bg-pink-100.is-active,
.active\:bg-pink-100:active {
  background-color: #fce7f3;
}

.active\:bg-pink-200.is-active,
.active\:bg-pink-200:active {
  background-color: #fbcfe8;
}

.active\:bg-pink-300.is-active,
.active\:bg-pink-300:active {
  background-color: #f9a8d4;
}

.active\:bg-pink-400.is-active,
.active\:bg-pink-400:active {
  background-color: #f472b6;
}

.active\:bg-pink-500.is-active,
.active\:bg-pink-500:active {
  background-color: #ec4899;
}

.active\:bg-pink-600.is-active,
.active\:bg-pink-600:active {
  background-color: #db2777;
}

.active\:bg-pink-700.is-active,
.active\:bg-pink-700:active {
  background-color: #be185d;
}

.active\:bg-pink-800.is-active,
.active\:bg-pink-800:active {
  background-color: #9d174d;
}

.active\:bg-pink-900.is-active,
.active\:bg-pink-900:active {
  background-color: #831843;
}

.focus\:bg-transparent:focus {
  background: transparent;
}

.focus\:bg-none:focus {
  background: none !important;
}

.focus\:bg-transparent:focus {
  background: transparent;
}

.focus\:bg-current:focus {
  background: currentColor;
}

.focus\:bg-black:focus {
  background-color: #000 !important;
}

.focus\:bg-white:focus {
  background-color: #fff !important;
}

.focus\:bg-primary:focus {
  background-color: #007bff !important;
}

.focus\:bg-secondary:focus {
  background-color: #6c757d !important;
}

.focus\:bg-success:focus {
  background-color: #28a745 !important;
}

.focus\:bg-info:focus {
  background-color: #007bff !important;
}

.focus\:bg-warning:focus {
  background-color: #fad733 !important;
}

.focus\:bg-danger:focus {
  background-color: #dc3545 !important;
}

.focus\:bg-light:focus {
  background-color: #f8f9fa !important;
}

.focus\:bg-dark:focus {
  background-color: #343a40 !important;
}

.focus\:bg-gray-transparent:focus {
  background: transparent;
}

.focus\:bg-gray-current:focus {
  background: currentColor;
}

.focus\:bg-gray-50:focus {
  background-color: #f9fafb !important;
}

.focus\:bg-gray-100:focus {
  background-color: #f3f4f6 !important;
}

.focus\:bg-gray-200:focus {
  background-color: #e5e7eb !important;
}

.focus\:bg-gray-300:focus {
  background-color: #d1d5db !important;
}

.focus\:bg-gray-400:focus {
  background-color: #9ca3af !important;
}

.focus\:bg-gray-500:focus {
  background-color: #6b7280 !important;
}

.focus\:bg-gray-600:focus {
  background-color: #4b5563 !important;
}

.focus\:bg-gray-700:focus {
  background-color: #374151 !important;
}

.focus\:bg-gray-800:focus {
  background-color: #1f2937 !important;
}

.focus\:bg-gray-900:focus {
  background-color: #111827 !important;
}

.focus\:bg-red-transparent:focus {
  background: transparent;
}

.focus\:bg-red-current:focus {
  background: currentColor;
}

.focus\:bg-red-50:focus {
  background-color: #fef2f2 !important;
}

.focus\:bg-red-100:focus {
  background-color: #fee2e2 !important;
}

.focus\:bg-red-200:focus {
  background-color: #fecaca !important;
}

.focus\:bg-red-300:focus {
  background-color: #fca5a5 !important;
}

.focus\:bg-red-400:focus {
  background-color: #f87171 !important;
}

.focus\:bg-red-500:focus {
  background-color: #ef4444 !important;
}

.focus\:bg-red-600:focus {
  background-color: #dc2626 !important;
}

.focus\:bg-red-700:focus {
  background-color: #b91c1c !important;
}

.focus\:bg-red-800:focus {
  background-color: #991b1b !important;
}

.focus\:bg-red-900:focus {
  background-color: #7f1d1d !important;
}

.focus\:bg-yellow-transparent:focus {
  background: transparent;
}

.focus\:bg-yellow-current:focus {
  background: currentColor;
}

.focus\:bg-yellow-50:focus {
  background-color: #fffbeb !important;
}

.focus\:bg-yellow-100:focus {
  background-color: #fef3c7 !important;
}

.focus\:bg-yellow-200:focus {
  background-color: #fde68a !important;
}

.focus\:bg-yellow-300:focus {
  background-color: #fcd34d !important;
}

.focus\:bg-yellow-400:focus {
  background-color: #fbbf24 !important;
}

.focus\:bg-yellow-500:focus {
  background-color: #f59e0b !important;
}

.focus\:bg-yellow-600:focus {
  background-color: #d97706 !important;
}

.focus\:bg-yellow-700:focus {
  background-color: #b45309 !important;
}

.focus\:bg-yellow-800:focus {
  background-color: #92400e !important;
}

.focus\:bg-yellow-900:focus {
  background-color: #78350f !important;
}

.focus\:bg-green-transparent:focus {
  background: transparent;
}

.focus\:bg-green-current:focus {
  background: currentColor;
}

.focus\:bg-green-50:focus {
  background-color: #ecfdf5 !important;
}

.focus\:bg-green-100:focus {
  background-color: #d1fae5 !important;
}

.focus\:bg-green-200:focus {
  background-color: #a7f3d0 !important;
}

.focus\:bg-green-300:focus {
  background-color: #6ee7b7 !important;
}

.focus\:bg-green-400:focus {
  background-color: #34d399 !important;
}

.focus\:bg-green-500:focus {
  background-color: #10b981 !important;
}

.focus\:bg-green-600:focus {
  background-color: #059669 !important;
}

.focus\:bg-green-700:focus {
  background-color: #047857 !important;
}

.focus\:bg-green-800:focus {
  background-color: #065f46 !important;
}

.focus\:bg-green-900:focus {
  background-color: #064e3b !important;
}

.focus\:bg-blue-transparent:focus {
  background: transparent;
}

.focus\:bg-blue-current:focus {
  background: currentColor;
}

.focus\:bg-blue-50:focus {
  background-color: #eff6ff !important;
}

.focus\:bg-blue-100:focus {
  background-color: #dbeafe !important;
}

.focus\:bg-blue-200:focus {
  background-color: #bfdbfe !important;
}

.focus\:bg-blue-300:focus {
  background-color: #93c5fd !important;
}

.focus\:bg-blue-400:focus {
  background-color: #60a5fa !important;
}

.focus\:bg-blue-500:focus {
  background-color: #3b82f6 !important;
}

.focus\:bg-blue-600:focus {
  background-color: #2563eb !important;
}

.focus\:bg-blue-700:focus {
  background-color: #1d4ed8 !important;
}

.focus\:bg-blue-800:focus {
  background-color: #1e40af !important;
}

.focus\:bg-blue-900:focus {
  background-color: #1e3a8a !important;
}

.focus\:bg-cyan-transparent:focus {
  background: transparent;
}

.focus\:bg-cyan-current:focus {
  background: currentColor;
}

.focus\:bg-cyan-50:focus {
  background-color: #ecfeff !important;
}

.focus\:bg-cyan-100:focus {
  background-color: #cffafe !important;
}

.focus\:bg-cyan-200:focus {
  background-color: #a5f3fc !important;
}

.focus\:bg-cyan-300:focus {
  background-color: #67e8f9 !important;
}

.focus\:bg-cyan-400:focus {
  background-color: #22d3ee !important;
}

.focus\:bg-cyan-500:focus {
  background-color: #06b6d4 !important;
}

.focus\:bg-cyan-600:focus {
  background-color: #0891b2 !important;
}

.focus\:bg-cyan-700:focus {
  background-color: #0e7490 !important;
}

.focus\:bg-cyan-800:focus {
  background-color: #155e75 !important;
}

.focus\:bg-cyan-900:focus {
  background-color: #164e63 !important;
}

.focus\:bg-indigo-transparent:focus {
  background: transparent;
}

.focus\:bg-indigo-current:focus {
  background: currentColor;
}

.focus\:bg-indigo-50:focus {
  background-color: #eef2ff !important;
}

.focus\:bg-indigo-100:focus {
  background-color: #e0e7ff !important;
}

.focus\:bg-indigo-200:focus {
  background-color: #c7d2fe !important;
}

.focus\:bg-indigo-300:focus {
  background-color: #a5b4fc !important;
}

.focus\:bg-indigo-400:focus {
  background-color: #818cf8 !important;
}

.focus\:bg-indigo-500:focus {
  background-color: #6366f1 !important;
}

.focus\:bg-indigo-600:focus {
  background-color: #4f46e5 !important;
}

.focus\:bg-indigo-700:focus {
  background-color: #4338ca !important;
}

.focus\:bg-indigo-800:focus {
  background-color: #3730a3 !important;
}

.focus\:bg-indigo-900:focus {
  background-color: #312e81 !important;
}

.focus\:bg-purple-transparent:focus {
  background: transparent;
}

.focus\:bg-purple-current:focus {
  background: currentColor;
}

.focus\:bg-purple-50:focus {
  background-color: #f5f3ff !important;
}

.focus\:bg-purple-100:focus {
  background-color: #ede9fe !important;
}

.focus\:bg-purple-200:focus {
  background-color: #ddd6fe !important;
}

.focus\:bg-purple-300:focus {
  background-color: #c4b5fd !important;
}

.focus\:bg-purple-400:focus {
  background-color: #a78bfa !important;
}

.focus\:bg-purple-500:focus {
  background-color: #8b5cf6 !important;
}

.focus\:bg-purple-600:focus {
  background-color: #7c3aed !important;
}

.focus\:bg-purple-700:focus {
  background-color: #6d28d9 !important;
}

.focus\:bg-purple-800:focus {
  background-color: #5b21b6 !important;
}

.focus\:bg-purple-900:focus {
  background-color: #4c1d95 !important;
}

.focus\:bg-pink-transparent:focus {
  background: transparent;
}

.focus\:bg-pink-current:focus {
  background: currentColor;
}

.focus\:bg-pink-50:focus {
  background-color: #fdf2f8 !important;
}

.focus\:bg-pink-100:focus {
  background-color: #fce7f3 !important;
}

.focus\:bg-pink-200:focus {
  background-color: #fbcfe8 !important;
}

.focus\:bg-pink-300:focus {
  background-color: #f9a8d4 !important;
}

.focus\:bg-pink-400:focus {
  background-color: #f472b6 !important;
}

.focus\:bg-pink-500:focus {
  background-color: #ec4899 !important;
}

.focus\:bg-pink-600:focus {
  background-color: #db2777 !important;
}

.focus\:bg-pink-700:focus {
  background-color: #be185d !important;
}

.focus\:bg-pink-800:focus {
  background-color: #9d174d !important;
}

.focus\:bg-pink-900:focus {
  background-color: #831843 !important;
}

.disabled\:bg-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-none.is-disabled {
  background: none !important;
}

.disabled\:bg-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-black.is-disabled,
.disabled\:bg-black:disabled {
  background-color: #000;
}

.disabled\:bg-white.is-disabled,
.disabled\:bg-white:disabled {
  background-color: #fff;
}

.disabled\:bg-primary.is-disabled,
.disabled\:bg-primary:disabled {
  background-color: #007bff;
}

.disabled\:bg-secondary.is-disabled,
.disabled\:bg-secondary:disabled {
  background-color: #6c757d;
}

.disabled\:bg-success.is-disabled,
.disabled\:bg-success:disabled {
  background-color: #28a745;
}

.disabled\:bg-info.is-disabled,
.disabled\:bg-info:disabled {
  background-color: #007bff;
}

.disabled\:bg-warning.is-disabled,
.disabled\:bg-warning:disabled {
  background-color: #fad733;
}

.disabled\:bg-danger.is-disabled,
.disabled\:bg-danger:disabled {
  background-color: #dc3545;
}

.disabled\:bg-light.is-disabled,
.disabled\:bg-light:disabled {
  background-color: #f8f9fa;
}

.disabled\:bg-dark.is-disabled,
.disabled\:bg-dark:disabled {
  background-color: #343a40;
}

.disabled\:bg-gray-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-gray-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-gray-50.is-disabled,
.disabled\:bg-gray-50:disabled {
  background-color: #f9fafb;
}

.disabled\:bg-gray-100.is-disabled,
.disabled\:bg-gray-100:disabled {
  background-color: #f3f4f6;
}

.disabled\:bg-gray-200.is-disabled,
.disabled\:bg-gray-200:disabled {
  background-color: #e5e7eb;
}

.disabled\:bg-gray-300.is-disabled,
.disabled\:bg-gray-300:disabled {
  background-color: #d1d5db;
}

.disabled\:bg-gray-400.is-disabled,
.disabled\:bg-gray-400:disabled {
  background-color: #9ca3af;
}

.disabled\:bg-gray-500.is-disabled,
.disabled\:bg-gray-500:disabled {
  background-color: #6b7280;
}

.disabled\:bg-gray-600.is-disabled,
.disabled\:bg-gray-600:disabled {
  background-color: #4b5563;
}

.disabled\:bg-gray-700.is-disabled,
.disabled\:bg-gray-700:disabled {
  background-color: #374151;
}

.disabled\:bg-gray-800.is-disabled,
.disabled\:bg-gray-800:disabled {
  background-color: #1f2937;
}

.disabled\:bg-gray-900.is-disabled,
.disabled\:bg-gray-900:disabled {
  background-color: #111827;
}

.disabled\:bg-red-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-red-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-red-50.is-disabled,
.disabled\:bg-red-50:disabled {
  background-color: #fef2f2;
}

.disabled\:bg-red-100.is-disabled,
.disabled\:bg-red-100:disabled {
  background-color: #fee2e2;
}

.disabled\:bg-red-200.is-disabled,
.disabled\:bg-red-200:disabled {
  background-color: #fecaca;
}

.disabled\:bg-red-300.is-disabled,
.disabled\:bg-red-300:disabled {
  background-color: #fca5a5;
}

.disabled\:bg-red-400.is-disabled,
.disabled\:bg-red-400:disabled {
  background-color: #f87171;
}

.disabled\:bg-red-500.is-disabled,
.disabled\:bg-red-500:disabled {
  background-color: #ef4444;
}

.disabled\:bg-red-600.is-disabled,
.disabled\:bg-red-600:disabled {
  background-color: #dc2626;
}

.disabled\:bg-red-700.is-disabled,
.disabled\:bg-red-700:disabled {
  background-color: #b91c1c;
}

.disabled\:bg-red-800.is-disabled,
.disabled\:bg-red-800:disabled {
  background-color: #991b1b;
}

.disabled\:bg-red-900.is-disabled,
.disabled\:bg-red-900:disabled {
  background-color: #7f1d1d;
}

.disabled\:bg-yellow-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-yellow-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-yellow-50.is-disabled,
.disabled\:bg-yellow-50:disabled {
  background-color: #fffbeb;
}

.disabled\:bg-yellow-100.is-disabled,
.disabled\:bg-yellow-100:disabled {
  background-color: #fef3c7;
}

.disabled\:bg-yellow-200.is-disabled,
.disabled\:bg-yellow-200:disabled {
  background-color: #fde68a;
}

.disabled\:bg-yellow-300.is-disabled,
.disabled\:bg-yellow-300:disabled {
  background-color: #fcd34d;
}

.disabled\:bg-yellow-400.is-disabled,
.disabled\:bg-yellow-400:disabled {
  background-color: #fbbf24;
}

.disabled\:bg-yellow-500.is-disabled,
.disabled\:bg-yellow-500:disabled {
  background-color: #f59e0b;
}

.disabled\:bg-yellow-600.is-disabled,
.disabled\:bg-yellow-600:disabled {
  background-color: #d97706;
}

.disabled\:bg-yellow-700.is-disabled,
.disabled\:bg-yellow-700:disabled {
  background-color: #b45309;
}

.disabled\:bg-yellow-800.is-disabled,
.disabled\:bg-yellow-800:disabled {
  background-color: #92400e;
}

.disabled\:bg-yellow-900.is-disabled,
.disabled\:bg-yellow-900:disabled {
  background-color: #78350f;
}

.disabled\:bg-green-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-green-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-green-50.is-disabled,
.disabled\:bg-green-50:disabled {
  background-color: #ecfdf5;
}

.disabled\:bg-green-100.is-disabled,
.disabled\:bg-green-100:disabled {
  background-color: #d1fae5;
}

.disabled\:bg-green-200.is-disabled,
.disabled\:bg-green-200:disabled {
  background-color: #a7f3d0;
}

.disabled\:bg-green-300.is-disabled,
.disabled\:bg-green-300:disabled {
  background-color: #6ee7b7;
}

.disabled\:bg-green-400.is-disabled,
.disabled\:bg-green-400:disabled {
  background-color: #34d399;
}

.disabled\:bg-green-500.is-disabled,
.disabled\:bg-green-500:disabled {
  background-color: #10b981;
}

.disabled\:bg-green-600.is-disabled,
.disabled\:bg-green-600:disabled {
  background-color: #059669;
}

.disabled\:bg-green-700.is-disabled,
.disabled\:bg-green-700:disabled {
  background-color: #047857;
}

.disabled\:bg-green-800.is-disabled,
.disabled\:bg-green-800:disabled {
  background-color: #065f46;
}

.disabled\:bg-green-900.is-disabled,
.disabled\:bg-green-900:disabled {
  background-color: #064e3b;
}

.disabled\:bg-blue-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-blue-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-blue-50.is-disabled,
.disabled\:bg-blue-50:disabled {
  background-color: #eff6ff;
}

.disabled\:bg-blue-100.is-disabled,
.disabled\:bg-blue-100:disabled {
  background-color: #dbeafe;
}

.disabled\:bg-blue-200.is-disabled,
.disabled\:bg-blue-200:disabled {
  background-color: #bfdbfe;
}

.disabled\:bg-blue-300.is-disabled,
.disabled\:bg-blue-300:disabled {
  background-color: #93c5fd;
}

.disabled\:bg-blue-400.is-disabled,
.disabled\:bg-blue-400:disabled {
  background-color: #60a5fa;
}

.disabled\:bg-blue-500.is-disabled,
.disabled\:bg-blue-500:disabled {
  background-color: #3b82f6;
}

.disabled\:bg-blue-600.is-disabled,
.disabled\:bg-blue-600:disabled {
  background-color: #2563eb;
}

.disabled\:bg-blue-700.is-disabled,
.disabled\:bg-blue-700:disabled {
  background-color: #1d4ed8;
}

.disabled\:bg-blue-800.is-disabled,
.disabled\:bg-blue-800:disabled {
  background-color: #1e40af;
}

.disabled\:bg-blue-900.is-disabled,
.disabled\:bg-blue-900:disabled {
  background-color: #1e3a8a;
}

.disabled\:bg-cyan-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-cyan-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-cyan-50.is-disabled,
.disabled\:bg-cyan-50:disabled {
  background-color: #ecfeff;
}

.disabled\:bg-cyan-100.is-disabled,
.disabled\:bg-cyan-100:disabled {
  background-color: #cffafe;
}

.disabled\:bg-cyan-200.is-disabled,
.disabled\:bg-cyan-200:disabled {
  background-color: #a5f3fc;
}

.disabled\:bg-cyan-300.is-disabled,
.disabled\:bg-cyan-300:disabled {
  background-color: #67e8f9;
}

.disabled\:bg-cyan-400.is-disabled,
.disabled\:bg-cyan-400:disabled {
  background-color: #22d3ee;
}

.disabled\:bg-cyan-500.is-disabled,
.disabled\:bg-cyan-500:disabled {
  background-color: #06b6d4;
}

.disabled\:bg-cyan-600.is-disabled,
.disabled\:bg-cyan-600:disabled {
  background-color: #0891b2;
}

.disabled\:bg-cyan-700.is-disabled,
.disabled\:bg-cyan-700:disabled {
  background-color: #0e7490;
}

.disabled\:bg-cyan-800.is-disabled,
.disabled\:bg-cyan-800:disabled {
  background-color: #155e75;
}

.disabled\:bg-cyan-900.is-disabled,
.disabled\:bg-cyan-900:disabled {
  background-color: #164e63;
}

.disabled\:bg-indigo-transparent.is-disabled {
  background: transparent;
}

.disabled\:bg-indigo-current.is-disabled {
  background: currentColor;
}

.disabled\:bg-indigo-50.is-disabled,
.disabled\:bg-indigo-50:disabled {
  background-color: #eef2ff;
}

.disabled\:bg-indigo-100.is-disabled,
.disabled\:bg-indigo-100:disabled {
  background-color: #e0e7ff;
}

.disabled\:bg-indigo-200.is-disabled,
.disabled\:bg-indigo-200:disabled {
  background-color: #c7d2fe;
}

.disabled\:bg-indigo-300.is-disabled,
.disabled\:bg-indigo-300:disabled {
  background-color: #a5b4fc;
}

.disabled\:bg-indigo-400.is-disabled,
.disabled\:bg-indigo-400:disabled {
  background-color: #818cf8;
}

.disabled\:bg-indigo-500.is-disabled,
.disabled\:bg-indigo-500:disabled {
  background-color: #6366f1;
}

.disabled\:bg-indigo-600.is-disabled,
.disabled\:bg-indigo-600:disabled {
  background-color: #4f46e5;
}

.disabled\:bg-indigo-700.is-disabled,
.disabled\:bg-indigo-700:disabled {
  background-color: