|
| 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`
参考: [tailwindcss](https://tailwindcss.com/docs/background-color)
*/
.bg-transparent {
background: transparent;
}
.bg-none {
background: none !important;
}
.bg-transparent {
background: transparent;
}
.bg-current {
background: currentColor;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #fff;
}
.bg-primary {
background-color: #007bff;
}
.bg-secondary {
background-color: #6c757d;
}
.bg-success {
background-color: #28a745;
}
.bg-info {
background-color: #007bff;
}
.bg-warning {
background-color: #fad733;
}
.bg-danger {
background-color: #dc3545;
}
.bg-light {
background-color: #f8f9fa;
}
.bg-dark {
background-color: #343a40;
}
.bg-gray-transparent {
background: transparent;
}
.bg-gray-current {
background: currentColor;
}
.bg-gray-50 {
background-color: #f9fafb;
}
.bg-gray-100 {
background-color: #f3f4f6;
}
.bg-gray-200 {
background-color: #e5e7eb;
}
.bg-gray-300 {
background-color: #d1d5db;
}
.bg-gray-400 {
background-color: #9ca3af;
}
.bg-gray-500 {
background-color: #6b7280;
}
.bg-gray-600 {
background-color: #4b5563;
}
.bg-gray-700 {
background-color: #374151;
}
.bg-gray-800 {
background-color: #1f2937;
}
.bg-gray-900 {
background-color: #111827;
}
.bg-red-transparent {
background: transparent;
}
.bg-red-current {
background: currentColor;
}
.bg-red-50 {
background-color: #fef2f2;
}
.bg-red-100 {
background-color: #fee2e2;
}
.bg-red-200 {
background-color: #fecaca;
}
.bg-red-300 {
background-color: #fca5a5;
}
.bg-red-400 {
background-color: #f87171;
}
.bg-red-500 {
background-color: #ef4444;
}
.bg-red-600 {
background-color: #dc2626;
}
.bg-red-700 {
background-color: #b91c1c;
}
.bg-red-800 {
background-color: #991b1b;
}
.bg-red-900 {
background-color: #7f1d1d;
}
.bg-yellow-transparent {
background: transparent;
}
.bg-yellow-current {
background: currentColor;
}
.bg-yellow-50 {
background-color: #fffbeb;
}
.bg-yellow-100 {
background-color: #fef3c7;
}
.bg-yellow-200 {
background-color: #fde68a;
}
.bg-yellow-300 {
background-color: #fcd34d;
}
.bg-yellow-400 {
background-color: #fbbf24;
}
.bg-yellow-500 {
background-color: #f59e0b;
}
.bg-yellow-600 {
background-color: #d97706;
}
.bg-yellow-700 {
background-color: #b45309;
}
.bg-yellow-800 {
background-color: #92400e;
}
.bg-yellow-900 {
background-color: #78350f;
}
.bg-green-transparent {
background: transparent;
}
.bg-green-current {
background: currentColor;
}
.bg-green-50 {
background-color: #ecfdf5;
}
.bg-green-100 {
background-color: #d1fae5;
}
.bg-green-200 {
background-color: #a7f3d0;
}
.bg-green-300 {
background-color: #6ee7b7;
}
.bg-green-400 {
background-color: #34d399;
}
.bg-green-500 {
background-color: #10b981;
}
.bg-green-600 {
background-color: #059669;
}
.bg-green-700 {
background-color: #047857;
}
.bg-green-800 {
background-color: #065f46;
}
.bg-green-900 {
background-color: #064e3b;
}
.bg-blue-transparent {
background: transparent;
}
.bg-blue-current {
background: currentColor;
}
.bg-blue-50 {
background-color: #eff6ff;
}
.bg-blue-100 {
background-color: #dbeafe;
}
.bg-blue-200 {
background-color: #bfdbfe;
}
.bg-blue-300 {
background-color: #93c5fd;
}
.bg-blue-400 {
background-color: #60a5fa;
}
.bg-blue-500 {
background-color: #3b82f6;
}
.bg-blue-600 {
background-color: #2563eb;
}
.bg-blue-700 {
background-color: #1d4ed8;
}
.bg-blue-800 {
background-color: #1e40af;
}
.bg-blue-900 {
background-color: #1e3a8a;
}
.bg-cyan-transparent {
background: transparent;
}
.bg-cyan-current {
background: currentColor;
}
.bg-cyan-50 {
background-color: #ecfeff;
}
.bg-cyan-100 {
background-color: #cffafe;
}
.bg-cyan-200 {
background-color: #a5f3fc;
}
.bg-cyan-300 {
background-color: #67e8f9;
}
.bg-cyan-400 {
background-color: #22d3ee;
}
.bg-cyan-500 {
background-color: #06b6d4;
}
.bg-cyan-600 {
background-color: #0891b2;
}
.bg-cyan-700 {
background-color: #0e7490;
}
.bg-cyan-800 {
background-color: #155e75;
}
.bg-cyan-900 {
background-color: #164e63;
}
.bg-indigo-transparent {
background: transparent;
}
.bg-indigo-current {
background: currentColor;
}
.bg-indigo-50 {
background-color: #eef2ff;
}
.bg-indigo-100 {
background-color: #e0e7ff;
}
.bg-indigo-200 {
background-color: #c7d2fe;
}
.bg-indigo-300 {
background-color: #a5b4fc;
}
.bg-indigo-400 {
background-color: #818cf8;
}
.bg-indigo-500 {
background-color: #6366f1;
}
.bg-indigo-600 {
background-color: #4f46e5;
}
.bg-indigo-700 {
background-color: #4338ca;
}
.bg-indigo-800 {
background-color: #3730a3;
}
.bg-indigo-900 {
background-color: #312e81;
}
.bg-purple-transparent {
background: transparent;
}
.bg-purple-current {
background: currentColor;
}
.bg-purple-50 {
background-color: #f5f3ff;
}
.bg-purple-100 {
background-color: #ede9fe;
}
.bg-purple-200 {
background-color: #ddd6fe;
}
.bg-purple-300 {
background-color: #c4b5fd;
}
.bg-purple-400 {
background-color: #a78bfa;
}
.bg-purple-500 {
background-color: #8b5cf6;
}
.bg-purple-600 {
background-color: #7c3aed;
}
.bg-purple-700 {
background-color: #6d28d9;
}
.bg-purple-800 {
background-color: #5b21b6;
}
.bg-purple-900 {
background-color: #4c1d95;
}
.bg-pink-transparent {
background: transparent;
}
.bg-pink-current {
background: currentColor;
}
.bg-pink-50 {
background-color: #fdf2f8;
}
.bg-pink-100 {
background-color: #fce7f3;
}
.bg-pink-200 {
background-color: #fbcfe8;
}
.bg-pink-300 {
background-color: #f9a8d4;
}
.bg-pink-400 {
background-color: #f472b6;
}
.bg-pink-500 {
background-color: #ec4899;
}
.bg-pink-600 {
background-color: #db2777;
}
.bg-pink-700 {
background-color: #be185d;
}
.bg-pink-800 {
background-color: #9d174d;
}
.bg-pink-900 {
background-color: #831843;
}
.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;
}
.hover\:bg-white:hover {
background-color: #fff;
}
.hover\:bg-primary:hover {
background-color: #007bff;
}
.hover\:bg-secondary:hover {
background-color: #6c757d;
}
.hover\:bg-success:hover {
background-color: #28a745;
}
.hover\:bg-info:hover {
background-color: #007bff;
}
.hover\:bg-warning:hover {
background-color: #fad733;
}
.hover\:bg-danger:hover {
background-color: #dc3545;
}
.hover\:bg-light:hover {
background-color: #f8f9fa;
}
.hover\:bg-dark:hover {
background-color: #343a40;
}
.hover\:bg-gray-transparent:hover {
background: transparent;
}
.hover\:bg-gray-current:hover {
background: currentColor;
}
.hover\:bg-gray-50:hover {
background-color: #f9fafb;
}
.hover\:bg-gray-100:hover {
background-color: #f3f4f6;
}
.hover\:bg-gray-200:hover {
background-color: #e5e7eb;
}
.hover\:bg-gray-300:hover {
background-color: #d1d5db;
}
.hover\:bg-gray-400:hover {
background-color: #9ca3af;
}
.hover\:bg-gray-500:hover {
background-color: #6b7280;
}
.hover\:bg-gray-600:hover {
background-color: #4b5563;
}
.hover\:bg-gray-700:hover {
background-color: #374151;
}
.hover\:bg-gray-800:hover {
background-color: #1f2937;
}
.hover\:bg-gray-900:hover {
background-color: #111827;
}
.hover\:bg-red-transparent:hover {
background: transparent;
}
.hover\:bg-red-current:hover {
background: currentColor;
}
.hover\:bg-red-50:hover {
background-color: #fef2f2;
}
.hover\:bg-red-100:hover {
background-color: #fee2e2;
}
.hover\:bg-red-200:hover {
background-color: #fecaca;
}
.hover\:bg-red-300:hover {
background-color: #fca5a5;
}
.hover\:bg-red-400:hover {
background-color: #f87171;
}
.hover\:bg-red-500:hover {
background-color: #ef4444;
}
.hover\:bg-red-600:hover {
background-color: #dc2626;
}
.hover\:bg-red-700:hover {
background-color: #b91c1c;
}
.hover\:bg-red-800:hover {
background-color: #991b1b;
}
.hover\:bg-red-900:hover {
background-color: #7f1d1d;
}
.hover\:bg-yellow-transparent:hover {
background: transparent;
}
.hover\:bg-yellow-current:hover {
background: currentColor;
}
.hover\:bg-yellow-50:hover {
background-color: #fffbeb;
}
.hover\:bg-yellow-100:hover {
background-color: #fef3c7;
}
.hover\:bg-yellow-200:hover {
background-color: #fde68a;
}
.hover\:bg-yellow-300:hover {
background-color: #fcd34d;
}
.hover\:bg-yellow-400:hover {
background-color: #fbbf24;
}
.hover\:bg-yellow-500:hover {
background-color: #f59e0b;
}
.hover\:bg-yellow-600:hover {
background-color: #d97706;
}
.hover\:bg-yellow-700:hover {
background-color: #b45309;
}
.hover\:bg-yellow-800:hover {
background-color: #92400e;
}
.hover\:bg-yellow-900:hover {
background-color: #78350f;
}
.hover\:bg-green-transparent:hover {
background: transparent;
}
.hover\:bg-green-current:hover {
background: currentColor;
}
.hover\:bg-green-50:hover {
background-color: #ecfdf5;
}
.hover\:bg-green-100:hover {
background-color: #d1fae5;
}
.hover\:bg-green-200:hover {
background-color: #a7f3d0;
}
.hover\:bg-green-300:hover {
background-color: #6ee7b7;
}
.hover\:bg-green-400:hover {
background-color: #34d399;
}
.hover\:bg-green-500:hover {
background-color: #10b981;
}
.hover\:bg-green-600:hover {
background-color: #059669;
}
.hover\:bg-green-700:hover {
background-color: #047857;
}
.hover\:bg-green-800:hover {
background-color: #065f46;
}
.hover\:bg-green-900:hover {
background-color: #064e3b;
}
.hover\:bg-blue-transparent:hover {
background: transparent;
}
.hover\:bg-blue-current:hover {
background: currentColor;
}
.hover\:bg-blue-50:hover {
background-color: #eff6ff;
}
.hover\:bg-blue-100:hover {
background-color: #dbeafe;
}
.hover\:bg-blue-200:hover {
background-color: #bfdbfe;
}
.hover\:bg-blue-300:hover {
background-color: #93c5fd;
}
.hover\:bg-blue-400:hover {
background-color: #60a5fa;
}
.hover\:bg-blue-500:hover {
background-color: #3b82f6;
}
.hover\:bg-blue-600:hover {
background-color: #2563eb;
}
.hover\:bg-blue-700:hover {
background-color: #1d4ed8;
}
.hover\:bg-blue-800:hover {
background-color: #1e40af;
}
.hover\:bg-blue-900:hover {
background-color: #1e3a8a;
}
.hover\:bg-cyan-transparent:hover {
background: transparent;
}
.hover\:bg-cyan-current:hover {
background: currentColor;
}
.hover\:bg-cyan-50:hover {
background-color: #ecfeff;
}
.hover\:bg-cyan-100:hover {
background-color: #cffafe;
}
.hover\:bg-cyan-200:hover {
background-color: #a5f3fc;
}
.hover\:bg-cyan-300:hover {
background-color: #67e8f9;
}
.hover\:bg-cyan-400:hover {
background-color: #22d3ee;
}
.hover\:bg-cyan-500:hover {
background-color: #06b6d4;
}
.hover\:bg-cyan-600:hover {
background-color: #0891b2;
}
.hover\:bg-cyan-700:hover {
background-color: #0e7490;
}
.hover\:bg-cyan-800:hover {
background-color: #155e75;
}
.hover\:bg-cyan-900:hover {
background-color: #164e63;
}
.hover\:bg-indigo-transparent:hover {
background: transparent;
}
.hover\:bg-indigo-current:hover {
background: currentColor;
}
.hover\:bg-indigo-50:hover {
background-color: #eef2ff;
}
.hover\:bg-indigo-100:hover {
background-color: #e0e7ff;
}
.hover\:bg-indigo-200:hover {
background-color: #c7d2fe;
}
.hover\:bg-indigo-300:hover {
background-color: #a5b4fc;
}
.hover\:bg-indigo-400:hover {
background-color: #818cf8;
}
.hover\:bg-indigo-500:hover {
background-color: #6366f1;
}
.hover\:bg-indigo-600:hover {
background-color: #4f46e5;
}
.hover\:bg-indigo-700:hover {
background-color: #4338ca;
}
.hover\:bg-indigo-800:hover {
background-color: #3730a3;
}
.hover\:bg-indigo-900:hover {
background-color: #312e81;
}
.hover\:bg-purple-transparent:hover {
background: transparent;
}
.hover\:bg-purple-current:hover {
background: currentColor;
}
.hover\:bg-purple-50:hover {
background-color: #f5f3ff;
}
.hover\:bg-purple-100:hover {
background-color: #ede9fe;
}
.hover\:bg-purple-200:hover {
background-color: #ddd6fe;
}
.hover\:bg-purple-300:hover {
background-color: #c4b5fd;
}
.hover\:bg-purple-400:hover {
background-color: #a78bfa;
}
.hover\:bg-purple-500:hover {
background-color: #8b5cf6;
}
.hover\:bg-purple-600:hover {
background-color: #7c3aed;
}
.hover\:bg-purple-700:hover {
background-color: #6d28d9;
}
.hover\:bg-purple-800:hover {
background-color: #5b21b6;
}
.hover\:bg-purple-900:hover {
background-color: #4c1d95;
}
.hover\:bg-pink-transparent:hover {
background: transparent;
}
.hover\:bg-pink-current:hover {
background: currentColor;
}
.hover\:bg-pink-50:hover {
background-color: #fdf2f8;
}
.hover\:bg-pink-100:hover {
background-color: #fce7f3;
}
.hover\:bg-pink-200:hover {
background-color: #fbcfe8;
}
.hover\:bg-pink-300:hover {
background-color: #f9a8d4;
}
.hover\:bg-pink-400:hover {
background-color: #f472b6;
}
.hover\:bg-pink-500:hover {
background-color: #ec4899;
}
.hover\:bg-pink-600:hover {
background-color: #db2777;
}
.hover\:bg-pink-700:hover {
background-color: #be185d;
}
.hover\:bg-pink-800:hover {
background-color: #9d174d;
}
.hover\:bg-pink-900:hover {
background-color: #831843;
}
.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;
}
.focus\:bg-white:focus {
background-color: #fff;
}
.focus\:bg-primary:focus {
background-color: #007bff;
}
.focus\:bg-secondary:focus {
background-color: #6c757d;
}
.focus\:bg-success:focus {
background-color: #28a745;
}
.focus\:bg-info:focus {
background-color: #007bff;
}
.focus\:bg-warning:focus {
background-color: #fad733;
}
.focus\:bg-danger:focus {
background-color: #dc3545;
}
.focus\:bg-light:focus {
background-color: #f8f9fa;
}
.focus\:bg-dark:focus {
background-color: #343a40;
}
.focus\:bg-gray-transparent:focus {
background: transparent;
}
.focus\:bg-gray-current:focus {
background: currentColor;
}
.focus\:bg-gray-50:focus {
background-color: #f9fafb;
}
.focus\:bg-gray-100:focus {
background-color: #f3f4f6;
}
.focus\:bg-gray-200:focus {
background-color: #e5e7eb;
}
.focus\:bg-gray-300:focus {
background-color: #d1d5db;
}
.focus\:bg-gray-400:focus {
background-color: #9ca3af;
}
.focus\:bg-gray-500:focus {
background-color: #6b7280;
}
.focus\:bg-gray-600:focus {
background-color: #4b5563;
}
.focus\:bg-gray-700:focus {
background-color: #374151;
}
.focus\:bg-gray-800:focus {
background-color: #1f2937;
}
.focus\:bg-gray-900:focus {
background-color: #111827;
}
.focus\:bg-red-transparent:focus {
background: transparent;
}
.focus\:bg-red-current:focus {
background: currentColor;
}
.focus\:bg-red-50:focus {
background-color: #fef2f2;
}
.focus\:bg-red-100:focus {
background-color: #fee2e2;
}
.focus\:bg-red-200:focus {
background-color: #fecaca;
}
.focus\:bg-red-300:focus {
background-color: #fca5a5;
}
.focus\:bg-red-400:focus {
background-color: #f87171;
}
.focus\:bg-red-500:focus {
background-color: #ef4444;
}
.focus\:bg-red-600:focus {
background-color: #dc2626;
}
.focus\:bg-red-700:focus {
background-color: #b91c1c;
}
.focus\:bg-red-800:focus {
background-color: #991b1b;
}
.focus\:bg-red-900:focus {
background-color: #7f1d1d;
}
.focus\:bg-yellow-transparent:focus {
background: transparent;
}
.focus\:bg-yellow-current:focus {
background: currentColor;
}
.focus\:bg-yellow-50:focus {
background-color: #fffbeb;
}
.focus\:bg-yellow-100:focus {
background-color: #fef3c7;
}
.focus\:bg-yellow-200:focus {
background-color: #fde68a;
}
.focus\:bg-yellow-300:focus {
background-color: #fcd34d;
}
.focus\:bg-yellow-400:focus {
background-color: #fbbf24;
}
.focus\:bg-yellow-500:focus {
background-color: #f59e0b;
}
.focus\:bg-yellow-600:focus {
background-color: #d97706;
}
.focus\:bg-yellow-700:focus {
background-color: #b45309;
}
.focus\:bg-yellow-800:focus {
background-color: #92400e;
}
.focus\:bg-yellow-900:focus {
background-color: #78350f;
}
.focus\:bg-green-transparent:focus {
background: transparent;
}
.focus\:bg-green-current:focus {
background: currentColor;
}
.focus\:bg-green-50:focus {
background-color: #ecfdf5;
}
.focus\:bg-green-100:focus {
background-color: #d1fae5;
}
.focus\:bg-green-200:focus {
background-color: #a7f3d0;
}
.focus\:bg-green-300:focus {
background-color: #6ee7b7;
}
.focus\:bg-green-400:focus {
background-color: #34d399;
}
.focus\:bg-green-500:focus {
background-color: #10b981;
}
.focus\:bg-green-600:focus {
background-color: #059669;
}
.focus\:bg-green-700:focus {
background-color: #047857;
}
.focus\:bg-green-800:focus {
background-color: #065f46;
}
.focus\:bg-green-900:focus {
background-color: #064e3b;
}
.focus\:bg-blue-transparent:focus {
background: transparent;
}
.focus\:bg-blue-current:focus {
background: currentColor;
}
.focus\:bg-blue-50:focus {
background-color: #eff6ff;
}
.focus\:bg-blue-100:focus {
background-color: #dbeafe;
}
.focus\:bg-blue-200:focus {
background-color: #bfdbfe;
}
.focus\:bg-blue-300:focus {
background-color: #93c5fd;
}
.focus\:bg-blue-400:focus {
background-color: #60a5fa;
}
.focus\:bg-blue-500:focus {
background-color: #3b82f6;
}
.focus\:bg-blue-600:focus {
background-color: #2563eb;
}
.focus\:bg-blue-700:focus {
background-color: #1d4ed8;
}
.focus\:bg-blue-800:focus {
background-color: #1e40af;
}
.focus\:bg-blue-900:focus {
background-color: #1e3a8a;
}
.focus\:bg-cyan-transparent:focus {
background: transparent;
}
.focus\:bg-cyan-current:focus {
background: currentColor;
}
.focus\:bg-cyan-50:focus {
background-color: #ecfeff;
}
.focus\:bg-cyan-100:focus {
background-color: #cffafe;
}
.focus\:bg-cyan-200:focus {
background-color: #a5f3fc;
}
.focus\:bg-cyan-300:focus {
background-color: #67e8f9;
}
.focus\:bg-cyan-400:focus {
background-color: #22d3ee;
}
.focus\:bg-cyan-500:focus {
background-color: #06b6d4;
}
.focus\:bg-cyan-600:focus {
background-color: #0891b2;
}
.focus\:bg-cyan-700:focus {
background-color: #0e7490;
}
.focus\:bg-cyan-800:focus {
background-color: #155e75;
}
.focus\:bg-cyan-900:focus {
background-color: #164e63;
}
.focus\:bg-indigo-transparent:focus {
background: transparent;
}
.focus\:bg-indigo-current:focus {
background: currentColor;
}
.focus\:bg-indigo-50:focus {
background-color: #eef2ff;
}
.focus\:bg-indigo-100:focus {
background-color: #e0e7ff;
}
.focus\:bg-indigo-200:focus {
background-color: #c7d2fe;
}
.focus\:bg-indigo-300:focus {
background-color: #a5b4fc;
}
.focus\:bg-indigo-400:focus {
background-color: #818cf8;
}
.focus\:bg-indigo-500:focus {
background-color: #6366f1;
}
.focus\:bg-indigo-600:focus {
background-color: #4f46e5;
}
.focus\:bg-indigo-700:focus {
background-color: #4338ca;
}
.focus\:bg-indigo-800:focus {
background-color: #3730a3;
}
.focus\:bg-indigo-900:focus {
background-color: #312e81;
}
.focus\:bg-purple-transparent:focus {
background: transparent;
}
.focus\:bg-purple-current:focus {
background: currentColor;
}
.focus\:bg-purple-50:focus {
background-color: #f5f3ff;
}
.focus\:bg-purple-100:focus {
background-color: #ede9fe;
}
.focus\:bg-purple-200:focus {
background-color: #ddd6fe;
}
.focus\:bg-purple-300:focus {
background-color: #c4b5fd;
}
.focus\:bg-purple-400:focus {
background-color: #a78bfa;
}
.focus\:bg-purple-500:focus {
background-color: #8b5cf6;
}
.focus\:bg-purple-600:focus {
background-color: #7c3aed;
}
.focus\:bg-purple-700:focus {
background-color: #6d28d9;
}
.focus\:bg-purple-800:focus {
background-color: #5b21b6;
}
.focus\:bg-purple-900:focus {
background-color: #4c1d95;
}
.focus\:bg-pink-transparent:focus {
background: transparent;
}
.focus\:bg-pink-current:focus {
background: currentColor;
}
.focus\:bg-pink-50:focus {
background-color: #fdf2f8;
}
.focus\:bg-pink-100:focus {
background-color: #fce7f3;
}
.focus\:bg-pink-200:focus {
background-color: #fbcfe8;
}
.focus\:bg-pink-300:focus {
background-color: #f9a8d4;
}
.focus\:bg-pink-400:focus {
background-color: #f472b6;
}
.focus\:bg-pink-500:focus {
background-color: #ec4899;
}
.focus\:bg-pink-600:focus {
background-color: #db2777;
}
.focus\:bg-pink-700:focus {
background-color: #be185d;
}
.focus\:bg-pink-800:focus {
background-color: #9d174d;
}
.focus\:bg-pink-900:focus {
background-color: #831843;
}
.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: #4338ca;
}
.disabled\:bg-indigo-800.is-disabled,
.disabled\:bg-indigo-800:disabled {
background-color: #3730a3;
}
.disabled\:bg-indigo-900.is-disabled,
.disabled\:bg-indigo-900:disabled {
background-color: #312e81;
}
.disabled\:bg-purple-transparent.is-disabled {
background: transparent;
}
.disabled\:bg-purple-current.is-disabled {
background: currentColor;
}
.disabled\:bg-purple-50.is-disabled,
.disabled\:bg-purple-50:disabled {
background-color: #f5f3ff;
}
.disabled\:bg-purple-100.is-disabled,
.disabled\:bg-purple-100:disabled {
background-color: #ede9fe;
}
.disabled\:bg-purple-200.is-disabled,
.disabled\:bg-purple-200:disabled {
background-color: #ddd6fe;
}
.disabled\:bg-purple-300.is-disabled,
.disabled\:bg-purple-300:disabled {
background-color: #c4b5fd;
}
.disabled\:bg-purple-400.is-disabled,
.disabled\:bg-purple-400:disabled {
background-color: #a78bfa;
}
.disabled\:bg-purple-500.is-disabled,
.disabled\:bg-purple-500:disabled {
background-color: #8b5cf6;
}
.disabled\:bg-purple-600.is-disabled,
.disabled\:bg-purple-600:disabled {
background-color: #7c3aed;
}
.disabled\:bg-purple-700.is-disabled,
.disabled\:bg-purple-700:disabled {
background-color: #6d28d9;
}
.disabled\:bg-purple-800.is-disabled,
.disabled\:bg-purple-800:disabled {
background-color: #5b21b6;
}
.disabled\:bg-purple-900.is-disabled,
.disabled\:bg-purple-900:disabled {
background-color: #4c1d95;
}
.disabled\:bg-pink-transparent.is-disabled {
background: transparent;
}
.disabled\:bg-pink-current.is-disabled {
background: currentColor;
}
.disabled\:bg-pink-50.is-disabled,
.disabled\:bg-pink-50:disabled {
background-color: #fdf2f8;
}
.disabled\:bg-pink-100.is-disabled,
.disabled\:bg-pink-100:disabled {
background-color: #fce7f3;
}
.disabled\:bg-pink-200.is-disabled,
.disabled\:bg-pink-200:disabled {
background-color: #fbcfe8;
}
.disabled\:bg-pink-300.is-disabled,
.disabled\:bg-pink-300:disabled {
background-color: #f9a8d4;
}
.disabled\:bg-pink-400.is-disabled,
.disabled\:bg-pink-400:disabled {
background-color: #f472b6;
}
.disabled\:bg-pink-500.is-disabled,
.disabled\:bg-pink-500:disabled {
background-color: #ec4899;
}
.disabled\:bg-pink-600.is-disabled,
.disabled\:bg-pink-600:disabled {
background-color: #db2777;
}
.disabled\:bg-pink-700.is-disabled,
.disabled\:bg-pink-700:disabled {
background-color: #be185d;
}
.disabled\:bg-pink-800.is-disabled,
.disabled\:bg-pink-800:disabled {
background-color: #9d174d;
}
.disabled\:bg-pink-900.is-disabled,
.disabled\:bg-pink-900:disabled {
background-color: #831843;
}
.group:hover .group-hover\:bg-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-none {
background: none !important;
}
.group:hover .group-hover\:bg-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-current {
background: currentColor;
}
.group:hover .group-hover\:bg-black {
background-color: #000;
}
.group:hover .group-hover\:bg-white {
background-color: #fff;
}
.group:hover .group-hover\:bg-primary {
background-color: #007bff;
}
.group:hover .group-hover\:bg-secondary {
background-color: #6c757d;
}
.group:hover .group-hover\:bg-success {
background-color: #28a745;
}
.group:hover .group-hover\:bg-info {
background-color: #007bff;
}
.group:hover .group-hover\:bg-warning {
background-color: #fad733;
}
.group:hover .group-hover\:bg-danger {
background-color: #dc3545;
}
.group:hover .group-hover\:bg-light {
background-color: #f8f9fa;
}
.group:hover .group-hover\:bg-dark {
background-color: #343a40;
}
.group:hover .group-hover\:bg-gray-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-gray-current {
background: currentColor;
}
.group:hover .group-hover\:bg-gray-50 {
background-color: #f9fafb;
}
.group:hover .group-hover\:bg-gray-100 {
background-color: #f3f4f6;
}
.group:hover .group-hover\:bg-gray-200 {
background-color: #e5e7eb;
}
.group:hover .group-hover\:bg-gray-300 {
background-color: #d1d5db;
}
.group:hover .group-hover\:bg-gray-400 {
background-color: #9ca3af;
}
.group:hover .group-hover\:bg-gray-500 {
background-color: #6b7280;
}
.group:hover .group-hover\:bg-gray-600 {
background-color: #4b5563;
}
.group:hover .group-hover\:bg-gray-700 {
background-color: #374151;
}
.group:hover .group-hover\:bg-gray-800 {
background-color: #1f2937;
}
.group:hover .group-hover\:bg-gray-900 {
background-color: #111827;
}
.group:hover .group-hover\:bg-red-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-red-current {
background: currentColor;
}
.group:hover .group-hover\:bg-red-50 {
background-color: #fef2f2;
}
.group:hover .group-hover\:bg-red-100 {
background-color: #fee2e2;
}
.group:hover .group-hover\:bg-red-200 {
background-color: #fecaca;
}
.group:hover .group-hover\:bg-red-300 {
background-color: #fca5a5;
}
.group:hover .group-hover\:bg-red-400 {
background-color: #f87171;
}
.group:hover .group-hover\:bg-red-500 {
background-color: #ef4444;
}
.group:hover .group-hover\:bg-red-600 {
background-color: #dc2626;
}
.group:hover .group-hover\:bg-red-700 {
background-color: #b91c1c;
}
.group:hover .group-hover\:bg-red-800 {
background-color: #991b1b;
}
.group:hover .group-hover\:bg-red-900 {
background-color: #7f1d1d;
}
.group:hover .group-hover\:bg-yellow-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-yellow-current {
background: currentColor;
}
.group:hover .group-hover\:bg-yellow-50 {
background-color: #fffbeb;
}
.group:hover .group-hover\:bg-yellow-100 {
background-color: #fef3c7;
}
.group:hover .group-hover\:bg-yellow-200 {
background-color: #fde68a;
}
.group:hover .group-hover\:bg-yellow-300 {
background-color: #fcd34d;
}
.group:hover .group-hover\:bg-yellow-400 {
background-color: #fbbf24;
}
.group:hover .group-hover\:bg-yellow-500 {
background-color: #f59e0b;
}
.group:hover .group-hover\:bg-yellow-600 {
background-color: #d97706;
}
.group:hover .group-hover\:bg-yellow-700 {
background-color: #b45309;
}
.group:hover .group-hover\:bg-yellow-800 {
background-color: #92400e;
}
.group:hover .group-hover\:bg-yellow-900 {
background-color: #78350f;
}
.group:hover .group-hover\:bg-green-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-green-current {
background: currentColor;
}
.group:hover .group-hover\:bg-green-50 {
background-color: #ecfdf5;
}
.group:hover .group-hover\:bg-green-100 {
background-color: #d1fae5;
}
.group:hover .group-hover\:bg-green-200 {
background-color: #a7f3d0;
}
.group:hover .group-hover\:bg-green-300 {
background-color: #6ee7b7;
}
.group:hover .group-hover\:bg-green-400 {
background-color: #34d399;
}
.group:hover .group-hover\:bg-green-500 {
background-color: #10b981;
}
.group:hover .group-hover\:bg-green-600 {
background-color: #059669;
}
.group:hover .group-hover\:bg-green-700 {
background-color: #047857;
}
.group:hover .group-hover\:bg-green-800 {
background-color: #065f46;
}
.group:hover .group-hover\:bg-green-900 {
background-color: #064e3b;
}
.group:hover .group-hover\:bg-blue-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-blue-current {
background: currentColor;
}
.group:hover .group-hover\:bg-blue-50 {
background-color: #eff6ff;
}
.group:hover .group-hover\:bg-blue-100 {
background-color: #dbeafe;
}
.group:hover .group-hover\:bg-blue-200 {
background-color: #bfdbfe;
}
.group:hover .group-hover\:bg-blue-300 {
background-color: #93c5fd;
}
.group:hover .group-hover\:bg-blue-400 {
background-color: #60a5fa;
}
.group:hover .group-hover\:bg-blue-500 {
background-color: #3b82f6;
}
.group:hover .group-hover\:bg-blue-600 {
background-color: #2563eb;
}
.group:hover .group-hover\:bg-blue-700 {
background-color: #1d4ed8;
}
.group:hover .group-hover\:bg-blue-800 {
background-color: #1e40af;
}
.group:hover .group-hover\:bg-blue-900 {
background-color: #1e3a8a;
}
.group:hover .group-hover\:bg-cyan-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-cyan-current {
background: currentColor;
}
.group:hover .group-hover\:bg-cyan-50 {
background-color: #ecfeff;
}
.group:hover .group-hover\:bg-cyan-100 {
background-color: #cffafe;
}
.group:hover .group-hover\:bg-cyan-200 {
background-color: #a5f3fc;
}
.group:hover .group-hover\:bg-cyan-300 {
background-color: #67e8f9;
}
.group:hover .group-hover\:bg-cyan-400 {
background-color: #22d3ee;
}
.group:hover .group-hover\:bg-cyan-500 {
background-color: #06b6d4;
}
.group:hover .group-hover\:bg-cyan-600 {
background-color: #0891b2;
}
.group:hover .group-hover\:bg-cyan-700 {
background-color: #0e7490;
}
.group:hover .group-hover\:bg-cyan-800 {
background-color: #155e75;
}
.group:hover .group-hover\:bg-cyan-900 {
background-color: #164e63;
}
.group:hover .group-hover\:bg-indigo-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-indigo-current {
background: currentColor;
}
.group:hover .group-hover\:bg-indigo-50 {
background-color: #eef2ff;
}
.group:hover .group-hover\:bg-indigo-100 {
background-color: #e0e7ff;
}
.group:hover .group-hover\:bg-indigo-200 {
background-color: #c7d2fe;
}
.group:hover .group-hover\:bg-indigo-300 {
background-color: #a5b4fc;
}
.group:hover .group-hover\:bg-indigo-400 {
background-color: #818cf8;
}
.group:hover .group-hover\:bg-indigo-500 {
background-color: #6366f1;
}
.group:hover .group-hover\:bg-indigo-600 {
background-color: #4f46e5;
}
.group:hover .group-hover\:bg-indigo-700 {
background-color: #4338ca;
}
.group:hover .group-hover\:bg-indigo-800 {
background-color: #3730a3;
}
.group:hover .group-hover\:bg-indigo-900 {
background-color: #312e81;
}
.group:hover .group-hover\:bg-purple-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-purple-current {
background: currentColor;
}
.group:hover .group-hover\:bg-purple-50 {
background-color: #f5f3ff;
}
.group:hover .group-hover\:bg-purple-100 {
background-color: #ede9fe;
}
.group:hover .group-hover\:bg-purple-200 {
background-color: #ddd6fe;
}
.group:hover .group-hover\:bg-purple-300 {
background-color: #c4b5fd;
}
.group:hover .group-hover\:bg-purple-400 {
background-color: #a78bfa;
}
.group:hover .group-hover\:bg-purple-500 {
background-color: #8b5cf6;
}
.group:hover .group-hover\:bg-purple-600 {
background-color: #7c3aed;
}
.group:hover .group-hover\:bg-purple-700 {
background-color: #6d28d9;
}
.group:hover .group-hover\:bg-purple-800 {
background-color: #5b21b6;
}
.group:hover .group-hover\:bg-purple-900 {
background-color: #4c1d95;
}
.group:hover .group-hover\:bg-pink-transparent {
background: transparent;
}
.group:hover .group-hover\:bg-pink-current {
background: currentColor;
}
.group:hover .group-hover\:bg-pink-50 {
background-color: #fdf2f8;
}
.group:hover .group-hover\:bg-pink-100 {
background-color: #fce7f3;
}
.group:hover .group-hover\:bg-pink-200 {
background-color: #fbcfe8;
}
.group:hover .group-hover\:bg-pink-300 {
background-color: #f9a8d4;
}
.group:hover .group-hover\:bg-pink-400 {
background-color: #f472b6;
}
.group:hover .group-hover\:bg-pink-500 {
background-color: #ec4899;
}
.group:hover .group-hover\:bg-pink-600 {
background-color: #db2777;
}
.group:hover .group-hover\:bg-pink-700 {
background-color: #be185d;
}
.group:hover .group-hover\:bg-pink-800 {
background-color: #9d174d;
}
.group:hover .group-hover\:bg-pink-900 {
background-color: #831843;
}
@media (max-width: 768px) {
.m\:bg-transparent {
background: transparent;
}
.m\:bg-none {
background: none !important;
}
.m\:bg-transparent {
background: transparent;
}
.m\:bg-current {
background: currentColor;
}
.m\:bg-black {
background-color: #000;
}
.m\:bg-white {
background-color: #fff;
}
.m\:bg-primary {
background-color: #007bff;
}
.m\:bg-secondary {
background-color: #6c757d;
}
.m\:bg-success {
background-color: #28a745;
}
.m\:bg-info {
background-color: #007bff;
}
.m\:bg-warning {
background-color: #fad733;
}
.m\:bg-danger {
background-color: #dc3545;
}
.m\:bg-light {
background-color: #f8f9fa;
}
.m\:bg-dark {
background-color: #343a40;
}
.m\:bg-gray-transparent {
background: transparent;
}
.m\:bg-gray-current {
background: currentColor;
}
.m\:bg-gray-50 {
background-color: #f9fafb;
}
.m\:bg-gray-100 {
background-color: #f3f4f6;
}
.m\:bg-gray-200 {
background-color: #e5e7eb;
}
.m\:bg-gray-300 {
background-color: #d1d5db;
}
.m\:bg-gray-400 {
background-color: #9ca3af;
}
.m\:bg-gray-500 {
background-color: #6b7280;
}
.m\:bg-gray-600 {
background-color: #4b5563;
}
.m\:bg-gray-700 {
background-color: #374151;
}
.m\:bg-gray-800 {
background-color: #1f2937;
}
.m\:bg-gray-900 {
background-color: #111827;
}
.m\:bg-red-transparent {
background: transparent;
}
.m\:bg-red-current {
background: currentColor;
}
.m\:bg-red-50 {
background-color: #fef2f2;
}
.m\:bg-red-100 {
background-color: #fee2e2;
}
.m\:bg-red-200 {
background-color: #fecaca;
}
.m\:bg-red-300 {
background-color: #fca5a5;
}
.m\:bg-red-400 {
background-color: #f87171;
}
.m\:bg-red-500 {
background-color: #ef4444;
}
.m\:bg-red-600 {
background-color: #dc2626;
}
.m\:bg-red-700 {
background-color: #b91c1c;
}
.m\:bg-red-800 {
background-color: #991b1b;
}
.m\:bg-red-900 {
background-color: #7f1d1d;
}
.m\:bg-yellow-transparent {
background: transparent;
}
.m\:bg-yellow-current {
background: currentColor;
}
.m\:bg-yellow-50 {
background-color: #fffbeb;
}
.m\:bg-yellow-100 {
background-color: #fef3c7;
}
.m\:bg-yellow-200 {
background-color: #fde68a;
}
.m\:bg-yellow-300 {
background-color: #fcd34d;
}
.m\:bg-yellow-400 {
background-color: #fbbf24;
}
.m\:bg-yellow-500 {
background-color: #f59e0b;
}
.m\:bg-yellow-600 {
background-color: #d97706;
}
.m\:bg-yellow-700 {
background-color: #b45309;
}
.m\:bg-yellow-800 {
background-color: #92400e;
}
.m\:bg-yellow-900 {
background-color: #78350f;
}
.m\:bg-green-transparent {
background: transparent;
}
.m\:bg-green-current {
background: currentColor;
}
.m\:bg-green-50 {
background-color: #ecfdf5;
}
.m\:bg-green-100 {
background-color: #d1fae5;
}
.m\:bg-green-200 {
background-color: #a7f3d0;
}
.m\:bg-green-300 {
background-color: #6ee7b7;
}
.m\:bg-green-400 {
background-color: #34d399;
}
.m\:bg-green-500 {
background-color: #10b981;
}
.m\:bg-green-600 {
background-color: #059669;
}
.m\:bg-green-700 {
background-color: #047857;
}
.m\:bg-green-800 {
background-color: #065f46;
}
.m\:bg-green-900 {
background-color: #064e3b;
}
.m\:bg-blue-transparent {
background: transparent;
}
.m\:bg-blue-current {
background: currentColor;
}
.m\:bg-blue-50 {
background-color: #eff6ff;
}
.m\:bg-blue-100 {
background-color: #dbeafe;
}
.m\:bg-blue-200 {
background-color: #bfdbfe;
}
.m\:bg-blue-300 {
background-color: #93c5fd;
}
.m\:bg-blue-400 {
background-color: #60a5fa;
}
.m\:bg-blue-500 {
background-color: #3b82f6;
}
.m\:bg-blue-600 {
background-color: #2563eb;
}
.m\:bg-blue-700 {
background-color: #1d4ed8;
}
.m\:bg-blue-800 {
background-color: #1e40af;
}
.m\:bg-blue-900 {
background-color: #1e3a8a;
}
.m\:bg-cyan-transparent {
background: transparent;
}
.m\:bg-cyan-current {
background: currentColor;
}
.m\:bg-cyan-50 {
background-color: #ecfeff;
}
.m\:bg-cyan-100 {
background-color: #cffafe;
}
.m\:bg-cyan-200 {
background-color: #a5f3fc;
}
.m\:bg-cyan-300 {
background-color: #67e8f9;
}
.m\:bg-cyan-400 {
background-color: #22d3ee;
}
.m\:bg-cyan-500 {
background-color: #06b6d4;
}
.m\:bg-cyan-600 {
background-color: #0891b2;
}
.m\:bg-cyan-700 {
background-color: #0e7490;
}
.m\:bg-cyan-800 {
background-color: #155e75;
}
.m\:bg-cyan-900 {
background-color: #164e63;
}
.m\:bg-indigo-transparent {
background: transparent;
}
.m\:bg-indigo-current {
background: currentColor;
}
.m\:bg-indigo-50 {
background-color: #eef2ff;
}
.m\:bg-indigo-100 {
background-color: #e0e7ff;
}
.m\:bg-indigo-200 {
background-color: #c7d2fe;
}
.m\:bg-indigo-300 {
background-color: #a5b4fc;
}
.m\:bg-indigo-400 {
background-color: #818cf8;
}
.m\:bg-indigo-500 {
background-color: #6366f1;
}
.m\:bg-indigo-600 {
background-color: #4f46e5;
}
.m\:bg-indigo-700 {
background-color: #4338ca;
}
.m\:bg-indigo-800 {
background-color: #3730a3;
}
.m\:bg-indigo-900 {
background-color: #312e81;
}
.m\:bg-purple-transparent {
background: transparent;
}
.m\:bg-purple-current {
background: currentColor;
}
.m\:bg-purple-50 {
background-color: #f5f3ff;
}
.m\:bg-purple-100 {
background-color: #ede9fe;
}
.m\:bg-purple-200 {
background-color: #ddd6fe;
}
.m\:bg-purple-300 {
background-color: #c4b5fd;
}
.m\:bg-purple-400 {
background-color: #a78bfa;
}
.m\:bg-purple-500 {
background-color: #8b5cf6;
}
.m\:bg-purple-600 {
background-color: #7c3aed;
}
.m\:bg-purple-700 {
background-color: #6d28d9;
}
.m\:bg-purple-800 {
background-color: #5b21b6;
}
.m\:bg-purple-900 {
background-color: #4c1d95;
}
.m\:bg-pink-transparent {
background: transparent;
}
.m\:bg-pink-current {
background: currentColor;
}
.m\:bg-pink-50 {
background-color: #fdf2f8;
}
.m\:bg-pink-100 {
background-color: #fce7f3;
}
.m\:bg-pink-200 {
background-color: #fbcfe8;
}
.m\:bg-pink-300 {
background-color: #f9a8d4;
}
.m\:bg-pink-400 {
background-color: #f472b6;
}
.m\:bg-pink-500 {
background-color: #ec4899;
}
.m\:bg-pink-600 {
background-color: #db2777;
}
.m\:bg-pink-700 {
background-color: #be185d;
}
.m\:bg-pink-800 {
background-color: #9d174d;
}
.m\:bg-pink-900 {
background-color: #831843;
}
.m\:hover\:bg-transparent:hover {
background: transparent;
}
.m\:hover\:bg-none:hover {
background: none !important;
}
.m\:hover\:bg-transparent:hover {
background: transparent;
}
.m\:hover\:bg-current:hover {
background: currentColor;
}
.m\:hover\:bg-black:hover {
background-color: #000;
}
.m\:hover\:bg-white:hover {
background-color: #fff;
}
.m\:hover\:bg-primary:hover {
background-color: #007bff;
}
.m\:hover\:bg-secondary:hover {
background-color: #6c757d;
}
.m\:hover\:bg-success:hover {
background-color: #28a745;
}
.m\:hover\:bg-info:hover {
background-color: #007bff;
}
.m\:hover\:bg-warning:hover {
background-color: #fad733;
}
.m\:hover\:bg-danger:hover {
background-color: #dc3545;
}
.m\:hover\:bg-light:hover {
background-color: #f8f9fa;
}
.m\:hover\:bg-dark:hover {
background-color: #343a40;
}
.m\:hover\:bg-gray-transparent:hover {
background: transparent;
}
.m\:hover\:bg-gray-current:hover {
background: currentColor;
}
.m\:hover\:bg-gray-50:hover {
background-color: #f9fafb;
}
.m\:hover\:bg-gray-100:hover {
background-color: #f3f4f6;
}
.m\:hover\:bg-gray-200:hover {
background-color: #e5e7eb;
}
.m\:hover\:bg-gray-300:hover {
background-color: #d1d5db;
}
.m\:hover\:bg-gray-400:hover {
background-color: #9ca3af;
}
.m\:hover\:bg-gray-500:hover {
background-color: #6b7280;
}
.m\:hover\:bg-gray-600:hover {
background-color: #4b5563;
}
.m\:hover\:bg-gray-700:hover {
background-color: #374151;
}
.m\:hover\:bg-gray-800:hover {
background-color: #1f2937;
}
.m\:hover\:bg-gray-900:hover {
background-color: #111827;
}
.m\:hover\:bg-red-transparent:hover {
background: transparent;
}
.m\:hover\:bg-red-current:hover {
background: currentColor;
}
.m\:hover\:bg-red-50:hover {
background-color: #fef2f2;
}
.m\:hover\:bg-red-100:hover {
background-color: #fee2e2;
}
.m\:hover\:bg-red-200:hover {
background-color: #fecaca;
}
.m\:hover\:bg-red-300:hover {
background-color: #fca5a5;
}
.m\:hover\:bg-red-400:hover {
background-color: #f87171;
}
.m\:hover\:bg-red-500:hover {
background-color: #ef4444;
}
.m\:hover\:bg-red-600:hover {
background-color: #dc2626;
}
.m\:hover\:bg-red-700:hover {
background-color: #b91c1c;
}
.m\:hover\:bg-red-800:hover {
background-color: #991b1b;
}
.m\:hover\:bg-red-900:hover {
background-color: #7f1d1d;
}
.m\:hover\:bg-yellow-transparent:hover {
background: transparent;
}
.m\:hover\:bg-yellow-current:hover {
background: currentColor;
}
.m\:hover\:bg-yellow-50:hover {
background-color: #fffbeb;
}
.m\:hover\:bg-yellow-100:hover {
background-color: #fef3c7;
}
.m\:hover\:bg-yellow-200:hover {
background-color: #fde68a;
}
.m\:hover\:bg-yellow-300:hover {
background-color: #fcd34d;
}
.m\:hover\:bg-yellow-400:hover {
background-color: #fbbf24;
}
.m\:hover\:bg-yellow-500:hover {
background-color: #f59e0b;
}
.m\:hover\:bg-yellow-600:hover {
background-color: #d97706;
}
.m\:hover\:bg-yellow-700:hover {
background-color: #b45309;
}
.m\:hover\:bg-yellow-800:hover {
background-color: #92400e;
}
.m\:hover\:bg-yellow-900:hover {
background-color: #78350f;
}
.m\:hover\:bg-green-transparent:hover {
background: transparent;
}
.m\:hover\:bg-green-current:hover {
background: currentColor;
}
.m\:hover\:bg-green-50:hover {
background-color: #ecfdf5;
}
.m\:hover\:bg-green-100:hover {
background-color: #d1fae5;
}
.m\:hover\:bg-green-200:hover {
background-color: #a7f3d0;
}
.m\:hover\:bg-green-300:hover {
background-color: #6ee7b7;
}
.m\:hover\:bg-green-400:hover {
background-color: #34d399;
}
.m\:hover\:bg-green-500:hover {
background-color: #10b981;
}
.m\:hover\:bg-green-600:hover {
background-color: #059669;
}
.m\:hover\:bg-green-700:hover {
background-color: #047857;
}
.m\:hover\:bg-green-800:hover {
background-color: #065f46;
}
.m\:hover\:bg-green-900:hover {
background-color: #064e3b;
}
.m\:hover\:bg-blue-transparent:hover {
background: transparent;
}
.m\:hover\:bg-blue-current:hover {
background: currentColor;
}
.m\:hover\:bg-blue-50:hover {
background-color: #eff6ff;
}
.m\:hover\:bg-blue-100:hover {
background-color: #dbeafe;
}
.m\:hover\:bg-blue-200:hover {
background-color: #bfdbfe;
}
.m\:hover\:bg-blue-300:hover {
background-color: #93c5fd;
}
.m\:hover\:bg-blue-400:hover {
background-color: #60a5fa;
}
.m\:hover\:bg-blue-500:hover {
background-color: #3b82f6;
}
.m\:hover\:bg-blue-600:hover {
background-color: #2563eb;
}
.m\:hover\:bg-blue-700:hover {
background-color: #1d4ed8;
}
.m\:hover\:bg-blue-800:hover {
background-color: #1e40af;
}
.m\:hover\:bg-blue-900:hover {
background-color: #1e3a8a;
}
.m\:hover\:bg-cyan-transparent:hover {
background: transparent;
}
.m\:hover\:bg-cyan-current:hover {
background: currentColor;
}
.m\:hover\:bg-cyan-50:hover {
background-color: #ecfeff;
}
.m\:hover\:bg-cyan-100:hover {
background-color: #cffafe;
}
.m\:hover\:bg-cyan-200:hover {
background-color: #a5f3fc;
}
.m\:hover\:bg-cyan-300:hover {
background-color: #67e8f9;
}
.m\:hover\:bg-cyan-400:hover {
background-color: #22d3ee;
}
.m\:hover\:bg-cyan-500:hover {
background-color: #06b6d4;
}
.m\:hover\:bg-cyan-600:hover {
background-color: #0891b2;
}
.m\:hover\:bg-cyan-700:hover {
background-color: #0e7490;
}
.m\:hover\:bg-cyan-800:hover {
background-color: #155e75;
}
.m\:hover\:bg-cyan-900:hover {
background-color: #164e63;
}
.m\:hover\:bg-indigo-transparent:hover {
background: transparent;
}
.m\:hover\:bg-indigo-current:hover {
background: currentColor;
}
.m\:hover\:bg-indigo-50:hover {
background-color: #eef2ff;
}
.m\:hover\:bg-indigo-100:hover {
background-color: #e0e7ff;
}
.m\:hover\:bg-indigo-200:hover {
background-color: #c7d2fe;
}
.m\:hover\:bg-indigo-300:hover {
background-color: #a5b4fc;
}
.m\:hover\:bg-indigo-400:hover {
background-color: #818cf8;
}
.m\:hover\:bg-indigo-500:hover {
background-color: #6366f1;
}
.m\:hover\:bg-indigo-600:hover {
background-color: #4f46e5;
}
.m\:hover\:bg-indigo-700:hover {
background-color: #4338ca;
}
.m\:hover\:bg-indigo-800:hover {
background-color: #3730a3;
}
.m\:hover\:bg-indigo-900:hover {
background-color: #312e81;
}
.m\:hover\:bg-purple-transparent:hover {
background: transparent;
}
.m\:hover\:bg-purple-current:hover {
background: currentColor;
}
.m\:hover\:bg-purple-50:hover {
background-color: #f5f3ff;
}
.m\:hover\:bg-purple-100:hover {
background-color: #ede9fe;
}
.m\:hover\:bg-purple-200:hover {
background-color: #ddd6fe;
}
.m\:hover\:bg-purple-300:hover {
background-color: #c4b5fd;
}
.m\:hover\:bg-purple-400:hover {
background-color: #a78bfa;
}
.m\:hover\:bg-purple-500:hover {
background-color: #8b5cf6;
}
.m\:hover\:bg-purple-600:hover {
background-color: #7c3aed;
}
.m\:hover\:bg-purple-700:hover {
background-color: #6d28d9;
}
.m\:hover\:bg-purple-800:hover {
background-color: #5b21b6;
}
.m\:hover\:bg-purple-900:hover {
background-color: #4c1d95;
}
.m\:hover\:bg-pink-transparent:hover {
background: transparent;
}
.m\:hover\:bg-pink-current:hover {
background: currentColor;
}
.m\:hover\:bg-pink-50:hover {
background-color: #fdf2f8;
}
.m\:hover\:bg-pink-100:hover {
background-color: #fce7f3;
}
.m\:hover\:bg-pink-200:hover {
background-color: #fbcfe8;
}
.m\:hover\:bg-pink-300:hover {
background-color: #f9a8d4;
}
.m\:hover\:bg-pink-400:hover {
background-color: #f472b6;
}
.m\:hover\:bg-pink-500:hover {
background-color: #ec4899;
}
.m\:hover\:bg-pink-600:hover {
background-color: #db2777;
}
.m\:hover\:bg-pink-700:hover {
background-color: #be185d;
}
.m\:hover\:bg-pink-800:hover {
background-color: #9d174d;
}
.m\:hover\:bg-pink-900:hover {
background-color: #831843;
}
.m\:active\:bg-transparent.is-active {
background: transparent;
}
.m\:active\:bg-none.is-active {
background: none !important;
}
.m\:active\:bg-transparent.is-active {
background: transparent;
}
.m\:active\:bg-current.is-active {
background: currentColor;
}
.m\:active\:bg-black.is-active,
.m\:active\:bg-black:active {
background-color: #000;
}
.m\:active\:bg-white.is-active,
.m\:active\:bg-white:active {
background-color: #fff;
}
.m\:active\:bg-primary.is-active,
.m\:active\:bg-primary:active {
background-color: #007bff;
}
.m\:active\:bg-secondary.is-active,
.m\:active\:bg-secondary:active {
background-color: #6c757d;
}
.m\:active\:bg-success.is-active,
.m\:active\:bg-success:active {
background-color: #28a745;
}
.m\:active\:bg-info.is-active,
.m\:active\:bg-info:active {
background-color: #007bff;
}
.m\:active\:bg-warning.is-active,
.m\:active\:bg-warning:active {
background-color: #fad733;
}
.m\:active\:bg-danger.is-active,
.m\:active\:bg-danger:active {
background-color: #dc3545;
}
.m\:active\:bg-light.is-active,
.m\:active\:bg-light:active {
background-color: #f8f9fa;
}
.m\:active\:bg-dark.is-active,
.m\:active\:bg-dark:active {
background-color: #343a40;
}
.m\:active\:bg-gray-transparent.is-active {
background: transparent;
}
.m\:active\:bg-gray-current.is-active {
background: currentColor;
}
.m\:active\:bg-gray-50.is-active,
.m\:active\:bg-gray-50:active {
background-color: #f9fafb;
}
.m\:active\:bg-gray-100.is-active,
.m\:active\:bg-gray-100:active {
background-color: #f3f4f6;
}
.m\:active\:bg-gray-200.is-active,
.m\:active\:bg-gray-200:active {
background-color: #e5e7eb;
}
.m\:active\:bg-gray-300.is-active,
.m\:active\:bg-gray-300:active {
background-color: #d1d5db;
}
.m\:active\:bg-gray-400.is-active,
.m\:active\:bg-gray-400:active {
background-color: #9ca3af;
}
.m\:active\:bg-gray-500.is-active,
.m\:active\:bg-gray-500:active {
background-color: #6b7280;
}
.m\:active\:bg-gray-600.is-active,
.m\:active\:bg-gray-600:active {
background-color: #4b5563;
}
.m\:active\:bg-gray-700.is-active,
.m\:active\:bg-gray-700:active {
background-color: #374151;
}
.m\:active\:bg-gray-800.is-active,
.m\:active\:bg-gray-800:active {
background-color: #1f2937;
}
.m\:active\:bg-gray-900.is-active,
.m\:active\:bg-gray-900:active {
background-color: #111827;
}
.m\:active\:bg-red-transparent.is-active {
background: transparent;
}
.m\:active\:bg-red-current.is-active {
background: currentColor;
}
.m\:active\:bg-red-50.is-active,
.m\:active\:bg-red-50:active {
background-color: #fef2f2;
}
.m\:active\:bg-red-100.is-active,
.m\:active\:bg-red-100:active {
background-color: #fee2e2;
}
.m\:active\:bg-red-200.is-active,
.m\:active\:bg-red-200:active {
background-color: #fecaca;
}
.m\:active\:bg-red-300.is-active,
.m\:active\:bg-red-300:active {
background-color: #fca5a5;
}
.m\:active\:bg-red-400.is-active,
.m\:active\:bg-red-400:active {
background-color: #f87171;
}
.m\:active\:bg-red-500.is-active,
.m\:active\:bg-red-500:active {
background-color: #ef4444;
}
.m\:active\:bg-red-600.is-active,
.m\:active\:bg-red-600:active {
background-color: #dc2626;
}
.m\:active\:bg-red-700.is-active,
.m\:active\:bg-red-700:active {
background-color: #b91c1c;
}
.m\:active\:bg-red-800.is-active,
.m\:active\:bg-red-800:active {
background-color: #991b1b;
}
.m\:active\:bg-red-900.is-active,
.m\:active\:bg-red-900:active {
background-color: #7f1d1d;
}
.m\:active\:bg-yellow-transparent.is-active {
background: transparent;
}
.m\:active\:bg-yellow-current.is-active {
background: currentColor;
}
.m\:active\:bg-yellow-50.is-active,
.m\:active\:bg-yellow-50:active {
background-color: #fffbeb;
}
.m\:active\:bg-yellow-100.is-active,
.m\:active\:bg-yellow-100:active {
background-color: #fef3c7;
}
.m\:active\:bg-yellow-200.is-active,
.m\:active\:bg-yellow-200:active {
background-color: #fde68a;
}
.m\:active\:bg-yellow-300.is-active,
.m\:active\:bg-yellow-300:active {
background-color: #fcd34d;
}
.m\:active\:bg-yellow-400.is-active,
.m\:active\:bg-yellow-400:active {
background-color: #fbbf24;
}
.m\:active\:bg-yellow-500.is-active,
.m\:active\:bg-yellow-500:active {
background-color: #f59e0b;
}
.m\:active\:bg-yellow-600.is-active,
.m\:active\:bg-yellow-600:active {
background-color: #d97706;
}
.m\:active\:bg-yellow-700.is-active,
.m\:active\:bg-yellow-700:active {
background-color: #b45309;
}
.m\:active\:bg-yellow-800.is-active,
.m\:active\:bg-yellow-800:active {
background-color: #92400e;
}
.m\:active\:bg-yellow-900.is-active,
.m\:active\:bg-yellow-900:active {
background-color: #78350f;
}
.m\:active\:bg-green-transparent.is-active {
background: transparent;
}
.m\:active\:bg-green-current.is-active {
background: currentColor;
}
.m\:active\:bg-green-50.is-active,
.m\:active\:bg-green-50:active {
background-color: #ecfdf5;
}
.m\:active\:bg-green-100.is-active,
.m\:active\:bg-green-100:active {
background-color: #d1fae5;
}
.m\:active\:bg-green-200.is-active,
.m\:active\:bg-green-200:active {
background-color: #a7f3d0;
}
.m\:active\:bg-green-300.is-active,
.m\:active\:bg-green-300:active {
background-color: #6ee7b7;
}
.m\:active\:bg-green-400.is-active,
.m\:active\:bg-green-400:active {
background-color: #34d399;
}
.m\:active\:bg-green-500.is-active,
.m\:active\:bg-green-500:active {
background-color: #10b981;
}
.m\:active\:bg-green-600.is-active,
.m\:active\:bg-green-600:active {
background-color: #059669;
}
.m\:active\:bg-green-700.is-active,
.m\:active\:bg-green-700:active {
background-color: #047857;
}
.m\:active\:bg-green-800.is-active,
.m\:active\:bg-green-800:active {
background-color: #065f46;
}
.m\:active\:bg-green-900.is-active,
.m\:active\:bg-green-900:active {
background-color: #064e3b;
}
.m\:active\:bg-blue-transparent.is-active {
background: transparent;
}
.m\:active\:bg-blue-current.is-active {
background: currentColor;
}
.m\:active\:bg-blue-50.is-active,
.m\:active\:bg-blue-50:active {
background-color: #eff6ff;
}
.m\:active\:bg-blue-100.is-active,
.m\:active\:bg-blue-100:active {
background-color: #dbeafe;
}
.m\:active\:bg-blue-200.is-active,
.m\:active\:bg-blue-200:active {
background-color: #bfdbfe;
}
.m\:active\:bg-blue-300.is-active,
.m\:active\:bg-blue-300:active {
background-color: #93c5fd;
}
.m\:active\:bg-blue-400.is-active,
.m\:active\:bg-blue-400:active {
background-color: #60a5fa;
}
.m\:active\:bg-blue-500.is-active,
.m\:active\:bg-blue-500:active {
background-color: #3b82f6;
}
.m\:active\:bg-blue-600.is-active,
.m\:active\:bg-blue-600:active {
background-color: #2563eb;
}
.m\:active\:bg-blue-700.is-active,
.m\:active\:bg-blue-700:active {
background-color: #1d4ed8;
}
.m\:active\:bg-blue-800.is-active,
.m\:active\:bg-blue-800:active {
background-color: #1e40af;
}
.m\:active\:bg-blue-900.is-active,
.m\:active\:bg-blue-900:active {
background-color: #1e3a8a;
}
.m\:active\:bg-cyan-transparent.is-active {
background: transparent;
}
.m\:active\:bg-cyan-current.is-active {
background: currentColor;
}
.m\:active\:bg-cyan-50.is-active,
.m\:active\:bg-cyan-50:active {
background-color: #ecfeff;
}
.m\:active\:bg-cyan-100.is-active,
.m\:active\:bg-cyan-100:active {
background-color: #cffafe;
}
.m\:active\:bg-cyan-200.is-active,
.m\:active\:bg-cyan-200:active {
background-color: #a5f3fc;
}
.m\:active\:bg-cyan-300.is-active,
.m\:active\:bg-cyan-300:active {
background-color: #67e8f9;
}
.m\:active\:bg-cyan-400.is-active,
.m\:active\:bg-cyan-400:active {
background-color: #22d3ee;
}
.m\:active\:bg-cyan-500.is-active,
.m\:active\:bg-cyan-500:active {
background-color: #06b6d4;
}
.m\:active\:bg-cyan-600.is-active,
.m\:active\:bg-cyan-600:active {
background-color: #0891b2;
}
.m\:active\:bg-cyan-700.is-active,
.m\:active\:bg-cyan-700:active {
background-color: #0e7490;
}
.m\:active\:bg-cyan-800.is-active,
.m\:active\:bg-cyan-800:active {
background-color: #155e75;
}
.m\:active\:bg-cyan-900.is-active,
.m\:active\:bg-cyan-900:active {
background-color: #164e63;
}
.m\:active\:bg-indigo-transparent.is-active {
background: transparent;
}
.m\:active\:bg-indigo-current.is-active {
background: currentColor;
}
.m\:active\:bg-indigo-50.is-active,
.m\:active\:bg-indigo-50:active {
background-color: #eef2ff;
}
.m\:active\:bg-indigo-100.is-active,
.m\:active\:bg-indigo-100:active {
background-color: #e0e7ff;
}
.m\:active\:bg-indigo-200.is-active,
.m\:active\:bg-indigo-200:active {
background-color: #c7d2fe;
}
.m\:active\:bg-indigo-300.is-active,
.m\:active\:bg-indigo-300:active {
background-color: #a5b4fc;
}
.m\:active\:bg-indigo-400.is-active,
.m\:active\:bg-indigo-400:active {
background-color: #818cf8;
}
.m\:active\:bg-indigo-500.is-active,
.m\:active\:bg-indigo-500:active {
background-color: #6366f1;
}
.m\:active\:bg-indigo-600.is-active,
.m\:active\:bg-indigo-600:active {
background-color: #4f46e5;
}
.m\:active\:bg-indigo-700.is-active,
.m\:active\:bg-indigo-700:active {
background-color: #4338ca;
}
.m\:active\:bg-indigo-800.is-active,
.m\:active\:bg-indigo-800:active {
background-color: #3730a3;
}
.m\:active\:bg-indigo-900.is-active,
.m\:active\:bg-indigo-900:active {
background-color: #312e81;
}
.m\:active\:bg-purple-transparent.is-active {
background: transparent;
}
.m\:active\:bg-purple-current.is-active {
background: currentColor;
}
.m\:active\:bg-purple-50.is-active,
.m\:active\:bg-purple-50:active {
background-color: #f5f3ff;
}
.m\:active\:bg-purple-100.is-active,
.m\:active\:bg-purple-100:active {
background-color: #ede9fe;
}
.m\:active\:bg-purple-200.is-active,
.m\:active\:bg-purple-200:active {
background-color: #ddd6fe;
}
.m\:active\:bg-purple-300.is-active,
.m\:active\:bg-purple-300:active {
background-color: #c4b5fd;
}
.m\:active\:bg-purple-400.is-active,
.m\:active\:bg-purple-400:active {
background-color: #a78bfa;
}
.m\:active\:bg-purple-500.is-active,
.m\:active\:bg-purple-500:active {
background-color: #8b5cf6;
}
.m\:active\:bg-purple-600.is-active,
.m\:active\:bg-purple-600:active {
background-color: #7c3aed;
}
.m\:active\:bg-purple-700.is-active,
.m\:active\:bg-purple-700:active {
background-color: #6d28d9;
}
.m\:active\:bg-purple-800.is-active,
.m\:active\:bg-purple-800:active {
background-color: #5b21b6;
}
.m\:active\:bg-purple-900.is-active,
.m\:active\:bg-purple-900:active {
background-color: #4c1d95;
}
.m\:active\:bg-pink-transparent.is-active {
background: transparent;
}
.m\:active\:bg-pink-current.is-active {
background: currentColor;
}
.m\:active\:bg-pink-50.is-active,
.m\:active\:bg-pink-50:active {
background-color: #fdf2f8;
}
.m\:active\:bg-pink-100.is-active,
.m\:active\:bg-pink-100:active {
background-color: #fce7f3;
}
.m\:active\:bg-pink-200.is-active,
.m\:active\:bg-pink-200:active {
background-color: #fbcfe8;
}
.m\:active\:bg-pink-300.is-active,
.m\:active\:bg-pink-300:active {
background-color: #f9a8d4;
}
.m\:active\:bg-pink-400.is-active,
.m\:active\:bg-pink-400:active {
background-color: #f472b6;
}
.m\:active\:bg-pink-500.is-active,
.m\:active\:bg-pink-500:active {
background-color: #ec4899;
}
.m\:active\:bg-pink-600.is-active,
.m\:active\:bg-pink-600:active {
background-color: #db2777;
}
.m\:active\:bg-pink-700.is-active,
.m\:active\:bg-pink-700:active {
background-color: #be185d;
}
.m\:active\:bg-pink-800.is-active,
.m\:active\:bg-pink-800:active {
background-color: #9d174d;
}
.m\:active\:bg-pink-900.is-active,
.m\:active\:bg-pink-900:active {
background-color: #831843;
}
.m\:focus\:bg-transparent:focus {
background: transparent;
}
.m\:focus\:bg-none:focus {
background: none !important;
}
.m\:focus\:bg-transparent:focus {
background: transparent;
}
.m\:focus\:bg-current:focus {
background: currentColor;
}
.m\:focus\:bg-black:focus {
background-color: #000;
}
.m\:focus\:bg-white:focus {
background-color: #fff;
}
.m\:focus\:bg-primary:focus {
background-color: #007bff;
}
.m\:focus\:bg-secondary:focus {
background-color: #6c757d;
}
.m\:focus\:bg-success:focus {
background-color: #28a745;
}
.m\:focus\:bg-info:focus {
background-color: #007bff;
}
.m\:focus\:bg-warning:focus {
background-color: #fad733;
}
.m\:focus\:bg-danger:focus {
background-color: #dc3545;
}
.m\:focus\:bg-light:focus {
background-color: #f8f9fa;
}
.m\:focus\:bg-dark:focus {
background-color: #343a40;
}
.m\:focus\:bg-gray-transparent:focus {
background: transparent;
}
.m\:focus\:bg-gray-current:focus {
background: currentColor;
}
.m\:focus\:bg-gray-50:focus {
background-color: #f9fafb;
}
.m\:focus\:bg-gray-100:focus {
background-color: #f3f4f6;
}
.m\:focus\:bg-gray-200:focus {
background-color: #e5e7eb;
}
.m\:focus\:bg-gray-300:focus {
background-color: #d1d5db;
}
.m\:focus\:bg-gray-400:focus {
background-color: #9ca3af;
}
.m\:focus\:bg-gray-500:focus {
background-color: #6b7280;
}
.m\:focus\:bg-gray-600:focus {
background-color: #4b5563;
}
.m\:focus\:bg-gray-700:focus {
background-color: #374151;
}
.m\:focus\:bg-gray-800:focus {
background-color: #1f2937;
}
.m\:focus\:bg-gray-900:focus {
background-color: #111827;
}
.m\:focus\:bg-red-transparent:focus {
background: transparent;
}
.m\:focus\:bg-red-current:focus {
background: currentColor;
}
.m\:focus\:bg-red-50:focus {
background-color: #fef2f2;
}
.m\:focus\:bg-red-100:focus {
background-color: #fee2e2;
}
.m\:focus\:bg-red-200:focus {
background-color: #fecaca;
}
.m\:focus\:bg-red-300:focus {
background-color: #fca5a5;
}
.m\:focus\:bg-red-400:focus {
background-color: #f87171;
}
.m\:focus\:bg-red-500:focus {
background-color: #ef4444;
}
.m\:focus\:bg-red-600:focus {
background-color: #dc2626;
}
.m\:focus\:bg-red-700:focus {
background-color: #b91c1c;
}
.m\:focus\:bg-red-800:focus {
background-color: #991b1b;
}
.m\:focus\:bg-red-900:focus {
background-color: #7f1d1d;
}
.m\:focus\:bg-yellow-transparent:focus {
background: transparent;
}
.m\:focus\:bg-yellow-current:focus {
background: currentColor;
}
.m\:focus\:bg-yellow-50:focus {
background-color: #fffbeb;
}
.m\:focus\:bg-yellow-100:focus {
background-color: #fef3c7;
}
.m\:focus\:bg-yellow-200:focus {
background-color: #fde68a;
}
.m\:focus\:bg-yellow-300:focus {
background-color: #fcd34d;
}
.m\:focus\:bg-yellow-400:focus {
background-color: #fbbf24;
}
.m\:focus\:bg-yellow-500:focus {
background-color: #f59e0b;
}
.m\:focus\:bg-yellow-600:focus {
background-color: #d97706;
}
.m\:focus\:bg-yellow-700:focus {
background-color: #b45309;
}
.m\:focus\:bg-yellow-800:focus {
background-color: #92400e;
}
.m\:focus\:bg-yellow-900:focus {
background-color: #78350f;
}
.m\:focus\:bg-green-transparent:focus {
background: transparent;
}
.m\:focus\:bg-green-current:focus {
background: currentColor;
}
.m\:focus\:bg-green-50:focus {
background-color: #ecfdf5;
}
.m\:focus\:bg-green-100:focus {
background-color: #d1fae5;
}
.m\:focus\:bg-green-200:focus {
background-color: #a7f3d0;
}
.m\:focus\:bg-green-300:focus {
background-color: #6ee7b7;
}
.m\:focus\:bg-green-400:focus {
background-color: #34d399;
}
.m\:focus\:bg-green-500:focus {
background-color: #10b981;
}
.m\:focus\:bg-green-600:focus {
background-color: #059669;
}
.m\:focus\:bg-green-700:focus {
background-color: #047857;
}
.m\:focus\:bg-green-800:focus {
background-color: #065f46;
}
.m\:focus\:bg-green-900:focus {
background-color: #064e3b;
}
.m\:focus\:bg-blue-transparent:focus {
background: transparent;
}
.m\:focus\:bg-blue-current:focus {
background: currentColor;
}
.m\:focus\:bg-blue-50:focus {
background-color: #eff6ff;
}
.m\:focus\:bg-blue-100:focus {
background-color: #dbeafe;
}
.m\:focus\:bg-blue-200:focus {
background-color: #bfdbfe;
}
.m\:focus\:bg-blue-300:focus {
background-color: #93c5fd;
}
.m\:focus\:bg-blue-400:focus {
background-color: #60a5fa;
}
.m\:focus\:bg-blue-500:focus {
background-color: #3b82f6;
}
.m\:focus\:bg-blue-600:focus {
background-color: #2563eb;
}
.m\:focus\:bg-blue-700:focus {
background-color: #1d4ed8;
}
.m\:focus\:bg-blue-800:focus {
background-color: #1e40af;
}
.m\:focus\:bg-blue-900:focus {
background-color: #1e3a8a;
}
.m\:focus\:bg-cyan-transparent:focus {
background: transparent;
}
.m\:focus\:bg-cyan-current:focus {
background: currentColor;
}
.m\:focus\:bg-cyan-50:focus {
background-color: #ecfeff;
}
.m\:focus\:bg-cyan-100:focus {
background-color: #cffafe;
}
.m\:focus\:bg-cyan-200:focus {
background-color: #a5f3fc;
}
.m\:focus\:bg-cyan-300:focus {
background-color: #67e8f9;
}
.m\:focus\:bg-cyan-400:focus {
background-color: #22d3ee;
}
.m\:focus\:bg-cyan-500:focus {
background-color: #06b6d4;
}
.m\:focus\:bg-cyan-600:focus {
background-color: #0891b2;
}
.m\:focus\:bg-cyan-700:focus {
background-color: #0e7490;
}
.m\:focus\:bg-cyan-800:focus {
background-color: #155e75;
}
.m\:focus\:bg-cyan-900:focus {
background-color: #164e63;
}
.m\:focus\:bg-indigo-transparent:focus {
background: transparent;
}
.m\:focus\:bg-indigo-current:focus {
background: currentColor;
}
.m\:focus\:bg-indigo-50:focus {
background-color: #eef2ff;
}
.m\:focus\:bg-indigo-100:focus {
background-color: #e0e7ff;
}
.m\:focus\:bg-indigo-200:focus {
background-color: #c7d2fe;
}
.m\:focus\:bg-indigo-300:focus {
background-color: #a5b4fc;
}
.m\:focus\:bg-indigo-400:focus {
background-color: #818cf8;
}
.m\:focus\:bg-indigo-500:focus {
background-color: #6366f1;
}
.m\:focus\:bg-indigo-600:focus {
background-color: #4f46e5;
}
.m\:focus\:bg-indigo-700:focus {
background-color: #4338ca;
}
.m\:focus\:bg-indigo-800:focus {
background-color: #3730a3;
}
.m\:focus\:bg-indigo-900:focus {
background-color: #312e81;
}
.m\:focus\:bg-purple-transparent:focus {
background: transparent;
}
.m\:focus\:bg-purple-current:focus {
background: currentColor;
}
.m\:focus\:bg-purple-50:focus {
background-color: #f5f3ff;
}
.m\:focus\:bg-purple-100:focus {
background-color: #ede9fe;
}
.m\:focus\:bg-purple-200:focus {
background-color: #ddd6fe;
}
.m\:focus\:bg-purple-300:focus {
background-color: #c4b5fd;
}
.m\:focus\:bg-purple-400:focus {
background-color: #a78bfa;
}
.m\:focus\:bg-purple-500:focus {
background-color: #8b5cf6;
}
.m\:focus\:bg-purple-600:focus {
background-color: #7c3aed;
}
.m\:focus\:bg-purple-700:focus {
background-color: #6d28d9;
}
.m\:focus\:bg-purple-800:focus {
background-color: #5b21b6;
}
.m\:focus\:bg-purple-900:focus {
background-color: #4c1d95;
}
.m\:focus\:bg-pink-transparent:focus {
background: transparent;
}
.m\:focus\:bg-pink-current:focus {
background: currentColor;
}
.m\:focus\:bg-pink-50:focus {
background-color: #fdf2f8;
}
.m\:focus\:bg-pink-100:focus {
background-color: #fce7f3;
}
.m\:focus\:bg-pink-200:focus {
background-color: #fbcfe8;
}
.m\:focus\:bg-pink-300:focus {
background-color: #f9a8d4;
}
.m\:focus\:bg-pink-400:focus {
background-color: #f472b6;
}
.m\:focus\:bg-pink-500:focus {
background-color: #ec4899;
}
.m\:focus\:bg-pink-600:focus {
background-color: #db2777;
}
.m\:focus\:bg-pink-700:focus {
background-color: #be185d;
}
.m\:focus\:bg-pink-800:focus {
background-color: #9d174d;
}
.m\:focus\:bg-pink-900:focus {
background-color: #831843;
}
.m\:disabled\:bg-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-none.is-disabled {
background: none !important;
}
.m\:disabled\:bg-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-black.is-disabled,
.m\:disabled\:bg-black:disabled {
background-color: #000;
}
.m\:disabled\:bg-white.is-disabled,
.m\:disabled\:bg-white:disabled {
background-color: #fff;
}
.m\:disabled\:bg-primary.is-disabled,
.m\:disabled\:bg-primary:disabled {
background-color: #007bff;
}
.m\:disabled\:bg-secondary.is-disabled,
.m\:disabled\:bg-secondary:disabled {
background-color: #6c757d;
}
.m\:disabled\:bg-success.is-disabled,
.m\:disabled\:bg-success:disabled {
background-color: #28a745;
}
.m\:disabled\:bg-info.is-disabled,
.m\:disabled\:bg-info:disabled {
background-color: #007bff;
}
.m\:disabled\:bg-warning.is-disabled,
.m\:disabled\:bg-warning:disabled {
background-color: #fad733;
}
.m\:disabled\:bg-danger.is-disabled,
.m\:disabled\:bg-danger:disabled {
background-color: #dc3545;
}
.m\:disabled\:bg-light.is-disabled,
.m\:disabled\:bg-light:disabled {
background-color: #f8f9fa;
}
.m\:disabled\:bg-dark.is-disabled,
.m\:disabled\:bg-dark:disabled {
background-color: #343a40;
}
.m\:disabled\:bg-gray-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-gray-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-gray-50.is-disabled,
.m\:disabled\:bg-gray-50:disabled {
background-color: #f9fafb;
}
.m\:disabled\:bg-gray-100.is-disabled,
.m\:disabled\:bg-gray-100:disabled {
background-color: #f3f4f6;
}
.m\:disabled\:bg-gray-200.is-disabled,
.m\:disabled\:bg-gray-200:disabled {
background-color: #e5e7eb;
}
.m\:disabled\:bg-gray-300.is-disabled,
.m\:disabled\:bg-gray-300:disabled {
background-color: #d1d5db;
}
.m\:disabled\:bg-gray-400.is-disabled,
.m\:disabled\:bg-gray-400:disabled {
background-color: #9ca3af;
}
.m\:disabled\:bg-gray-500.is-disabled,
.m\:disabled\:bg-gray-500:disabled {
background-color: #6b7280;
}
.m\:disabled\:bg-gray-600.is-disabled,
.m\:disabled\:bg-gray-600:disabled {
background-color: #4b5563;
}
.m\:disabled\:bg-gray-700.is-disabled,
.m\:disabled\:bg-gray-700:disabled {
background-color: #374151;
}
.m\:disabled\:bg-gray-800.is-disabled,
.m\:disabled\:bg-gray-800:disabled {
background-color: #1f2937;
}
.m\:disabled\:bg-gray-900.is-disabled,
.m\:disabled\:bg-gray-900:disabled {
background-color: #111827;
}
.m\:disabled\:bg-red-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-red-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-red-50.is-disabled,
.m\:disabled\:bg-red-50:disabled {
background-color: #fef2f2;
}
.m\:disabled\:bg-red-100.is-disabled,
.m\:disabled\:bg-red-100:disabled {
background-color: #fee2e2;
}
.m\:disabled\:bg-red-200.is-disabled,
.m\:disabled\:bg-red-200:disabled {
background-color: #fecaca;
}
.m\:disabled\:bg-red-300.is-disabled,
.m\:disabled\:bg-red-300:disabled {
background-color: #fca5a5;
}
.m\:disabled\:bg-red-400.is-disabled,
.m\:disabled\:bg-red-400:disabled {
background-color: #f87171;
}
.m\:disabled\:bg-red-500.is-disabled,
.m\:disabled\:bg-red-500:disabled {
background-color: #ef4444;
}
.m\:disabled\:bg-red-600.is-disabled,
.m\:disabled\:bg-red-600:disabled {
background-color: #dc2626;
}
.m\:disabled\:bg-red-700.is-disabled,
.m\:disabled\:bg-red-700:disabled {
background-color: #b91c1c;
}
.m\:disabled\:bg-red-800.is-disabled,
.m\:disabled\:bg-red-800:disabled {
background-color: #991b1b;
}
.m\:disabled\:bg-red-900.is-disabled,
.m\:disabled\:bg-red-900:disabled {
background-color: #7f1d1d;
}
.m\:disabled\:bg-yellow-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-yellow-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-yellow-50.is-disabled,
.m\:disabled\:bg-yellow-50:disabled {
background-color: #fffbeb;
}
.m\:disabled\:bg-yellow-100.is-disabled,
.m\:disabled\:bg-yellow-100:disabled {
background-color: #fef3c7;
}
.m\:disabled\:bg-yellow-200.is-disabled,
.m\:disabled\:bg-yellow-200:disabled {
background-color: #fde68a;
}
.m\:disabled\:bg-yellow-300.is-disabled,
.m\:disabled\:bg-yellow-300:disabled {
background-color: #fcd34d;
}
.m\:disabled\:bg-yellow-400.is-disabled,
.m\:disabled\:bg-yellow-400:disabled {
background-color: #fbbf24;
}
.m\:disabled\:bg-yellow-500.is-disabled,
.m\:disabled\:bg-yellow-500:disabled {
background-color: #f59e0b;
}
.m\:disabled\:bg-yellow-600.is-disabled,
.m\:disabled\:bg-yellow-600:disabled {
background-color: #d97706;
}
.m\:disabled\:bg-yellow-700.is-disabled,
.m\:disabled\:bg-yellow-700:disabled {
background-color: #b45309;
}
.m\:disabled\:bg-yellow-800.is-disabled,
.m\:disabled\:bg-yellow-800:disabled {
background-color: #92400e;
}
.m\:disabled\:bg-yellow-900.is-disabled,
.m\:disabled\:bg-yellow-900:disabled {
background-color: #78350f;
}
.m\:disabled\:bg-green-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-green-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-green-50.is-disabled,
.m\:disabled\:bg-green-50:disabled {
background-color: #ecfdf5;
}
.m\:disabled\:bg-green-100.is-disabled,
.m\:disabled\:bg-green-100:disabled {
background-color: #d1fae5;
}
.m\:disabled\:bg-green-200.is-disabled,
.m\:disabled\:bg-green-200:disabled {
background-color: #a7f3d0;
}
.m\:disabled\:bg-green-300.is-disabled,
.m\:disabled\:bg-green-300:disabled {
background-color: #6ee7b7;
}
.m\:disabled\:bg-green-400.is-disabled,
.m\:disabled\:bg-green-400:disabled {
background-color: #34d399;
}
.m\:disabled\:bg-green-500.is-disabled,
.m\:disabled\:bg-green-500:disabled {
background-color: #10b981;
}
.m\:disabled\:bg-green-600.is-disabled,
.m\:disabled\:bg-green-600:disabled {
background-color: #059669;
}
.m\:disabled\:bg-green-700.is-disabled,
.m\:disabled\:bg-green-700:disabled {
background-color: #047857;
}
.m\:disabled\:bg-green-800.is-disabled,
.m\:disabled\:bg-green-800:disabled {
background-color: #065f46;
}
.m\:disabled\:bg-green-900.is-disabled,
.m\:disabled\:bg-green-900:disabled {
background-color: #064e3b;
}
.m\:disabled\:bg-blue-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-blue-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-blue-50.is-disabled,
.m\:disabled\:bg-blue-50:disabled {
background-color: #eff6ff;
}
.m\:disabled\:bg-blue-100.is-disabled,
.m\:disabled\:bg-blue-100:disabled {
background-color: #dbeafe;
}
.m\:disabled\:bg-blue-200.is-disabled,
.m\:disabled\:bg-blue-200:disabled {
background-color: #bfdbfe;
}
.m\:disabled\:bg-blue-300.is-disabled,
.m\:disabled\:bg-blue-300:disabled {
background-color: #93c5fd;
}
.m\:disabled\:bg-blue-400.is-disabled,
.m\:disabled\:bg-blue-400:disabled {
background-color: #60a5fa;
}
.m\:disabled\:bg-blue-500.is-disabled,
.m\:disabled\:bg-blue-500:disabled {
background-color: #3b82f6;
}
.m\:disabled\:bg-blue-600.is-disabled,
.m\:disabled\:bg-blue-600:disabled {
background-color: #2563eb;
}
.m\:disabled\:bg-blue-700.is-disabled,
.m\:disabled\:bg-blue-700:disabled {
background-color: #1d4ed8;
}
.m\:disabled\:bg-blue-800.is-disabled,
.m\:disabled\:bg-blue-800:disabled {
background-color: #1e40af;
}
.m\:disabled\:bg-blue-900.is-disabled,
.m\:disabled\:bg-blue-900:disabled {
background-color: #1e3a8a;
}
.m\:disabled\:bg-cyan-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-cyan-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-cyan-50.is-disabled,
.m\:disabled\:bg-cyan-50:disabled {
background-color: #ecfeff;
}
.m\:disabled\:bg-cyan-100.is-disabled,
.m\:disabled\:bg-cyan-100:disabled {
background-color: #cffafe;
}
.m\:disabled\:bg-cyan-200.is-disabled,
.m\:disabled\:bg-cyan-200:disabled {
background-color: #a5f3fc;
}
.m\:disabled\:bg-cyan-300.is-disabled,
.m\:disabled\:bg-cyan-300:disabled {
background-color: #67e8f9;
}
.m\:disabled\:bg-cyan-400.is-disabled,
.m\:disabled\:bg-cyan-400:disabled {
background-color: #22d3ee;
}
.m\:disabled\:bg-cyan-500.is-disabled,
.m\:disabled\:bg-cyan-500:disabled {
background-color: #06b6d4;
}
.m\:disabled\:bg-cyan-600.is-disabled,
.m\:disabled\:bg-cyan-600:disabled {
background-color: #0891b2;
}
.m\:disabled\:bg-cyan-700.is-disabled,
.m\:disabled\:bg-cyan-700:disabled {
background-color: #0e7490;
}
.m\:disabled\:bg-cyan-800.is-disabled,
.m\:disabled\:bg-cyan-800:disabled {
background-color: #155e75;
}
.m\:disabled\:bg-cyan-900.is-disabled,
.m\:disabled\:bg-cyan-900:disabled {
background-color: #164e63;
}
.m\:disabled\:bg-indigo-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-indigo-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-indigo-50.is-disabled,
.m\:disabled\:bg-indigo-50:disabled {
background-color: #eef2ff;
}
.m\:disabled\:bg-indigo-100.is-disabled,
.m\:disabled\:bg-indigo-100:disabled {
background-color: #e0e7ff;
}
.m\:disabled\:bg-indigo-200.is-disabled,
.m\:disabled\:bg-indigo-200:disabled {
background-color: #c7d2fe;
}
.m\:disabled\:bg-indigo-300.is-disabled,
.m\:disabled\:bg-indigo-300:disabled {
background-color: #a5b4fc;
}
.m\:disabled\:bg-indigo-400.is-disabled,
.m\:disabled\:bg-indigo-400:disabled {
background-color: #818cf8;
}
.m\:disabled\:bg-indigo-500.is-disabled,
.m\:disabled\:bg-indigo-500:disabled {
background-color: #6366f1;
}
.m\:disabled\:bg-indigo-600.is-disabled,
.m\:disabled\:bg-indigo-600:disabled {
background-color: #4f46e5;
}
.m\:disabled\:bg-indigo-700.is-disabled,
.m\:disabled\:bg-indigo-700:disabled {
background-color: #4338ca;
}
.m\:disabled\:bg-indigo-800.is-disabled,
.m\:disabled\:bg-indigo-800:disabled {
background-color: #3730a3;
}
.m\:disabled\:bg-indigo-900.is-disabled,
.m\:disabled\:bg-indigo-900:disabled {
background-color: #312e81;
}
.m\:disabled\:bg-purple-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-purple-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-purple-50.is-disabled,
.m\:disabled\:bg-purple-50:disabled {
background-color: #f5f3ff;
}
.m\:disabled\:bg-purple-100.is-disabled,
.m\:disabled\:bg-purple-100:disabled {
background-color: #ede9fe;
}
.m\:disabled\:bg-purple-200.is-disabled,
.m\:disabled\:bg-purple-200:disabled {
background-color: #ddd6fe;
}
.m\:disabled\:bg-purple-300.is-disabled,
.m\:disabled\:bg-purple-300:disabled {
background-color: #c4b5fd;
}
.m\:disabled\:bg-purple-400.is-disabled,
.m\:disabled\:bg-purple-400:disabled {
background-color: #a78bfa;
}
.m\:disabled\:bg-purple-500.is-disabled,
.m\:disabled\:bg-purple-500:disabled {
background-color: #8b5cf6;
}
.m\:disabled\:bg-purple-600.is-disabled,
.m\:disabled\:bg-purple-600:disabled {
background-color: #7c3aed;
}
.m\:disabled\:bg-purple-700.is-disabled,
.m\:disabled\:bg-purple-700:disabled {
background-color: #6d28d9;
}
.m\:disabled\:bg-purple-800.is-disabled,
.m\:disabled\:bg-purple-800:disabled {
background-color: #5b21b6;
}
.m\:disabled\:bg-purple-900.is-disabled,
.m\:disabled\:bg-purple-900:disabled {
background-color: #4c1d95;
}
.m\:disabled\:bg-pink-transparent.is-disabled {
background: transparent;
}
.m\:disabled\:bg-pink-current.is-disabled {
background: currentColor;
}
.m\:disabled\:bg-pink-50.is-disabled,
.m\:disabled\:bg-pink-50:disabled {
background-color: #fdf2f8;
}
.m\:disabled\:bg-pink-100.is-disabled,
.m\:disabled\:bg-pink-100:disabled {
background-color: #fce7f3;
}
.m\:disabled\:bg-pink-200.is-disabled,
.m\:disabled\:bg-pink-200:disabled {
background-color: #fbcfe8;
}
.m\:disabled\:bg-pink-300.is-disabled,
.m\:disabled\:bg-pink-300:disabled {
background-color: #f9a8d4;
}
.m\:disabled\:bg-pink-400.is-disabled,
.m\:disabled\:bg-pink-400:disabled {
background-color: #f472b6;
}
.m\:disabled\:bg-pink-500.is-disabled,
.m\:disabled\:bg-pink-500:disabled {
background-color: #ec4899;
}
.m\:disabled\:bg-pink-600.is-disabled,
.m\:disabled\:bg-pink-600:disabled {
background-color: #db2777;
}
.m\:disabled\:bg-pink-700.is-disabled,
.m\:disabled\:bg-pink-700:disabled {
background-color: #be185d;
}
.m\:disabled\:bg-pink-800.is-disabled,
.m\:disabled\:bg-pink-800:disabled {
background-color: #9d174d;
}
.m\:disabled\:bg-pink-900.is-disabled,
.m\:disabled\:bg-pink-900:disabled {
background-color: #831843;
}
.group:hover .m\:group-hover\:bg-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-none {
background: none !important;
}
.group:hover .m\:group-hover\:bg-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-black {
background-color: #000;
}
.group:hover .m\:group-hover\:bg-white {
background-color: #fff;
}
.group:hover .m\:group-hover\:bg-primary {
background-color: #007bff;
}
.group:hover .m\:group-hover\:bg-secondary {
background-color: #6c757d;
}
.group:hover .m\:group-hover\:bg-success {
background-color: #28a745;
}
.group:hover .m\:group-hover\:bg-info {
background-color: #007bff;
}
.group:hover .m\:group-hover\:bg-warning {
background-color: #fad733;
}
.group:hover .m\:group-hover\:bg-danger {
background-color: #dc3545;
}
.group:hover .m\:group-hover\:bg-light {
background-color: #f8f9fa;
}
.group:hover .m\:group-hover\:bg-dark {
background-color: #343a40;
}
.group:hover .m\:group-hover\:bg-gray-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-gray-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-gray-50 {
background-color: #f9fafb;
}
.group:hover .m\:group-hover\:bg-gray-100 {
background-color: #f3f4f6;
}
.group:hover .m\:group-hover\:bg-gray-200 {
background-color: #e5e7eb;
}
.group:hover .m\:group-hover\:bg-gray-300 {
background-color: #d1d5db;
}
.group:hover .m\:group-hover\:bg-gray-400 {
background-color: #9ca3af;
}
.group:hover .m\:group-hover\:bg-gray-500 {
background-color: #6b7280;
}
.group:hover .m\:group-hover\:bg-gray-600 {
background-color: #4b5563;
}
.group:hover .m\:group-hover\:bg-gray-700 {
background-color: #374151;
}
.group:hover .m\:group-hover\:bg-gray-800 {
background-color: #1f2937;
}
.group:hover .m\:group-hover\:bg-gray-900 {
background-color: #111827;
}
.group:hover .m\:group-hover\:bg-red-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-red-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-red-50 {
background-color: #fef2f2;
}
.group:hover .m\:group-hover\:bg-red-100 {
background-color: #fee2e2;
}
.group:hover .m\:group-hover\:bg-red-200 {
background-color: #fecaca;
}
.group:hover .m\:group-hover\:bg-red-300 {
background-color: #fca5a5;
}
.group:hover .m\:group-hover\:bg-red-400 {
background-color: #f87171;
}
.group:hover .m\:group-hover\:bg-red-500 {
background-color: #ef4444;
}
.group:hover .m\:group-hover\:bg-red-600 {
background-color: #dc2626;
}
.group:hover .m\:group-hover\:bg-red-700 {
background-color: #b91c1c;
}
.group:hover .m\:group-hover\:bg-red-800 {
background-color: #991b1b;
}
.group:hover .m\:group-hover\:bg-red-900 {
background-color: #7f1d1d;
}
.group:hover .m\:group-hover\:bg-yellow-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-yellow-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-yellow-50 {
background-color: #fffbeb;
}
.group:hover .m\:group-hover\:bg-yellow-100 {
background-color: #fef3c7;
}
.group:hover .m\:group-hover\:bg-yellow-200 {
background-color: #fde68a;
}
.group:hover .m\:group-hover\:bg-yellow-300 {
background-color: #fcd34d;
}
.group:hover .m\:group-hover\:bg-yellow-400 {
background-color: #fbbf24;
}
.group:hover .m\:group-hover\:bg-yellow-500 {
background-color: #f59e0b;
}
.group:hover .m\:group-hover\:bg-yellow-600 {
background-color: #d97706;
}
.group:hover .m\:group-hover\:bg-yellow-700 {
background-color: #b45309;
}
.group:hover .m\:group-hover\:bg-yellow-800 {
background-color: #92400e;
}
.group:hover .m\:group-hover\:bg-yellow-900 {
background-color: #78350f;
}
.group:hover .m\:group-hover\:bg-green-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-green-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-green-50 {
background-color: #ecfdf5;
}
.group:hover .m\:group-hover\:bg-green-100 {
background-color: #d1fae5;
}
.group:hover .m\:group-hover\:bg-green-200 {
background-color: #a7f3d0;
}
.group:hover .m\:group-hover\:bg-green-300 {
background-color: #6ee7b7;
}
.group:hover .m\:group-hover\:bg-green-400 {
background-color: #34d399;
}
.group:hover .m\:group-hover\:bg-green-500 {
background-color: #10b981;
}
.group:hover .m\:group-hover\:bg-green-600 {
background-color: #059669;
}
.group:hover .m\:group-hover\:bg-green-700 {
background-color: #047857;
}
.group:hover .m\:group-hover\:bg-green-800 {
background-color: #065f46;
}
.group:hover .m\:group-hover\:bg-green-900 {
background-color: #064e3b;
}
.group:hover .m\:group-hover\:bg-blue-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-blue-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-blue-50 {
background-color: #eff6ff;
}
.group:hover .m\:group-hover\:bg-blue-100 {
background-color: #dbeafe;
}
.group:hover .m\:group-hover\:bg-blue-200 {
background-color: #bfdbfe;
}
.group:hover .m\:group-hover\:bg-blue-300 {
background-color: #93c5fd;
}
.group:hover .m\:group-hover\:bg-blue-400 {
background-color: #60a5fa;
}
.group:hover .m\:group-hover\:bg-blue-500 {
background-color: #3b82f6;
}
.group:hover .m\:group-hover\:bg-blue-600 {
background-color: #2563eb;
}
.group:hover .m\:group-hover\:bg-blue-700 {
background-color: #1d4ed8;
}
.group:hover .m\:group-hover\:bg-blue-800 {
background-color: #1e40af;
}
.group:hover .m\:group-hover\:bg-blue-900 {
background-color: #1e3a8a;
}
.group:hover .m\:group-hover\:bg-cyan-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-cyan-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-cyan-50 {
background-color: #ecfeff;
}
.group:hover .m\:group-hover\:bg-cyan-100 {
background-color: #cffafe;
}
.group:hover .m\:group-hover\:bg-cyan-200 {
background-color: #a5f3fc;
}
.group:hover .m\:group-hover\:bg-cyan-300 {
background-color: #67e8f9;
}
.group:hover .m\:group-hover\:bg-cyan-400 {
background-color: #22d3ee;
}
.group:hover .m\:group-hover\:bg-cyan-500 {
background-color: #06b6d4;
}
.group:hover .m\:group-hover\:bg-cyan-600 {
background-color: #0891b2;
}
.group:hover .m\:group-hover\:bg-cyan-700 {
background-color: #0e7490;
}
.group:hover .m\:group-hover\:bg-cyan-800 {
background-color: #155e75;
}
.group:hover .m\:group-hover\:bg-cyan-900 {
background-color: #164e63;
}
.group:hover .m\:group-hover\:bg-indigo-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-indigo-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-indigo-50 {
background-color: #eef2ff;
}
.group:hover .m\:group-hover\:bg-indigo-100 {
background-color: #e0e7ff;
}
.group:hover .m\:group-hover\:bg-indigo-200 {
background-color: #c7d2fe;
}
.group:hover .m\:group-hover\:bg-indigo-300 {
background-color: #a5b4fc;
}
.group:hover .m\:group-hover\:bg-indigo-400 {
background-color: #818cf8;
}
.group:hover .m\:group-hover\:bg-indigo-500 {
background-color: #6366f1;
}
.group:hover .m\:group-hover\:bg-indigo-600 {
background-color: #4f46e5;
}
.group:hover .m\:group-hover\:bg-indigo-700 {
background-color: #4338ca;
}
.group:hover .m\:group-hover\:bg-indigo-800 {
background-color: #3730a3;
}
.group:hover .m\:group-hover\:bg-indigo-900 {
background-color: #312e81;
}
.group:hover .m\:group-hover\:bg-purple-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-purple-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-purple-50 {
background-color: #f5f3ff;
}
.group:hover .m\:group-hover\:bg-purple-100 {
background-color: #ede9fe;
}
.group:hover .m\:group-hover\:bg-purple-200 {
background-color: #ddd6fe;
}
.group:hover .m\:group-hover\:bg-purple-300 {
background-color: #c4b5fd;
}
.group:hover .m\:group-hover\:bg-purple-400 {
background-color: #a78bfa;
}
.group:hover .m\:group-hover\:bg-purple-500 {
background-color: #8b5cf6;
}
.group:hover .m\:group-hover\:bg-purple-600 {
background-color: #7c3aed;
}
.group:hover .m\:group-hover\:bg-purple-700 {
background-color: #6d28d9;
}
.group:hover .m\:group-hover\:bg-purple-800 {
background-color: #5b21b6;
}
.group:hover .m\:group-hover\:bg-purple-900 {
background-color: #4c1d95;
}
.group:hover .m\:group-hover\:bg-pink-transparent {
background: transparent;
}
.group:hover .m\:group-hover\:bg-pink-current {
background: currentColor;
}
.group:hover .m\:group-hover\:bg-pink-50 {
background-color: #fdf2f8;
}
.group:hover .m\:group-hover\:bg-pink-100 {
background-color: #fce7f3;
}
.group:hover .m\:group-hover\:bg-pink-200 {
background-color: #fbcfe8;
}
.group:hover .m\:group-hover\:bg-pink-300 {
background-color: #f9a8d4;
}
.group:hover .m\:group-hover\:bg-pink-400 {
background-color: #f472b6;
}
.group:hover .m\:group-hover\:bg-pink-500 {
background-color: #ec4899;
}
.group:hover .m\:group-hover\:bg-pink-600 {
background-color: #db2777;
}
.group:hover .m\:group-hover\:bg-pink-700 {
background-color: #be185d;
}
.group:hover .m\:group-hover\:bg-pink-800 {
background-color: #9d174d;
}
.group:hover .m\:group-hover\:bg-pink-900 {
background-color: #831843;
}
}
@media (min-width: 769px) {
.pc\:bg-transparent {
background: transparent;
}
.pc\:bg-none {
background: none !important;
}
.pc\:bg-transparent {
background: transparent;
}
.pc\:bg-current {
background: currentColor;
}
.pc\:bg-black {
background-color: #000;
}
.pc\:bg-white {
background-color: #fff;
}
.pc\:bg-primary {
background-color: #007bff;
}
.pc\:bg-secondary {
background-color: #6c757d;
}
.pc\:bg-success {
background-color: #28a745;
}
.pc\:bg-info {
background-color: #007bff;
}
.pc\:bg-warning {
background-color: #fad733;
}
.pc\:bg-danger {
background-color: #dc3545;
}
.pc\:bg-light {
background-color: #f8f9fa;
}
.pc\:bg-dark {
background-color: #343a40;
}
.pc\:bg-gray-transparent {
background: transparent;
}
.pc\:bg-gray-current {
background: currentColor;
}
.pc\:bg-gray-50 {
background-color: #f9fafb;
}
.pc\:bg-gray-100 {
background-color: #f3f4f6;
}
.pc\:bg-gray-200 {
background-color: #e5e7eb;
}
.pc\:bg-gray-300 {
background-color: #d1d5db;
}
.pc\:bg-gray-400 {
background-color: #9ca3af;
}
.pc\:bg-gray-500 {
background-color: #6b7280;
}
.pc\:bg-gray-600 {
background-color: #4b5563;
}
.pc\:bg-gray-700 {
background-color: #374151;
}
.pc\:bg-gray-800 {
background-color: #1f2937;
}
.pc\:bg-gray-900 {
background-color: #111827;
}
.pc\:bg-red-transparent {
background: transparent;
}
.pc\:bg-red-current {
background: currentColor;
}
.pc\:bg-red-50 {
background-color: #fef2f2;
}
.pc\:bg-red-100 {
background-color: #fee2e2;
}
.pc\:bg-red-200 {
background-color: #fecaca;
}
.pc\:bg-red-300 {
background-color: #fca5a5;
}
.pc\:bg-red-400 {
background-color: #f87171;
}
.pc\:bg-red-500 {
background-color: #ef4444;
}
.pc\:bg-red-600 {
background-color: #dc2626;
}
.pc\:bg-red-700 {
background-color: #b91c1c;
}
.pc\:bg-red-800 {
background-color: #991b1b;
}
.pc\:bg-red-900 {
background-color: #7f1d1d;
}
.pc\:bg-yellow-transparent {
background: transparent;
}
.pc\:bg-yellow-current {
background: currentColor;
}
.pc\:bg-yellow-50 {
background-color: #fffbeb;
}
.pc\:bg-yellow-100 {
background-color: #fef3c7;
}
.pc\:bg-yellow-200 {
background-color: #fde68a;
}
.pc\:bg-yellow-300 {
background-color: #fcd34d;
}
.pc\:bg-yellow-400 {
background-color: #fbbf24;
}
.pc\:bg-yellow-500 {
background-color: #f59e0b;
}
.pc\:bg-yellow-600 {
background-color: #d97706;
}
.pc\:bg-yellow-700 {
background-color: #b45309;
}
.pc\:bg-yellow-800 {
background-color: #92400e;
}
.pc\:bg-yellow-900 {
background-color: #78350f;
}
.pc\:bg-green-transparent {
background: transparent;
}
.pc\:bg-green-current {
background: currentColor;
}
.pc\:bg-green-50 {
background-color: #ecfdf5;
}
.pc\:bg-green-100 {
background-color: #d1fae5;
}
.pc\:bg-green-200 {
background-color: #a7f3d0;
}
.pc\:bg-green-300 {
background-color: #6ee7b7;
}
.pc\:bg-green-400 {
background-color: #34d399;
}
.pc\:bg-green-500 {
background-color: #10b981;
}
.pc\:bg-green-600 {
background-color: #059669;
}
.pc\:bg-green-700 {
background-color: #047857;
}
.pc\:bg-green-800 {
background-color: #065f46;
}
.pc\:bg-green-900 {
background-color: #064e3b;
}
.pc\:bg-blue-transparent {
background: transparent;
}
.pc\:bg-blue-current {
background: currentColor;
}
.pc\:bg-blue-50 {
background-color: #eff6ff;
}
.pc\:bg-blue-100 {
background-color: #dbeafe;
}
.pc\:bg-blue-200 {
background-color: #bfdbfe;
}
.pc\:bg-blue-300 {
background-color: #93c5fd;
}
.pc\:bg-blue-400 {
background-color: #60a5fa;
}
.pc\:bg-blue-500 {
background-color: #3b82f6;
}
.pc\:bg-blue-600 {
background-color: #2563eb;
}
.pc\:bg-blue-700 {
background-color: #1d4ed8;
}
.pc\:bg-blue-800 {
background-color: #1e40af;
}
.pc\:bg-blue-900 {
background-color: #1e3a8a;
}
.pc\:bg-cyan-transparent {
background: transparent;
}
.pc\:bg-cyan-current {
background: currentColor;
}
.pc\:bg-cyan-50 {
background-color: #ecfeff;
}
.pc\:bg-cyan-100 {
background-color: #cffafe;
}
.pc\:bg-cyan-200 {
background-color: #a5f3fc;
}
.pc\:bg-cyan-300 {
background-color: #67e8f9;
}
.pc\:bg-cyan-400 {
background-color: #22d3ee;
}
.pc\:bg-cyan-500 {
background-color: #06b6d4;
}
.pc\:bg-cyan-600 {
background-color: #0891b2;
}
.pc\:bg-cyan-700 {
background-color: #0e7490;
}
.pc\:bg-cyan-800 {
background-color: #155e75;
}
.pc\:bg-cyan-900 {
background-color: #164e63;
}
.pc\:bg-indigo-transparent {
background: transparent;
}
.pc\:bg-indigo-current {
background: currentColor;
}
.pc\:bg-indigo-50 {
background-color: #eef2ff;
}
.pc\:bg-indigo-100 {
background-color: #e0e7ff;
}
.pc\:bg-indigo-200 {
background-color: #c7d2fe;
}
.pc\:bg-indigo-300 {
background-color: #a5b4fc;
}
.pc\:bg-indigo-400 {
background-color: #818cf8;
}
.pc\:bg-indigo-500 {
background-color: #6366f1;
}
.pc\:bg-indigo-600 {
background-color: #4f46e5;
}
.pc\:bg-indigo-700 {
background-color: #4338ca;
}
.pc\:bg-indigo-800 {
background-color: #3730a3;
}
.pc\:bg-indigo-900 {
background-color: #312e81;
}
.pc\:bg-purple-transparent {
background: transparent;
}
.pc\:bg-purple-current {
background: currentColor;
}
.pc\:bg-purple-50 {
background-color: #f5f3ff;
}
.pc\:bg-purple-100 {
background-color: #ede9fe;
}
.pc\:bg-purple-200 {
background-color: #ddd6fe;
}
.pc\:bg-purple-300 {
background-color: #c4b5fd;
}
.pc\:bg-purple-400 {
background-color: #a78bfa;
}
.pc\:bg-purple-500 {
background-color: #8b5cf6;
}
.pc\:bg-purple-600 {
background-color: #7c3aed;
}
.pc\:bg-purple-700 {
background-color: #6d28d9;
}
.pc\:bg-purple-800 {
background-color: #5b21b6;
}
.pc\:bg-purple-900 {
background-color: #4c1d95;
}
.pc\:bg-pink-transparent {
background: transparent;
}
.pc\:bg-pink-current {
background: currentColor;
}
.pc\:bg-pink-50 {
background-color: #fdf2f8;
}
.pc\:bg-pink-100 {
background-color: #fce7f3;
}
.pc\:bg-pink-200 {
background-color: #fbcfe8;
}
.pc\:bg-pink-300 {
background-color: #f9a8d4;
}
.pc\:bg-pink-400 {
background-color: #f472b6;
}
.pc\:bg-pink-500 {
background-color: #ec4899;
}
.pc\:bg-pink-600 {
background-color: #db2777;
}
.pc\:bg-pink-700 {
background-color: #be185d;
}
.pc\:bg-pink-800 {
background-color: #9d174d;
}
.pc\:bg-pink-900 {
background-color: #831843;
}
.pc\:hover\:bg-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-none:hover {
background: none !important;
}
.pc\:hover\:bg-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-current:hover {
background: currentColor;
}
.pc\:hover\:bg-black:hover {
background-color: #000;
}
.pc\:hover\:bg-white:hover {
background-color: #fff;
}
.pc\:hover\:bg-primary:hover {
background-color: #007bff;
}
.pc\:hover\:bg-secondary:hover {
background-color: #6c757d;
}
.pc\:hover\:bg-success:hover {
background-color: #28a745;
}
.pc\:hover\:bg-info:hover {
background-color: #007bff;
}
.pc\:hover\:bg-warning:hover {
background-color: #fad733;
}
.pc\:hover\:bg-danger:hover {
background-color: #dc3545;
}
.pc\:hover\:bg-light:hover {
background-color: #f8f9fa;
}
.pc\:hover\:bg-dark:hover {
background-color: #343a40;
}
.pc\:hover\:bg-gray-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-gray-current:hover {
background: currentColor;
}
.pc\:hover\:bg-gray-50:hover {
background-color: #f9fafb;
}
.pc\:hover\:bg-gray-100:hover {
background-color: #f3f4f6;
}
.pc\:hover\:bg-gray-200:hover {
background-color: #e5e7eb;
}
.pc\:hover\:bg-gray-300:hover {
background-color: #d1d5db;
}
.pc\:hover\:bg-gray-400:hover {
background-color: #9ca3af;
}
.pc\:hover\:bg-gray-500:hover {
background-color: #6b7280;
}
.pc\:hover\:bg-gray-600:hover {
background-color: #4b5563;
}
.pc\:hover\:bg-gray-700:hover {
background-color: #374151;
}
.pc\:hover\:bg-gray-800:hover {
background-color: #1f2937;
}
.pc\:hover\:bg-gray-900:hover {
background-color: #111827;
}
.pc\:hover\:bg-red-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-red-current:hover {
background: currentColor;
}
.pc\:hover\:bg-red-50:hover {
background-color: #fef2f2;
}
.pc\:hover\:bg-red-100:hover {
background-color: #fee2e2;
}
.pc\:hover\:bg-red-200:hover {
background-color: #fecaca;
}
.pc\:hover\:bg-red-300:hover {
background-color: #fca5a5;
}
.pc\:hover\:bg-red-400:hover {
background-color: #f87171;
}
.pc\:hover\:bg-red-500:hover {
background-color: #ef4444;
}
.pc\:hover\:bg-red-600:hover {
background-color: #dc2626;
}
.pc\:hover\:bg-red-700:hover {
background-color: #b91c1c;
}
.pc\:hover\:bg-red-800:hover {
background-color: #991b1b;
}
.pc\:hover\:bg-red-900:hover {
background-color: #7f1d1d;
}
.pc\:hover\:bg-yellow-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-yellow-current:hover {
background: currentColor;
}
.pc\:hover\:bg-yellow-50:hover {
background-color: #fffbeb;
}
.pc\:hover\:bg-yellow-100:hover {
background-color: #fef3c7;
}
.pc\:hover\:bg-yellow-200:hover {
background-color: #fde68a;
}
.pc\:hover\:bg-yellow-300:hover {
background-color: #fcd34d;
}
.pc\:hover\:bg-yellow-400:hover {
background-color: #fbbf24;
}
.pc\:hover\:bg-yellow-500:hover {
background-color: #f59e0b;
}
.pc\:hover\:bg-yellow-600:hover {
background-color: #d97706;
}
.pc\:hover\:bg-yellow-700:hover {
background-color: #b45309;
}
.pc\:hover\:bg-yellow-800:hover {
background-color: #92400e;
}
.pc\:hover\:bg-yellow-900:hover {
background-color: #78350f;
}
.pc\:hover\:bg-green-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-green-current:hover {
background: currentColor;
}
.pc\:hover\:bg-green-50:hover {
background-color: #ecfdf5;
}
.pc\:hover\:bg-green-100:hover {
background-color: #d1fae5;
}
.pc\:hover\:bg-green-200:hover {
background-color: #a7f3d0;
}
.pc\:hover\:bg-green-300:hover {
background-color: #6ee7b7;
}
.pc\:hover\:bg-green-400:hover {
background-color: #34d399;
}
.pc\:hover\:bg-green-500:hover {
background-color: #10b981;
}
.pc\:hover\:bg-green-600:hover {
background-color: #059669;
}
.pc\:hover\:bg-green-700:hover {
background-color: #047857;
}
.pc\:hover\:bg-green-800:hover {
background-color: #065f46;
}
.pc\:hover\:bg-green-900:hover {
background-color: #064e3b;
}
.pc\:hover\:bg-blue-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-blue-current:hover {
background: currentColor;
}
.pc\:hover\:bg-blue-50:hover {
background-color: #eff6ff;
}
.pc\:hover\:bg-blue-100:hover {
background-color: #dbeafe;
}
.pc\:hover\:bg-blue-200:hover {
background-color: #bfdbfe;
}
.pc\:hover\:bg-blue-300:hover {
background-color: #93c5fd;
}
.pc\:hover\:bg-blue-400:hover {
background-color: #60a5fa;
}
.pc\:hover\:bg-blue-500:hover {
background-color: #3b82f6;
}
.pc\:hover\:bg-blue-600:hover {
background-color: #2563eb;
}
.pc\:hover\:bg-blue-700:hover {
background-color: #1d4ed8;
}
.pc\:hover\:bg-blue-800:hover {
background-color: #1e40af;
}
.pc\:hover\:bg-blue-900:hover {
background-color: #1e3a8a;
}
.pc\:hover\:bg-cyan-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-cyan-current:hover {
background: currentColor;
}
.pc\:hover\:bg-cyan-50:hover {
background-color: #ecfeff;
}
.pc\:hover\:bg-cyan-100:hover {
background-color: #cffafe;
}
.pc\:hover\:bg-cyan-200:hover {
background-color: #a5f3fc;
}
.pc\:hover\:bg-cyan-300:hover {
background-color: #67e8f9;
}
.pc\:hover\:bg-cyan-400:hover {
background-color: #22d3ee;
}
.pc\:hover\:bg-cyan-500:hover {
background-color: #06b6d4;
}
.pc\:hover\:bg-cyan-600:hover {
background-color: #0891b2;
}
.pc\:hover\:bg-cyan-700:hover {
background-color: #0e7490;
}
.pc\:hover\:bg-cyan-800:hover {
background-color: #155e75;
}
.pc\:hover\:bg-cyan-900:hover {
background-color: #164e63;
}
.pc\:hover\:bg-indigo-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-indigo-current:hover {
background: currentColor;
}
.pc\:hover\:bg-indigo-50:hover {
background-color: #eef2ff;
}
.pc\:hover\:bg-indigo-100:hover {
background-color: #e0e7ff;
}
.pc\:hover\:bg-indigo-200:hover {
background-color: #c7d2fe;
}
.pc\:hover\:bg-indigo-300:hover {
background-color: #a5b4fc;
}
.pc\:hover\:bg-indigo-400:hover {
background-color: #818cf8;
}
.pc\:hover\:bg-indigo-500:hover {
background-color: #6366f1;
}
.pc\:hover\:bg-indigo-600:hover {
background-color: #4f46e5;
}
.pc\:hover\:bg-indigo-700:hover {
background-color: #4338ca;
}
.pc\:hover\:bg-indigo-800:hover {
background-color: #3730a3;
}
.pc\:hover\:bg-indigo-900:hover {
background-color: #312e81;
}
.pc\:hover\:bg-purple-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-purple-current:hover {
background: currentColor;
}
.pc\:hover\:bg-purple-50:hover {
background-color: #f5f3ff;
}
.pc\:hover\:bg-purple-100:hover {
background-color: #ede9fe;
}
.pc\:hover\:bg-purple-200:hover {
background-color: #ddd6fe;
}
.pc\:hover\:bg-purple-300:hover {
background-color: #c4b5fd;
}
.pc\:hover\:bg-purple-400:hover {
background-color: #a78bfa;
}
.pc\:hover\:bg-purple-500:hover {
background-color: #8b5cf6;
}
.pc\:hover\:bg-purple-600:hover {
background-color: #7c3aed;
}
.pc\:hover\:bg-purple-700:hover {
background-color: #6d28d9;
}
.pc\:hover\:bg-purple-800:hover {
background-color: #5b21b6;
}
.pc\:hover\:bg-purple-900:hover {
background-color: #4c1d95;
}
.pc\:hover\:bg-pink-transparent:hover {
background: transparent;
}
.pc\:hover\:bg-pink-current:hover {
background: currentColor;
}
.pc\:hover\:bg-pink-50:hover {
background-color: #fdf2f8;
}
.pc\:hover\:bg-pink-100:hover {
background-color: #fce7f3;
}
.pc\:hover\:bg-pink-200:hover {
background-color: #fbcfe8;
}
.pc\:hover\:bg-pink-300:hover {
background-color: #f9a8d4;
}
.pc\:hover\:bg-pink-400:hover {
background-color: #f472b6;
}
.pc\:hover\:bg-pink-500:hover {
background-color: #ec4899;
}
.pc\:hover\:bg-pink-600:hover {
background-color: #db2777;
}
.pc\:hover\:bg-pink-700:hover {
background-color: #be185d;
}
.pc\:hover\:bg-pink-800:hover {
background-color: #9d174d;
}
.pc\:hover\:bg-pink-900:hover {
background-color: #831843;
}
.pc\:active\:bg-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-none.is-active {
background: none !important;
}
.pc\:active\:bg-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-current.is-active {
background: currentColor;
}
.pc\:active\:bg-black.is-active,
.pc\:active\:bg-black:active {
background-color: #000;
}
.pc\:active\:bg-white.is-active,
.pc\:active\:bg-white:active {
background-color: #fff;
}
.pc\:active\:bg-primary.is-active,
.pc\:active\:bg-primary:active {
background-color: #007bff;
}
.pc\:active\:bg-secondary.is-active,
.pc\:active\:bg-secondary:active {
background-color: #6c757d;
}
.pc\:active\:bg-success.is-active,
.pc\:active\:bg-success:active {
background-color: #28a745;
}
.pc\:active\:bg-info.is-active,
.pc\:active\:bg-info:active {
background-color: #007bff;
}
.pc\:active\:bg-warning.is-active,
.pc\:active\:bg-warning:active {
background-color: #fad733;
}
.pc\:active\:bg-danger.is-active,
.pc\:active\:bg-danger:active {
background-color: #dc3545;
}
.pc\:active\:bg-light.is-active,
.pc\:active\:bg-light:active {
background-color: #f8f9fa;
}
.pc\:active\:bg-dark.is-active,
.pc\:active\:bg-dark:active {
background-color: #343a40;
}
.pc\:active\:bg-gray-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-gray-current.is-active {
background: currentColor;
}
.pc\:active\:bg-gray-50.is-active,
.pc\:active\:bg-gray-50:active {
background-color: #f9fafb;
}
.pc\:active\:bg-gray-100.is-active,
.pc\:active\:bg-gray-100:active {
background-color: #f3f4f6;
}
.pc\:active\:bg-gray-200.is-active,
.pc\:active\:bg-gray-200:active {
background-color: #e5e7eb;
}
.pc\:active\:bg-gray-300.is-active,
.pc\:active\:bg-gray-300:active {
background-color: #d1d5db;
}
.pc\:active\:bg-gray-400.is-active,
.pc\:active\:bg-gray-400:active {
background-color: #9ca3af;
}
.pc\:active\:bg-gray-500.is-active,
.pc\:active\:bg-gray-500:active {
background-color: #6b7280;
}
.pc\:active\:bg-gray-600.is-active,
.pc\:active\:bg-gray-600:active {
background-color: #4b5563;
}
.pc\:active\:bg-gray-700.is-active,
.pc\:active\:bg-gray-700:active {
background-color: #374151;
}
.pc\:active\:bg-gray-800.is-active,
.pc\:active\:bg-gray-800:active {
background-color: #1f2937;
}
.pc\:active\:bg-gray-900.is-active,
.pc\:active\:bg-gray-900:active {
background-color: #111827;
}
.pc\:active\:bg-red-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-red-current.is-active {
background: currentColor;
}
.pc\:active\:bg-red-50.is-active,
.pc\:active\:bg-red-50:active {
background-color: #fef2f2;
}
.pc\:active\:bg-red-100.is-active,
.pc\:active\:bg-red-100:active {
background-color: #fee2e2;
}
.pc\:active\:bg-red-200.is-active,
.pc\:active\:bg-red-200:active {
background-color: #fecaca;
}
.pc\:active\:bg-red-300.is-active,
.pc\:active\:bg-red-300:active {
background-color: #fca5a5;
}
.pc\:active\:bg-red-400.is-active,
.pc\:active\:bg-red-400:active {
background-color: #f87171;
}
.pc\:active\:bg-red-500.is-active,
.pc\:active\:bg-red-500:active {
background-color: #ef4444;
}
.pc\:active\:bg-red-600.is-active,
.pc\:active\:bg-red-600:active {
background-color: #dc2626;
}
.pc\:active\:bg-red-700.is-active,
.pc\:active\:bg-red-700:active {
background-color: #b91c1c;
}
.pc\:active\:bg-red-800.is-active,
.pc\:active\:bg-red-800:active {
background-color: #991b1b;
}
.pc\:active\:bg-red-900.is-active,
.pc\:active\:bg-red-900:active {
background-color: #7f1d1d;
}
.pc\:active\:bg-yellow-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-yellow-current.is-active {
background: currentColor;
}
.pc\:active\:bg-yellow-50.is-active,
.pc\:active\:bg-yellow-50:active {
background-color: #fffbeb;
}
.pc\:active\:bg-yellow-100.is-active,
.pc\:active\:bg-yellow-100:active {
background-color: #fef3c7;
}
.pc\:active\:bg-yellow-200.is-active,
.pc\:active\:bg-yellow-200:active {
background-color: #fde68a;
}
.pc\:active\:bg-yellow-300.is-active,
.pc\:active\:bg-yellow-300:active {
background-color: #fcd34d;
}
.pc\:active\:bg-yellow-400.is-active,
.pc\:active\:bg-yellow-400:active {
background-color: #fbbf24;
}
.pc\:active\:bg-yellow-500.is-active,
.pc\:active\:bg-yellow-500:active {
background-color: #f59e0b;
}
.pc\:active\:bg-yellow-600.is-active,
.pc\:active\:bg-yellow-600:active {
background-color: #d97706;
}
.pc\:active\:bg-yellow-700.is-active,
.pc\:active\:bg-yellow-700:active {
background-color: #b45309;
}
.pc\:active\:bg-yellow-800.is-active,
.pc\:active\:bg-yellow-800:active {
background-color: #92400e;
}
.pc\:active\:bg-yellow-900.is-active,
.pc\:active\:bg-yellow-900:active {
background-color: #78350f;
}
.pc\:active\:bg-green-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-green-current.is-active {
background: currentColor;
}
.pc\:active\:bg-green-50.is-active,
.pc\:active\:bg-green-50:active {
background-color: #ecfdf5;
}
.pc\:active\:bg-green-100.is-active,
.pc\:active\:bg-green-100:active {
background-color: #d1fae5;
}
.pc\:active\:bg-green-200.is-active,
.pc\:active\:bg-green-200:active {
background-color: #a7f3d0;
}
.pc\:active\:bg-green-300.is-active,
.pc\:active\:bg-green-300:active {
background-color: #6ee7b7;
}
.pc\:active\:bg-green-400.is-active,
.pc\:active\:bg-green-400:active {
background-color: #34d399;
}
.pc\:active\:bg-green-500.is-active,
.pc\:active\:bg-green-500:active {
background-color: #10b981;
}
.pc\:active\:bg-green-600.is-active,
.pc\:active\:bg-green-600:active {
background-color: #059669;
}
.pc\:active\:bg-green-700.is-active,
.pc\:active\:bg-green-700:active {
background-color: #047857;
}
.pc\:active\:bg-green-800.is-active,
.pc\:active\:bg-green-800:active {
background-color: #065f46;
}
.pc\:active\:bg-green-900.is-active,
.pc\:active\:bg-green-900:active {
background-color: #064e3b;
}
.pc\:active\:bg-blue-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-blue-current.is-active {
background: currentColor;
}
.pc\:active\:bg-blue-50.is-active,
.pc\:active\:bg-blue-50:active {
background-color: #eff6ff;
}
.pc\:active\:bg-blue-100.is-active,
.pc\:active\:bg-blue-100:active {
background-color: #dbeafe;
}
.pc\:active\:bg-blue-200.is-active,
.pc\:active\:bg-blue-200:active {
background-color: #bfdbfe;
}
.pc\:active\:bg-blue-300.is-active,
.pc\:active\:bg-blue-300:active {
background-color: #93c5fd;
}
.pc\:active\:bg-blue-400.is-active,
.pc\:active\:bg-blue-400:active {
background-color: #60a5fa;
}
.pc\:active\:bg-blue-500.is-active,
.pc\:active\:bg-blue-500:active {
background-color: #3b82f6;
}
.pc\:active\:bg-blue-600.is-active,
.pc\:active\:bg-blue-600:active {
background-color: #2563eb;
}
.pc\:active\:bg-blue-700.is-active,
.pc\:active\:bg-blue-700:active {
background-color: #1d4ed8;
}
.pc\:active\:bg-blue-800.is-active,
.pc\:active\:bg-blue-800:active {
background-color: #1e40af;
}
.pc\:active\:bg-blue-900.is-active,
.pc\:active\:bg-blue-900:active {
background-color: #1e3a8a;
}
.pc\:active\:bg-cyan-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-cyan-current.is-active {
background: currentColor;
}
.pc\:active\:bg-cyan-50.is-active,
.pc\:active\:bg-cyan-50:active {
background-color: #ecfeff;
}
.pc\:active\:bg-cyan-100.is-active,
.pc\:active\:bg-cyan-100:active {
background-color: #cffafe;
}
.pc\:active\:bg-cyan-200.is-active,
.pc\:active\:bg-cyan-200:active {
background-color: #a5f3fc;
}
.pc\:active\:bg-cyan-300.is-active,
.pc\:active\:bg-cyan-300:active {
background-color: #67e8f9;
}
.pc\:active\:bg-cyan-400.is-active,
.pc\:active\:bg-cyan-400:active {
background-color: #22d3ee;
}
.pc\:active\:bg-cyan-500.is-active,
.pc\:active\:bg-cyan-500:active {
background-color: #06b6d4;
}
.pc\:active\:bg-cyan-600.is-active,
.pc\:active\:bg-cyan-600:active {
background-color: #0891b2;
}
.pc\:active\:bg-cyan-700.is-active,
.pc\:active\:bg-cyan-700:active {
background-color: #0e7490;
}
.pc\:active\:bg-cyan-800.is-active,
.pc\:active\:bg-cyan-800:active {
background-color: #155e75;
}
.pc\:active\:bg-cyan-900.is-active,
.pc\:active\:bg-cyan-900:active {
background-color: #164e63;
}
.pc\:active\:bg-indigo-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-indigo-current.is-active {
background: currentColor;
}
.pc\:active\:bg-indigo-50.is-active,
.pc\:active\:bg-indigo-50:active {
background-color: #eef2ff;
}
.pc\:active\:bg-indigo-100.is-active,
.pc\:active\:bg-indigo-100:active {
background-color: #e0e7ff;
}
.pc\:active\:bg-indigo-200.is-active,
.pc\:active\:bg-indigo-200:active {
background-color: #c7d2fe;
}
.pc\:active\:bg-indigo-300.is-active,
.pc\:active\:bg-indigo-300:active {
background-color: #a5b4fc;
}
.pc\:active\:bg-indigo-400.is-active,
.pc\:active\:bg-indigo-400:active {
background-color: #818cf8;
}
.pc\:active\:bg-indigo-500.is-active,
.pc\:active\:bg-indigo-500:active {
background-color: #6366f1;
}
.pc\:active\:bg-indigo-600.is-active,
.pc\:active\:bg-indigo-600:active {
background-color: #4f46e5;
}
.pc\:active\:bg-indigo-700.is-active,
.pc\:active\:bg-indigo-700:active {
background-color: #4338ca;
}
.pc\:active\:bg-indigo-800.is-active,
.pc\:active\:bg-indigo-800:active {
background-color: #3730a3;
}
.pc\:active\:bg-indigo-900.is-active,
.pc\:active\:bg-indigo-900:active {
background-color: #312e81;
}
.pc\:active\:bg-purple-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-purple-current.is-active {
background: currentColor;
}
.pc\:active\:bg-purple-50.is-active,
.pc\:active\:bg-purple-50:active {
background-color: #f5f3ff;
}
.pc\:active\:bg-purple-100.is-active,
.pc\:active\:bg-purple-100:active {
background-color: #ede9fe;
}
.pc\:active\:bg-purple-200.is-active,
.pc\:active\:bg-purple-200:active {
background-color: #ddd6fe;
}
.pc\:active\:bg-purple-300.is-active,
.pc\:active\:bg-purple-300:active {
background-color: #c4b5fd;
}
.pc\:active\:bg-purple-400.is-active,
.pc\:active\:bg-purple-400:active {
background-color: #a78bfa;
}
.pc\:active\:bg-purple-500.is-active,
.pc\:active\:bg-purple-500:active {
background-color: #8b5cf6;
}
.pc\:active\:bg-purple-600.is-active,
.pc\:active\:bg-purple-600:active {
background-color: #7c3aed;
}
.pc\:active\:bg-purple-700.is-active,
.pc\:active\:bg-purple-700:active {
background-color: #6d28d9;
}
.pc\:active\:bg-purple-800.is-active,
.pc\:active\:bg-purple-800:active {
background-color: #5b21b6;
}
.pc\:active\:bg-purple-900.is-active,
.pc\:active\:bg-purple-900:active {
background-color: #4c1d95;
}
.pc\:active\:bg-pink-transparent.is-active {
background: transparent;
}
.pc\:active\:bg-pink-current.is-active {
background: currentColor;
}
.pc\:active\:bg-pink-50.is-active,
.pc\:active\:bg-pink-50:active {
background-color: #fdf2f8;
}
.pc\:active\:bg-pink-100.is-active,
.pc\:active\:bg-pink-100:active {
background-color: #fce7f3;
}
.pc\:active\:bg-pink-200.is-active,
.pc\:active\:bg-pink-200:active {
background-color: #fbcfe8;
}
.pc\:active\:bg-pink-300.is-active,
.pc\:active\:bg-pink-300:active {
background-color: #f9a8d4;
}
.pc\:active\:bg-pink-400.is-active,
.pc\:active\:bg-pink-400:active {
background-color: #f472b6;
}
.pc\:active\:bg-pink-500.is-active,
.pc\:active\:bg-pink-500:active {
background-color: #ec4899;
}
.pc\:active\:bg-pink-600.is-active,
.pc\:active\:bg-pink-600:active {
background-color: #db2777;
}
.pc\:active\:bg-pink-700.is-active,
.pc\:active\:bg-pink-700:active {
background-color: #be185d;
}
.pc\:active\:bg-pink-800.is-active,
.pc\:active\:bg-pink-800:active {
background-color: #9d174d;
}
.pc\:active\:bg-pink-900.is-active,
.pc\:active\:bg-pink-900:active {
background-color: #831843;
}
.pc\:focus\:bg-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-none:focus {
background: none !important;
}
.pc\:focus\:bg-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-current:focus {
background: currentColor;
}
.pc\:focus\:bg-black:focus {
background-color: #000;
}
.pc\:focus\:bg-white:focus {
background-color: #fff;
}
.pc\:focus\:bg-primary:focus {
background-color: #007bff;
}
.pc\:focus\:bg-secondary:focus {
background-color: #6c757d;
}
.pc\:focus\:bg-success:focus {
background-color: #28a745;
}
.pc\:focus\:bg-info:focus {
background-color: #007bff;
}
.pc\:focus\:bg-warning:focus {
background-color: #fad733;
}
.pc\:focus\:bg-danger:focus {
background-color: #dc3545;
}
.pc\:focus\:bg-light:focus {
background-color: #f8f9fa;
}
.pc\:focus\:bg-dark:focus {
background-color: #343a40;
}
.pc\:focus\:bg-gray-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-gray-current:focus {
background: currentColor;
}
.pc\:focus\:bg-gray-50:focus {
background-color: #f9fafb;
}
.pc\:focus\:bg-gray-100:focus {
background-color: #f3f4f6;
}
.pc\:focus\:bg-gray-200:focus {
background-color: #e5e7eb;
}
.pc\:focus\:bg-gray-300:focus {
background-color: #d1d5db;
}
.pc\:focus\:bg-gray-400:focus {
background-color: #9ca3af;
}
.pc\:focus\:bg-gray-500:focus {
background-color: #6b7280;
}
.pc\:focus\:bg-gray-600:focus {
background-color: #4b5563;
}
.pc\:focus\:bg-gray-700:focus {
background-color: #374151;
}
.pc\:focus\:bg-gray-800:focus {
background-color: #1f2937;
}
.pc\:focus\:bg-gray-900:focus {
background-color: #111827;
}
.pc\:focus\:bg-red-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-red-current:focus {
background: currentColor;
}
.pc\:focus\:bg-red-50:focus {
background-color: #fef2f2;
}
.pc\:focus\:bg-red-100:focus {
background-color: #fee2e2;
}
.pc\:focus\:bg-red-200:focus {
background-color: #fecaca;
}
.pc\:focus\:bg-red-300:focus {
background-color: #fca5a5;
}
.pc\:focus\:bg-red-400:focus {
background-color: #f87171;
}
.pc\:focus\:bg-red-500:focus {
background-color: #ef4444;
}
.pc\:focus\:bg-red-600:focus {
background-color: #dc2626;
}
.pc\:focus\:bg-red-700:focus {
background-color: #b91c1c;
}
.pc\:focus\:bg-red-800:focus {
background-color: #991b1b;
}
.pc\:focus\:bg-red-900:focus {
background-color: #7f1d1d;
}
.pc\:focus\:bg-yellow-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-yellow-current:focus {
background: currentColor;
}
.pc\:focus\:bg-yellow-50:focus {
background-color: #fffbeb;
}
.pc\:focus\:bg-yellow-100:focus {
background-color: #fef3c7;
}
.pc\:focus\:bg-yellow-200:focus {
background-color: #fde68a;
}
.pc\:focus\:bg-yellow-300:focus {
background-color: #fcd34d;
}
.pc\:focus\:bg-yellow-400:focus {
background-color: #fbbf24;
}
.pc\:focus\:bg-yellow-500:focus {
background-color: #f59e0b;
}
.pc\:focus\:bg-yellow-600:focus {
background-color: #d97706;
}
.pc\:focus\:bg-yellow-700:focus {
background-color: #b45309;
}
.pc\:focus\:bg-yellow-800:focus {
background-color: #92400e;
}
.pc\:focus\:bg-yellow-900:focus {
background-color: #78350f;
}
.pc\:focus\:bg-green-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-green-current:focus {
background: currentColor;
}
.pc\:focus\:bg-green-50:focus {
background-color: #ecfdf5;
}
.pc\:focus\:bg-green-100:focus {
background-color: #d1fae5;
}
.pc\:focus\:bg-green-200:focus {
background-color: #a7f3d0;
}
.pc\:focus\:bg-green-300:focus {
background-color: #6ee7b7;
}
.pc\:focus\:bg-green-400:focus {
background-color: #34d399;
}
.pc\:focus\:bg-green-500:focus {
background-color: #10b981;
}
.pc\:focus\:bg-green-600:focus {
background-color: #059669;
}
.pc\:focus\:bg-green-700:focus {
background-color: #047857;
}
.pc\:focus\:bg-green-800:focus {
background-color: #065f46;
}
.pc\:focus\:bg-green-900:focus {
background-color: #064e3b;
}
.pc\:focus\:bg-blue-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-blue-current:focus {
background: currentColor;
}
.pc\:focus\:bg-blue-50:focus {
background-color: #eff6ff;
}
.pc\:focus\:bg-blue-100:focus {
background-color: #dbeafe;
}
.pc\:focus\:bg-blue-200:focus {
background-color: #bfdbfe;
}
.pc\:focus\:bg-blue-300:focus {
background-color: #93c5fd;
}
.pc\:focus\:bg-blue-400:focus {
background-color: #60a5fa;
}
.pc\:focus\:bg-blue-500:focus {
background-color: #3b82f6;
}
.pc\:focus\:bg-blue-600:focus {
background-color: #2563eb;
}
.pc\:focus\:bg-blue-700:focus {
background-color: #1d4ed8;
}
.pc\:focus\:bg-blue-800:focus {
background-color: #1e40af;
}
.pc\:focus\:bg-blue-900:focus {
background-color: #1e3a8a;
}
.pc\:focus\:bg-cyan-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-cyan-current:focus {
background: currentColor;
}
.pc\:focus\:bg-cyan-50:focus {
background-color: #ecfeff;
}
.pc\:focus\:bg-cyan-100:focus {
background-color: #cffafe;
}
.pc\:focus\:bg-cyan-200:focus {
background-color: #a5f3fc;
}
.pc\:focus\:bg-cyan-300:focus {
background-color: #67e8f9;
}
.pc\:focus\:bg-cyan-400:focus {
background-color: #22d3ee;
}
.pc\:focus\:bg-cyan-500:focus {
background-color: #06b6d4;
}
.pc\:focus\:bg-cyan-600:focus {
background-color: #0891b2;
}
.pc\:focus\:bg-cyan-700:focus {
background-color: #0e7490;
}
.pc\:focus\:bg-cyan-800:focus {
background-color: #155e75;
}
.pc\:focus\:bg-cyan-900:focus {
background-color: #164e63;
}
.pc\:focus\:bg-indigo-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-indigo-current:focus {
background: currentColor;
}
.pc\:focus\:bg-indigo-50:focus {
background-color: #eef2ff;
}
.pc\:focus\:bg-indigo-100:focus {
background-color: #e0e7ff;
}
.pc\:focus\:bg-indigo-200:focus {
background-color: #c7d2fe;
}
.pc\:focus\:bg-indigo-300:focus {
background-color: #a5b4fc;
}
.pc\:focus\:bg-indigo-400:focus {
background-color: #818cf8;
}
.pc\:focus\:bg-indigo-500:focus {
background-color: #6366f1;
}
.pc\:focus\:bg-indigo-600:focus {
background-color: #4f46e5;
}
.pc\:focus\:bg-indigo-700:focus {
background-color: #4338ca;
}
.pc\:focus\:bg-indigo-800:focus {
background-color: #3730a3;
}
.pc\:focus\:bg-indigo-900:focus {
background-color: #312e81;
}
.pc\:focus\:bg-purple-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-purple-current:focus {
background: currentColor;
}
.pc\:focus\:bg-purple-50:focus {
background-color: #f5f3ff;
}
.pc\:focus\:bg-purple-100:focus {
background-color: #ede9fe;
}
.pc\:focus\:bg-purple-200:focus {
background-color: #ddd6fe;
}
.pc\:focus\:bg-purple-300:focus {
background-color: #c4b5fd;
}
.pc\:focus\:bg-purple-400:focus {
background-color: #a78bfa;
}
.pc\:focus\:bg-purple-500:focus {
background-color: #8b5cf6;
}
.pc\:focus\:bg-purple-600:focus {
background-color: #7c3aed;
}
.pc\:focus\:bg-purple-700:focus {
background-color: #6d28d9;
}
.pc\:focus\:bg-purple-800:focus {
background-color: #5b21b6;
}
.pc\:focus\:bg-purple-900:focus {
background-color: #4c1d95;
}
.pc\:focus\:bg-pink-transparent:focus {
background: transparent;
}
.pc\:focus\:bg-pink-current:focus {
background: currentColor;
}
.pc\:focus\:bg-pink-50:focus {
background-color: #fdf2f8;
}
.pc\:focus\:bg-pink-100:focus {
background-color: #fce7f3;
}
.pc\:focus\:bg-pink-200:focus {
background-color: #fbcfe8;
}
.pc\:focus\:bg-pink-300:focus {
background-color: #f9a8d4;
}
.pc\:focus\:bg-pink-400:focus {
background-color: #f472b6;
}
.pc\:focus\:bg-pink-500:focus {
background-color: #ec4899;
}
.pc\:focus\:bg-pink-600:focus {
background-color: #db2777;
}
.pc\:focus\:bg-pink-700:focus {
background-color: #be185d;
}
.pc\:focus\:bg-pink-800:focus {
background-color: #9d174d;
}
.pc\:focus\:bg-pink-900:focus {
background-color: #831843;
}
.pc\:disabled\:bg-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-none.is-disabled {
background: none !important;
}
.pc\:disabled\:bg-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-black.is-disabled,
.pc\:disabled\:bg-black:disabled {
background-color: #000;
}
.pc\:disabled\:bg-white.is-disabled,
.pc\:disabled\:bg-white:disabled {
background-color: #fff;
}
.pc\:disabled\:bg-primary.is-disabled,
.pc\:disabled\:bg-primary:disabled {
background-color: #007bff;
}
.pc\:disabled\:bg-secondary.is-disabled,
.pc\:disabled\:bg-secondary:disabled {
background-color: #6c757d;
}
.pc\:disabled\:bg-success.is-disabled,
.pc\:disabled\:bg-success:disabled {
background-color: #28a745;
}
.pc\:disabled\:bg-info.is-disabled,
.pc\:disabled\:bg-info:disabled {
background-color: #007bff;
}
.pc\:disabled\:bg-warning.is-disabled,
.pc\:disabled\:bg-warning:disabled {
background-color: #fad733;
}
.pc\:disabled\:bg-danger.is-disabled,
.pc\:disabled\:bg-danger:disabled {
background-color: #dc3545;
}
.pc\:disabled\:bg-light.is-disabled,
.pc\:disabled\:bg-light:disabled {
background-color: #f8f9fa;
}
.pc\:disabled\:bg-dark.is-disabled,
.pc\:disabled\:bg-dark:disabled {
background-color: #343a40;
}
.pc\:disabled\:bg-gray-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-gray-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-gray-50.is-disabled,
.pc\:disabled\:bg-gray-50:disabled {
background-color: #f9fafb;
}
.pc\:disabled\:bg-gray-100.is-disabled,
.pc\:disabled\:bg-gray-100:disabled {
background-color: #f3f4f6;
}
.pc\:disabled\:bg-gray-200.is-disabled,
.pc\:disabled\:bg-gray-200:disabled {
background-color: #e5e7eb;
}
.pc\:disabled\:bg-gray-300.is-disabled,
.pc\:disabled\:bg-gray-300:disabled {
background-color: #d1d5db;
}
.pc\:disabled\:bg-gray-400.is-disabled,
.pc\:disabled\:bg-gray-400:disabled {
background-color: #9ca3af;
}
.pc\:disabled\:bg-gray-500.is-disabled,
.pc\:disabled\:bg-gray-500:disabled {
background-color: #6b7280;
}
.pc\:disabled\:bg-gray-600.is-disabled,
.pc\:disabled\:bg-gray-600:disabled {
background-color: #4b5563;
}
.pc\:disabled\:bg-gray-700.is-disabled,
.pc\:disabled\:bg-gray-700:disabled {
background-color: #374151;
}
.pc\:disabled\:bg-gray-800.is-disabled,
.pc\:disabled\:bg-gray-800:disabled {
background-color: #1f2937;
}
.pc\:disabled\:bg-gray-900.is-disabled,
.pc\:disabled\:bg-gray-900:disabled {
background-color: #111827;
}
.pc\:disabled\:bg-red-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-red-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-red-50.is-disabled,
.pc\:disabled\:bg-red-50:disabled {
background-color: #fef2f2;
}
.pc\:disabled\:bg-red-100.is-disabled,
.pc\:disabled\:bg-red-100:disabled {
background-color: #fee2e2;
}
.pc\:disabled\:bg-red-200.is-disabled,
.pc\:disabled\:bg-red-200:disabled {
background-color: #fecaca;
}
.pc\:disabled\:bg-red-300.is-disabled,
.pc\:disabled\:bg-red-300:disabled {
background-color: #fca5a5;
}
.pc\:disabled\:bg-red-400.is-disabled,
.pc\:disabled\:bg-red-400:disabled {
background-color: #f87171;
}
.pc\:disabled\:bg-red-500.is-disabled,
.pc\:disabled\:bg-red-500:disabled {
background-color: #ef4444;
}
.pc\:disabled\:bg-red-600.is-disabled,
.pc\:disabled\:bg-red-600:disabled {
background-color: #dc2626;
}
.pc\:disabled\:bg-red-700.is-disabled,
.pc\:disabled\:bg-red-700:disabled {
background-color: #b91c1c;
}
.pc\:disabled\:bg-red-800.is-disabled,
.pc\:disabled\:bg-red-800:disabled {
background-color: #991b1b;
}
.pc\:disabled\:bg-red-900.is-disabled,
.pc\:disabled\:bg-red-900:disabled {
background-color: #7f1d1d;
}
.pc\:disabled\:bg-yellow-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-yellow-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-yellow-50.is-disabled,
.pc\:disabled\:bg-yellow-50:disabled {
background-color: #fffbeb;
}
.pc\:disabled\:bg-yellow-100.is-disabled,
.pc\:disabled\:bg-yellow-100:disabled {
background-color: #fef3c7;
}
.pc\:disabled\:bg-yellow-200.is-disabled,
.pc\:disabled\:bg-yellow-200:disabled {
background-color: #fde68a;
}
.pc\:disabled\:bg-yellow-300.is-disabled,
.pc\:disabled\:bg-yellow-300:disabled {
background-color: #fcd34d;
}
.pc\:disabled\:bg-yellow-400.is-disabled,
.pc\:disabled\:bg-yellow-400:disabled {
background-color: #fbbf24;
}
.pc\:disabled\:bg-yellow-500.is-disabled,
.pc\:disabled\:bg-yellow-500:disabled {
background-color: #f59e0b;
}
.pc\:disabled\:bg-yellow-600.is-disabled,
.pc\:disabled\:bg-yellow-600:disabled {
background-color: #d97706;
}
.pc\:disabled\:bg-yellow-700.is-disabled,
.pc\:disabled\:bg-yellow-700:disabled {
background-color: #b45309;
}
.pc\:disabled\:bg-yellow-800.is-disabled,
.pc\:disabled\:bg-yellow-800:disabled {
background-color: #92400e;
}
.pc\:disabled\:bg-yellow-900.is-disabled,
.pc\:disabled\:bg-yellow-900:disabled {
background-color: #78350f;
}
.pc\:disabled\:bg-green-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-green-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-green-50.is-disabled,
.pc\:disabled\:bg-green-50:disabled {
background-color: #ecfdf5;
}
.pc\:disabled\:bg-green-100.is-disabled,
.pc\:disabled\:bg-green-100:disabled {
background-color: #d1fae5;
}
.pc\:disabled\:bg-green-200.is-disabled,
.pc\:disabled\:bg-green-200:disabled {
background-color: #a7f3d0;
}
.pc\:disabled\:bg-green-300.is-disabled,
.pc\:disabled\:bg-green-300:disabled {
background-color: #6ee7b7;
}
.pc\:disabled\:bg-green-400.is-disabled,
.pc\:disabled\:bg-green-400:disabled {
background-color: #34d399;
}
.pc\:disabled\:bg-green-500.is-disabled,
.pc\:disabled\:bg-green-500:disabled {
background-color: #10b981;
}
.pc\:disabled\:bg-green-600.is-disabled,
.pc\:disabled\:bg-green-600:disabled {
background-color: #059669;
}
.pc\:disabled\:bg-green-700.is-disabled,
.pc\:disabled\:bg-green-700:disabled {
background-color: #047857;
}
.pc\:disabled\:bg-green-800.is-disabled,
.pc\:disabled\:bg-green-800:disabled {
background-color: #065f46;
}
.pc\:disabled\:bg-green-900.is-disabled,
.pc\:disabled\:bg-green-900:disabled {
background-color: #064e3b;
}
.pc\:disabled\:bg-blue-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-blue-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-blue-50.is-disabled,
.pc\:disabled\:bg-blue-50:disabled {
background-color: #eff6ff;
}
.pc\:disabled\:bg-blue-100.is-disabled,
.pc\:disabled\:bg-blue-100:disabled {
background-color: #dbeafe;
}
.pc\:disabled\:bg-blue-200.is-disabled,
.pc\:disabled\:bg-blue-200:disabled {
background-color: #bfdbfe;
}
.pc\:disabled\:bg-blue-300.is-disabled,
.pc\:disabled\:bg-blue-300:disabled {
background-color: #93c5fd;
}
.pc\:disabled\:bg-blue-400.is-disabled,
.pc\:disabled\:bg-blue-400:disabled {
background-color: #60a5fa;
}
.pc\:disabled\:bg-blue-500.is-disabled,
.pc\:disabled\:bg-blue-500:disabled {
background-color: #3b82f6;
}
.pc\:disabled\:bg-blue-600.is-disabled,
.pc\:disabled\:bg-blue-600:disabled {
background-color: #2563eb;
}
.pc\:disabled\:bg-blue-700.is-disabled,
.pc\:disabled\:bg-blue-700:disabled {
background-color: #1d4ed8;
}
.pc\:disabled\:bg-blue-800.is-disabled,
.pc\:disabled\:bg-blue-800:disabled {
background-color: #1e40af;
}
.pc\:disabled\:bg-blue-900.is-disabled,
.pc\:disabled\:bg-blue-900:disabled {
background-color: #1e3a8a;
}
.pc\:disabled\:bg-cyan-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-cyan-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-cyan-50.is-disabled,
.pc\:disabled\:bg-cyan-50:disabled {
background-color: #ecfeff;
}
.pc\:disabled\:bg-cyan-100.is-disabled,
.pc\:disabled\:bg-cyan-100:disabled {
background-color: #cffafe;
}
.pc\:disabled\:bg-cyan-200.is-disabled,
.pc\:disabled\:bg-cyan-200:disabled {
background-color: #a5f3fc;
}
.pc\:disabled\:bg-cyan-300.is-disabled,
.pc\:disabled\:bg-cyan-300:disabled {
background-color: #67e8f9;
}
.pc\:disabled\:bg-cyan-400.is-disabled,
.pc\:disabled\:bg-cyan-400:disabled {
background-color: #22d3ee;
}
.pc\:disabled\:bg-cyan-500.is-disabled,
.pc\:disabled\:bg-cyan-500:disabled {
background-color: #06b6d4;
}
.pc\:disabled\:bg-cyan-600.is-disabled,
.pc\:disabled\:bg-cyan-600:disabled {
background-color: #0891b2;
}
.pc\:disabled\:bg-cyan-700.is-disabled,
.pc\:disabled\:bg-cyan-700:disabled {
background-color: #0e7490;
}
.pc\:disabled\:bg-cyan-800.is-disabled,
.pc\:disabled\:bg-cyan-800:disabled {
background-color: #155e75;
}
.pc\:disabled\:bg-cyan-900.is-disabled,
.pc\:disabled\:bg-cyan-900:disabled {
background-color: #164e63;
}
.pc\:disabled\:bg-indigo-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-indigo-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-indigo-50.is-disabled,
.pc\:disabled\:bg-indigo-50:disabled {
background-color: #eef2ff;
}
.pc\:disabled\:bg-indigo-100.is-disabled,
.pc\:disabled\:bg-indigo-100:disabled {
background-color: #e0e7ff;
}
.pc\:disabled\:bg-indigo-200.is-disabled,
.pc\:disabled\:bg-indigo-200:disabled {
background-color: #c7d2fe;
}
.pc\:disabled\:bg-indigo-300.is-disabled,
.pc\:disabled\:bg-indigo-300:disabled {
background-color: #a5b4fc;
}
.pc\:disabled\:bg-indigo-400.is-disabled,
.pc\:disabled\:bg-indigo-400:disabled {
background-color: #818cf8;
}
.pc\:disabled\:bg-indigo-500.is-disabled,
.pc\:disabled\:bg-indigo-500:disabled {
background-color: #6366f1;
}
.pc\:disabled\:bg-indigo-600.is-disabled,
.pc\:disabled\:bg-indigo-600:disabled {
background-color: #4f46e5;
}
.pc\:disabled\:bg-indigo-700.is-disabled,
.pc\:disabled\:bg-indigo-700:disabled {
background-color: #4338ca;
}
.pc\:disabled\:bg-indigo-800.is-disabled,
.pc\:disabled\:bg-indigo-800:disabled {
background-color: #3730a3;
}
.pc\:disabled\:bg-indigo-900.is-disabled,
.pc\:disabled\:bg-indigo-900:disabled {
background-color: #312e81;
}
.pc\:disabled\:bg-purple-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-purple-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-purple-50.is-disabled,
.pc\:disabled\:bg-purple-50:disabled {
background-color: #f5f3ff;
}
.pc\:disabled\:bg-purple-100.is-disabled,
.pc\:disabled\:bg-purple-100:disabled {
background-color: #ede9fe;
}
.pc\:disabled\:bg-purple-200.is-disabled,
.pc\:disabled\:bg-purple-200:disabled {
background-color: #ddd6fe;
}
.pc\:disabled\:bg-purple-300.is-disabled,
.pc\:disabled\:bg-purple-300:disabled {
background-color: #c4b5fd;
}
.pc\:disabled\:bg-purple-400.is-disabled,
.pc\:disabled\:bg-purple-400:disabled {
background-color: #a78bfa;
}
.pc\:disabled\:bg-purple-500.is-disabled,
.pc\:disabled\:bg-purple-500:disabled {
background-color: #8b5cf6;
}
.pc\:disabled\:bg-purple-600.is-disabled,
.pc\:disabled\:bg-purple-600:disabled {
background-color: #7c3aed;
}
.pc\:disabled\:bg-purple-700.is-disabled,
.pc\:disabled\:bg-purple-700:disabled {
background-color: #6d28d9;
}
.pc\:disabled\:bg-purple-800.is-disabled,
.pc\:disabled\:bg-purple-800:disabled {
background-color: #5b21b6;
}
.pc\:disabled\:bg-purple-900.is-disabled,
.pc\:disabled\:bg-purple-900:disabled {
background-color: #4c1d95;
}
.pc\:disabled\:bg-pink-transparent.is-disabled {
background: transparent;
}
.pc\:disabled\:bg-pink-current.is-disabled {
background: currentColor;
}
.pc\:disabled\:bg-pink-50.is-disabled,
.pc\:disabled\:bg-pink-50:disabled {
background-color: #fdf2f8;
}
.pc\:disabled\:bg-pink-100.is-disabled,
.pc\:disabled\:bg-pink-100:disabled {
background-color: #fce7f3;
}
.pc\:disabled\:bg-pink-200.is-disabled,
.pc\:disabled\:bg-pink-200:disabled {
background-color: #fbcfe8;
}
.pc\:disabled\:bg-pink-300.is-disabled,
.pc\:disabled\:bg-pink-300:disabled {
background-color: #f9a8d4;
}
.pc\:disabled\:bg-pink-400.is-disabled,
.pc\:disabled\:bg-pink-400:disabled {
background-color: #f472b6;
}
.pc\:disabled\:bg-pink-500.is-disabled,
.pc\:disabled\:bg-pink-500:disabled {
background-color: #ec4899;
}
.pc\:disabled\:bg-pink-600.is-disabled,
.pc\:disabled\:bg-pink-600:disabled {
background-color: #db2777;
}
.pc\:disabled\:bg-pink-700.is-disabled,
.pc\:disabled\:bg-pink-700:disabled {
background-color: #be185d;
}
.pc\:disabled\:bg-pink-800.is-disabled,
.pc\:disabled\:bg-pink-800:disabled {
background-color: #9d174d;
}
.pc\:disabled\:bg-pink-900.is-disabled,
.pc\:disabled\:bg-pink-900:disabled {
background-color: #831843;
}
.group:hover .pc\:group-hover\:bg-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-none {
background: none !important;
}
.group:hover .pc\:group-hover\:bg-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-black {
background-color: #000;
}
.group:hover .pc\:group-hover\:bg-white {
background-color: #fff;
}
.group:hover .pc\:group-hover\:bg-primary {
background-color: #007bff;
}
.group:hover .pc\:group-hover\:bg-secondary {
background-color: #6c757d;
}
.group:hover .pc\:group-hover\:bg-success {
background-color: #28a745;
}
.group:hover .pc\:group-hover\:bg-info {
background-color: #007bff;
}
.group:hover .pc\:group-hover\:bg-warning {
background-color: #fad733;
}
.group:hover .pc\:group-hover\:bg-danger {
background-color: #dc3545;
}
.group:hover .pc\:group-hover\:bg-light {
background-color: #f8f9fa;
}
.group:hover .pc\:group-hover\:bg-dark {
background-color: #343a40;
}
.group:hover .pc\:group-hover\:bg-gray-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-gray-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-gray-50 {
background-color: #f9fafb;
}
.group:hover .pc\:group-hover\:bg-gray-100 {
background-color: #f3f4f6;
}
.group:hover .pc\:group-hover\:bg-gray-200 {
background-color: #e5e7eb;
}
.group:hover .pc\:group-hover\:bg-gray-300 {
background-color: #d1d5db;
}
.group:hover .pc\:group-hover\:bg-gray-400 {
background-color: #9ca3af;
}
.group:hover .pc\:group-hover\:bg-gray-500 {
background-color: #6b7280;
}
.group:hover .pc\:group-hover\:bg-gray-600 {
background-color: #4b5563;
}
.group:hover .pc\:group-hover\:bg-gray-700 {
background-color: #374151;
}
.group:hover .pc\:group-hover\:bg-gray-800 {
background-color: #1f2937;
}
.group:hover .pc\:group-hover\:bg-gray-900 {
background-color: #111827;
}
.group:hover .pc\:group-hover\:bg-red-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-red-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-red-50 {
background-color: #fef2f2;
}
.group:hover .pc\:group-hover\:bg-red-100 {
background-color: #fee2e2;
}
.group:hover .pc\:group-hover\:bg-red-200 {
background-color: #fecaca;
}
.group:hover .pc\:group-hover\:bg-red-300 {
background-color: #fca5a5;
}
.group:hover .pc\:group-hover\:bg-red-400 {
background-color: #f87171;
}
.group:hover .pc\:group-hover\:bg-red-500 {
background-color: #ef4444;
}
.group:hover .pc\:group-hover\:bg-red-600 {
background-color: #dc2626;
}
.group:hover .pc\:group-hover\:bg-red-700 {
background-color: #b91c1c;
}
.group:hover .pc\:group-hover\:bg-red-800 {
background-color: #991b1b;
}
.group:hover .pc\:group-hover\:bg-red-900 {
background-color: #7f1d1d;
}
.group:hover .pc\:group-hover\:bg-yellow-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-yellow-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-yellow-50 {
background-color: #fffbeb;
}
.group:hover .pc\:group-hover\:bg-yellow-100 {
background-color: #fef3c7;
}
.group:hover .pc\:group-hover\:bg-yellow-200 {
background-color: #fde68a;
}
.group:hover .pc\:group-hover\:bg-yellow-300 {
background-color: #fcd34d;
}
.group:hover .pc\:group-hover\:bg-yellow-400 {
background-color: #fbbf24;
}
.group:hover .pc\:group-hover\:bg-yellow-500 {
background-color: #f59e0b;
}
.group:hover .pc\:group-hover\:bg-yellow-600 {
background-color: #d97706;
}
.group:hover .pc\:group-hover\:bg-yellow-700 {
background-color: #b45309;
}
.group:hover .pc\:group-hover\:bg-yellow-800 {
background-color: #92400e;
}
.group:hover .pc\:group-hover\:bg-yellow-900 {
background-color: #78350f;
}
.group:hover .pc\:group-hover\:bg-green-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-green-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-green-50 {
background-color: #ecfdf5;
}
.group:hover .pc\:group-hover\:bg-green-100 {
background-color: #d1fae5;
}
.group:hover .pc\:group-hover\:bg-green-200 {
background-color: #a7f3d0;
}
.group:hover .pc\:group-hover\:bg-green-300 {
background-color: #6ee7b7;
}
.group:hover .pc\:group-hover\:bg-green-400 {
background-color: #34d399;
}
.group:hover .pc\:group-hover\:bg-green-500 {
background-color: #10b981;
}
.group:hover .pc\:group-hover\:bg-green-600 {
background-color: #059669;
}
.group:hover .pc\:group-hover\:bg-green-700 {
background-color: #047857;
}
.group:hover .pc\:group-hover\:bg-green-800 {
background-color: #065f46;
}
.group:hover .pc\:group-hover\:bg-green-900 {
background-color: #064e3b;
}
.group:hover .pc\:group-hover\:bg-blue-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-blue-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-blue-50 {
background-color: #eff6ff;
}
.group:hover .pc\:group-hover\:bg-blue-100 {
background-color: #dbeafe;
}
.group:hover .pc\:group-hover\:bg-blue-200 {
background-color: #bfdbfe;
}
.group:hover .pc\:group-hover\:bg-blue-300 {
background-color: #93c5fd;
}
.group:hover .pc\:group-hover\:bg-blue-400 {
background-color: #60a5fa;
}
.group:hover .pc\:group-hover\:bg-blue-500 {
background-color: #3b82f6;
}
.group:hover .pc\:group-hover\:bg-blue-600 {
background-color: #2563eb;
}
.group:hover .pc\:group-hover\:bg-blue-700 {
background-color: #1d4ed8;
}
.group:hover .pc\:group-hover\:bg-blue-800 {
background-color: #1e40af;
}
.group:hover .pc\:group-hover\:bg-blue-900 {
background-color: #1e3a8a;
}
.group:hover .pc\:group-hover\:bg-cyan-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-cyan-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-cyan-50 {
background-color: #ecfeff;
}
.group:hover .pc\:group-hover\:bg-cyan-100 {
background-color: #cffafe;
}
.group:hover .pc\:group-hover\:bg-cyan-200 {
background-color: #a5f3fc;
}
.group:hover .pc\:group-hover\:bg-cyan-300 {
background-color: #67e8f9;
}
.group:hover .pc\:group-hover\:bg-cyan-400 {
background-color: #22d3ee;
}
.group:hover .pc\:group-hover\:bg-cyan-500 {
background-color: #06b6d4;
}
.group:hover .pc\:group-hover\:bg-cyan-600 {
background-color: #0891b2;
}
.group:hover .pc\:group-hover\:bg-cyan-700 {
background-color: #0e7490;
}
.group:hover .pc\:group-hover\:bg-cyan-800 {
background-color: #155e75;
}
.group:hover .pc\:group-hover\:bg-cyan-900 {
background-color: #164e63;
}
.group:hover .pc\:group-hover\:bg-indigo-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-indigo-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-indigo-50 {
background-color: #eef2ff;
}
.group:hover .pc\:group-hover\:bg-indigo-100 {
background-color: #e0e7ff;
}
.group:hover .pc\:group-hover\:bg-indigo-200 {
background-color: #c7d2fe;
}
.group:hover .pc\:group-hover\:bg-indigo-300 {
background-color: #a5b4fc;
}
.group:hover .pc\:group-hover\:bg-indigo-400 {
background-color: #818cf8;
}
.group:hover .pc\:group-hover\:bg-indigo-500 {
background-color: #6366f1;
}
.group:hover .pc\:group-hover\:bg-indigo-600 {
background-color: #4f46e5;
}
.group:hover .pc\:group-hover\:bg-indigo-700 {
background-color: #4338ca;
}
.group:hover .pc\:group-hover\:bg-indigo-800 {
background-color: #3730a3;
}
.group:hover .pc\:group-hover\:bg-indigo-900 {
background-color: #312e81;
}
.group:hover .pc\:group-hover\:bg-purple-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-purple-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-purple-50 {
background-color: #f5f3ff;
}
.group:hover .pc\:group-hover\:bg-purple-100 {
background-color: #ede9fe;
}
.group:hover .pc\:group-hover\:bg-purple-200 {
background-color: #ddd6fe;
}
.group:hover .pc\:group-hover\:bg-purple-300 {
background-color: #c4b5fd;
}
.group:hover .pc\:group-hover\:bg-purple-400 {
background-color: #a78bfa;
}
.group:hover .pc\:group-hover\:bg-purple-500 {
background-color: #8b5cf6;
}
.group:hover .pc\:group-hover\:bg-purple-600 {
background-color: #7c3aed;
}
.group:hover .pc\:group-hover\:bg-purple-700 {
background-color: #6d28d9;
}
.group:hover .pc\:group-hover\:bg-purple-800 {
background-color: #5b21b6;
}
.group:hover .pc\:group-hover\:bg-purple-900 {
background-color: #4c1d95;
}
.group:hover .pc\:group-hover\:bg-pink-transparent {
background: transparent;
}
.group:hover .pc\:group-hover\:bg-pink-current {
background: currentColor;
}
.group:hover .pc\:group-hover\:bg-pink-50 {
background-color: #fdf2f8;
}
.group:hover .pc\:group-hover\:bg-pink-100 {
background-color: #fce7f3;
}
.group:hover .pc\:group-hover\:bg-pink-200 {
background-color: #fbcfe8;
}
.group:hover .pc\:group-hover\:bg-pink-300 {
background-color: #f9a8d4;
}
.group:hover .pc\:group-hover\:bg-pink-400 {
background-color: #f472b6;
}
.group:hover .pc\:group-hover\:bg-pink-500 {
background-color: #ec4899;
}
.group:hover .pc\:group-hover\:bg-pink-600 {
background-color: #db2777;
}
.group:hover .pc\:group-hover\:bg-pink-700 {
background-color: #be185d;
}
.group:hover .pc\:group-hover\:bg-pink-800 {
background-color: #9d174d;
}
.group:hover .pc\:group-hover\:bg-pink-900 {
background-color: #831843;
}
}
/*!markdown
---
title: 边框颜色
---
| Class | Properties |
| ----------- | ------------------------ |
| border-black | border-color: #000 |
| border-white | border-color: #fff |
| border-primary | border-color: #007bff |
| border-secondary | border-color: #6c757d |
| border-success | border-color: #28a745 |
| border-info | border-color: #007bff |
| border-warning | border-color: #28a745 |
| border-danger | border-color: #dc3545 |
| border-light | border-color: #f8f9fa |
| border-dark | border-color: #343a40 |
| border-gray-50 | border-color: #f9fafb |
| border-gray-100 | border-color: #f3f4f6 |
| border-gray-200 | border-color: #e5e7eb |
| border-gray-300 | border-color: #d1d5db |
| border-gray-400 | border-color: #9ca3af |
| border-gray-500 | border-color: #6b7280 |
| border-gray-600 | border-color: #4b5563 |
| border-gray-700 | border-color: #374151 |
| border-gray-800 | border-color: #1f2937 |
| border-gray-900 | border-color: #111827 |
| border-red-50 | border-color: #fef2f2 |
| border-red-100 | border-color: #fee2e2 |
| border-red-200 | border-color: #fecaca |
| border-red-300 | border-color: #fca5a5 |
| border-red-400 | border-color: #f87171 |
| border-red-500 | border-color: #ef4444 |
| border-red-600 | border-color: #dc2626 |
| border-red-700 | border-color: #b91c1c |
| border-red-800 | border-color: #991b1b |
| border-red-900 | border-color: #7f1d1d |
| border-yellow-50 | border-color: #fffbeb |
| border-yellow-100 | border-color: #fef3c7 |
| border-yellow-200 | border-color: #fde68a |
| border-yellow-300 | border-color: #fcd34d |
| border-yellow-400 | border-color: #fbbf24 |
| border-yellow-500 | border-color: #f59e0b |
| border-yellow-600 | border-color: #d97706 |
| border-yellow-700 | border-color: #b45309 |
| border-yellow-800 | border-color: #92400e |
| border-yellow-900 | border-color: #78350f |
| border-green-50 | border-color: #ecfdf5 |
| border-green-100 | border-color: #d1fae5 |
| border-green-200 | border-color: #a7f3d0 |
| border-green-300 | border-color: #6ee7b7 |
| border-green-400 | border-color: #34d399 |
| border-green-500 | border-color: #10b981 |
| border-green-600 | border-color: #059669 |
| border-green-700 | border-color: #047857 |
| border-green-800 | border-color: #065f46 |
| border-green-900 | border-color: #064e3b |
| border-blue-50 | border-color: #eff6ff |
| border-blue-100 | border-color: #dbeafe |
| border-blue-200 | border-color: #bfdbfe |
| border-blue-300 | border-color: #93c5fd |
| border-blue-400 | border-color: #60a5fa |
| border-blue-500 | border-color: #3b82f6 |
| border-blue-600 | border-color: #2563eb |
| border-blue-700 | border-color: #1d4ed8 |
| border-blue-800 | border-color: #1e40af |
| border-blue-900 | border-color: #1e3a8a |
| border-cyan-50 | border-color: #ecfeff |
| border-cyan-100 | border-color: #cffafe |
| border-cyan-200 | border-color: #a5f3fc |
| border-cyan-300 | border-color: #67e8f9 |
| border-cyan-400 | border-color: #22d3ee |
| border-cyan-500 | border-color: #06b6d4 |
| border-cyan-600 | border-color: #0891b2 |
| border-cyan-700 | border-color: #0e7490 |
| border-cyan-800 | border-color: #155e75 |
| border-cyan-900 | border-color: #164e63 |
| border-indigo-50 | border-color: #eef2ff |
| border-indigo-100 | border-color: #e0e7ff |
| border-indigo-200 | border-color: #c7d2fe |
| border-indigo-300 | border-color: #a5b4fc |
| border-indigo-400 | border-color: #818cf8 |
| border-indigo-500 | border-color: #6366f1 |
| border-indigo-600 | border-color: #4f46e5 |
| border-indigo-700 | border-color: #4338ca |
| border-indigo-800 | border-color: #3730a3 |
| border-indigo-900 | border-color: #312e81 |
| border-purple-50 | border-color: #f5f3ff |
| border-purple-100 | border-color: #ede9fe |
| border-purple-200 | border-color: #ddd6fe |
| border-purple-300 | border-color: #c4b5fd |
| border-purple-400 | border-color: #a78bfa |
| border-purple-500 | border-color: #8b5cf6 |
| border-purple-600 | border-color: #7c3aed |
| border-purple-700 | border-color: #6d28d9 |
| border-purple-800 | border-color: #5b21b6 |
| border-purple-900 | border-color: #4c1d95 |
| border-pink-50 | border-color: #fdf2f8 |
| border-pink-100 | border-color: #fce7f3 |
| border-pink-200 | border-color: #fbcfe8 |
| border-pink-300 | border-color: #f9a8d4 |
| border-pink-400 | border-color: #f472b6 |
| border-pink-500 | border-color: #ec4899 |
| border-pink-600 | border-color: #db2777 |
| border-pink-700 | border-color: #be185d |
| border-pink-800 | border-color: #9d174d |
| border-pink-900 | border-color: #831843 |
还有 hover、active、focus、disabled 扩展，比如 `hover:border-black`
*/
.border-black {
border-color: #000;
}
.border-white {
border-color: #fff;
}
.border-primary {
border-color: #007bff;
}
.border-secondary {
border-color: #6c757d;
}
.border-success {
border-color: #28a745;
}
.border-info {
border-color: #007bff;
}
.border-warning {
border-color: #fad733;
}
.border-danger {
border-color: #dc3545;
}
.border-light {
border-color: #f8f9fa;
}
.border-dark {
border-color: #343a40;
}
.border-gray-50 {
border-color: #f9fafb;
}
.border-gray-100 {
border-color: #f3f4f6;
}
.border-gray-200 {
border-color: #e5e7eb;
}
.border-gray-300 {
border-color: #d1d5db;
}
.border-gray-400 {
border-color: #9ca3af;
}
.border-gray-500 {
border-color: #6b7280;
}
.border-gray-600 {
border-color: #4b5563;
}
.border-gray-700 {
border-color: #374151;
}
.border-gray-800 {
border-color: #1f2937;
}
.border-gray-900 {
border-color: #111827;
}
.border-red-50 {
border-color: #fef2f2;
}
.border-red-100 {
border-color: #fee2e2;
}
.border-red-200 {
border-color: #fecaca;
}
.border-red-300 {
border-color: #fca5a5;
}
.border-red-400 {
border-color: #f87171;
}
.border-red-500 {
border-color: #ef4444;
}
.border-red-600 {
border-color: #dc2626;
}
.border-red-700 {
border-color: #b91c1c;
}
.border-red-800 {
border-color: #991b1b;
}
.border-red-900 {
border-color: #7f1d1d;
}
.border-yellow-50 {
border-color: #fffbeb;
}
.border-yellow-100 {
border-color: #fef3c7;
}
.border-yellow-200 {
border-color: #fde68a;
}
.border-yellow-300 {
border-color: #fcd34d;
}
.border-yellow-400 {
border-color: #fbbf24;
}
.border-yellow-500 {
border-color: #f59e0b;
}
.border-yellow-600 {
border-color: #d97706;
}
.border-yellow-700 {
border-color: #b45309;
}
.border-yellow-800 {
border-color: #92400e;
}
.border-yellow-900 {
border-color: #78350f;
}
.border-green-50 {
border-color: #ecfdf5;
}
.border-green-100 {
border-color: #d1fae5;
}
.border-green-200 {
border-color: #a7f3d0;
}
.border-green-300 {
border-color: #6ee7b7;
}
.border-green-400 {
border-color: #34d399;
}
.border-green-500 {
border-color: #10b981;
}
.border-green-600 {
border-color: #059669;
}
.border-green-700 {
border-color: #047857;
}
.border-green-800 {
border-color: #065f46;
}
.border-green-900 {
border-color: #064e3b;
}
.border-blue-50 {
border-color: #eff6ff;
}
.border-blue-100 {
border-color: #dbeafe;
}
.border-blue-200 {
border-color: #bfdbfe;
}
.border-blue-300 {
border-color: #93c5fd;
}
.border-blue-400 {
border-color: #60a5fa;
}
.border-blue-500 {
border-color: #3b82f6;
}
.border-blue-600 {
border-color: #2563eb;
}
.border-blue-700 {
border-color: #1d4ed8;
}
.border-blue-800 {
border-color: #1e40af;
}
.border-blue-900 {
border-color: #1e3a8a;
}
.border-cyan-50 {
border-color: #ecfeff;
}
.border-cyan-100 {
border-color: #cffafe;
}
.border-cyan-200 {
border-color: #a5f3fc;
}
.border-cyan-300 {
border-color: #67e8f9;
}
.border-cyan-400 {
border-color: #22d3ee;
}
.border-cyan-500 {
border-color: #06b6d4;
}
.border-cyan-600 {
border-color: #0891b2;
}
.border-cyan-700 {
border-color: #0e7490;
}
.border-cyan-800 {
border-color: #155e75;
}
.border-cyan-900 {
border-color: #164e63;
}
.border-indigo-50 {
border-color: #eef2ff;
}
.border-indigo-100 {
border-color: #e0e7ff;
}
.border-indigo-200 {
border-color: #c7d2fe;
}
.border-indigo-300 {
border-color: #a5b4fc;
}
.border-indigo-400 {
border-color: #818cf8;
}
.border-indigo-500 {
border-color: #6366f1;
}
.border-indigo-600 {
border-color: #4f46e5;
}
.border-indigo-700 {
border-color: #4338ca;
}
.border-indigo-800 {
border-color: #3730a3;
}
.border-indigo-900 {
border-color: #312e81;
}
.border-purple-50 {
border-color: #f5f3ff;
}
.border-purple-100 {
border-color: #ede9fe;
}
.border-purple-200 {
border-color: #ddd6fe;
}
.border-purple-300 {
border-color: #c4b5fd;
}
.border-purple-400 {
border-color: #a78bfa;
}
.border-purple-500 {
border-color: #8b5cf6;
}
.border-purple-600 {
border-color: #7c3aed;
}
.border-purple-700 {
border-color: #6d28d9;
}
.border-purple-800 {
border-color: #5b21b6;
}
.border-purple-900 {
border-color: #4c1d95;
}
.border-pink-50 {
border-color: #fdf2f8;
}
.border-pink-100 {
border-color: #fce7f3;
}
.border-pink-200 {
border-color: #fbcfe8;
}
.border-pink-300 {
border-color: #f9a8d4;
}
.border-pink-400 {
border-color: #f472b6;
}
.border-pink-500 {
border-color: #ec4899;
}
.border-pink-600 {
border-color: #db2777;
}
.border-pink-700 {
border-color: #be185d;
}
.border-pink-800 {
border-color: #9d174d;
}
.border-pink-900 {
border-color: #831843;
}
.hover\:border-black:hover {
border-color: #000;
}
.hover\:border-white:hover {
border-color: #fff;
}
.hover\:border-primary:hover {
border-color: #007bff;
}
.hover\:border-secondary:hover {
border-color: #6c757d;
}
.hover\:border-success:hover {
border-color: #28a745;
}
.hover\:border-info:hover {
border-color: #007bff;
}
.hover\:border-warning:hover {
border-color: #fad733;
}
.hover\:border-danger:hover {
border-color: #dc3545;
}
.hover\:border-light:hover {
border-color: #f8f9fa;
}
.hover\:border-dark:hover {
border-color: #343a40;
}
.hover\:border-gray-50:hover {
border-color: #f9fafb;
}
.hover\:border-gray-100:hover {
border-color: #f3f4f6;
}
.hover\:border-gray-200:hover {
border-color: #e5e7eb;
}
.hover\:border-gray-300:hover {
border-color: #d1d5db;
}
.hover\:border-gray-400:hover {
border-color: #9ca3af;
}
.hover\:border-gray-500:hover {
border-color: #6b7280;
}
.hover\:border-gray-600:hover {
border-color: #4b5563;
}
.hover\:border-gray-700:hover {
border-color: #374151;
}
.hover\:border-gray-800:hover {
border-color: #1f2937;
}
.hover\:border-gray-900:hover {
border-color: #111827;
}
.hover\:border-red-50:hover {
border-color: #fef2f2;
}
.hover\:border-red-100:hover {
border-color: #fee2e2;
}
.hover\:border-red-200:hover {
border-color: #fecaca;
}
.hover\:border-red-300:hover {
border-color: #fca5a5;
}
.hover\:border-red-400:hover {
border-color: #f87171;
}
.hover\:border-red-500:hover {
border-color: #ef4444;
}
.hover\:border-red-600:hover {
border-color: #dc2626;
}
.hover\:border-red-700:hover {
border-color: #b91c1c;
}
.hover\:border-red-800:hover {
border-color: #991b1b;
}
.hover\:border-red-900:hover {
border-color: #7f1d1d;
}
.hover\:border-yellow-50:hover {
border-color: #fffbeb;
}
.hover\:border-yellow-100:hover {
border-color: #fef3c7;
}
.hover\:border-yellow-200:hover {
border-color: #fde68a;
}
.hover\:border-yellow-300:hover {
border-color: #fcd34d;
}
.hover\:border-yellow-400:hover {
border-color: #fbbf24;
}
.hover\:border-yellow-500:hover {
border-color: #f59e0b;
}
.hover\:border-yellow-600:hover {
border-color: #d97706;
}
.hover\:border-yellow-700:hover {
border-color: #b45309;
}
.hover\:border-yellow-800:hover {
border-color: #92400e;
}
.hover\:border-yellow-900:hover {
border-color: #78350f;
}
.hover\:border-green-50:hover {
border-color: #ecfdf5;
}
.hover\:border-green-100:hover {
border-color: #d1fae5;
}
.hover\:border-green-200:hover {
border-color: #a7f3d0;
}
.hover\:border-green-300:hover {
border-color: #6ee7b7;
}
.hover\:border-green-400:hover {
border-color: #34d399;
}
.hover\:border-green-500:hover {
border-color: #10b981;
}
.hover\:border-green-600:hover {
border-color: #059669;
}
.hover\:border-green-700:hover {
border-color: #047857;
}
.hover\:border-green-800:hover {
border-color: #065f46;
}
.hover\:border-green-900:hover {
border-color: #064e3b;
}
.hover\:border-blue-50:hover {
border-color: #eff6ff;
}
.hover\:border-blue-100:hover {
border-color: #dbeafe;
}
.hover\:border-blue-200:hover {
border-color: #bfdbfe;
}
.hover\:border-blue-300:hover {
border-color: #93c5fd;
}
.hover\:border-blue-400:hover {
border-color: #60a5fa;
}
.hover\:border-blue-500:hover {
border-color: #3b82f6;
}
.hover\:border-blue-600:hover {
border-color: #2563eb;
}
.hover\:border-blue-700:hover {
border-color: #1d4ed8;
}
.hover\:border-blue-800:hover {
border-color: #1e40af;
}
.hover\:border-blue-900:hover {
border-color: #1e3a8a;
}
.hover\:border-cyan-50:hover {
border-color: #ecfeff;
}
.hover\:border-cyan-100:hover {
border-color: #cffafe;
}
.hover\:border-cyan-200:hover {
border-color: #a5f3fc;
}
.hover\:border-cyan-300:hover {
border-color: #67e8f9;
}
.hover\:border-cyan-400:hover {
border-color: #22d3ee;
}
.hover\:border-cyan-500:hover {
border-color: #06b6d4;
}
.hover\:border-cyan-600:hover {
border-color: #0891b2;
}
.hover\:border-cyan-700:hover {
border-color: #0e7490;
}
.hover\:border-cyan-800:hover {
border-color: #155e75;
}
.hover\:border-cyan-900:hover {
border-color: #164e63;
}
.hover\:border-indigo-50:hover {
border-color: #eef2ff;
}
.hover\:border-indigo-100:hover {
border-color: #e0e7ff;
}
.hover\:border-indigo-200:hover {
border-color: #c7d2fe;
}
.hover\:border-indigo-300:hover {
border-color: #a5b4fc;
}
.hover\:border-indigo-400:hover {
border-color: #818cf8;
}
.hover\:border-indigo-500:hover {
border-color: #6366f1;
}
.hover\:border-indigo-600:hover {
border-color: #4f46e5;
}
.hover\:border-indigo-700:hover {
border-color: #4338ca;
}
.hover\:border-indigo-800:hover {
border-color: #3730a3;
}
.hover\:border-indigo-900:hover {
border-color: #312e81;
}
.hover\:border-purple-50:hover {
border-color: #f5f3ff;
}
.hover\:border-purple-100:hover {
border-color: #ede9fe;
}
.hover\:border-purple-200:hover {
border-color: #ddd6fe;
}
.hover\:border-purple-300:hover {
border-color: #c4b5fd;
}
.hover\:border-purple-400:hover {
border-color: #a78bfa;
}
.hover\:border-purple-500:hover {
border-color: #8b5cf6;
}
.hover\:border-purple-600:hover {
border-color: #7c3aed;
}
.hover\:border-purple-700:hover {
border-color: #6d28d9;
}
.hover\:border-purple-800:hover {
border-color: #5b21b6;
}
.hover\:border-purple-900:hover {
border-color: #4c1d95;
}
.hover\:border-pink-50:hover {
border-color: #fdf2f8;
}
.hover\:border-pink-100:hover {
border-color: #fce7f3;
}
.hover\:border-pink-200:hover {
border-color: #fbcfe8;
}
.hover\:border-pink-300:hover {
border-color: #f9a8d4;
}
.hover\:border-pink-400:hover {
border-color: #f472b6;
}
.hover\:border-pink-500:hover {
border-color: #ec4899;
}
.hover\:border-pink-600:hover {
border-color: #db2777;
}
.hover\:border-pink-700:hover {
border-color: #be185d;
}
.hover\:border-pink-800:hover {
border-color: #9d174d;
}
.hover\:border-pink-900:hover {
border-color: #831843;
}
.active\:border-black.is-active,
.active\:border-black:active {
border-color: #000;
}
.active\:border-white.is-active,
.active\:border-white:active {
border-color: #fff;
}
.active\:border-primary.is-active,
.active\:border-primary:active {
border-color: #007bff;
}
.active\:border-secondary.is-active,
.active\:border-secondary:active {
border-color: #6c757d;
}
.active\:border-success.is-active,
.active\:border-success:active {
border-color: #28a745;
}
.active\:border-info.is-active,
.active\:border-info:active {
border-color: #007bff;
}
.active\:border-warning.is-active,
.active\:border-warning:active {
border-color: #fad733;
}
.active\:border-danger.is-active,
.active\:border-danger:active {
border-color: #dc3545;
}
.active\:border-light.is-active,
.active\:border-light:active {
border-color: #f8f9fa;
}
.active\:border-dark.is-active,
.active\:border-dark:active {
border-color: #343a40;
}
.active\:border-gray-50.is-active,
.active\:border-gray-50:active {
border-color: #f9fafb;
}
.active\:border-gray-100.is-active,
.active\:border-gray-100:active {
border-color: #f3f4f6;
}
.active\:border-gray-200.is-active,
.active\:border-gray-200:active {
border-color: #e5e7eb;
}
.active\:border-gray-300.is-active,
.active\:border-gray-300:active {
border-color: #d1d5db;
}
.active\:border-gray-400.is-active,
.active\:border-gray-400:active {
border-color: #9ca3af;
}
.active\:border-gray-500.is-active,
.active\:border-gray-500:active {
border-color: #6b7280;
}
.active\:border-gray-600.is-active,
.active\:border-gray-600:active {
border-color: #4b5563;
}
.active\:border-gray-700.is-active,
.active\:border-gray-700:active {
border-color: #374151;
}
.active\:border-gray-800.is-active,
.active\:border-gray-800:active {
border-color: #1f2937;
}
.active\:border-gray-900.is-active,
.active\:border-gray-900:active {
border-color: #111827;
}
.active\:border-red-50.is-active,
.active\:border-red-50:active {
border-color: #fef2f2;
}
.active\:border-red-100.is-active,
.active\:border-red-100:active {
border-color: #fee2e2;
}
.active\:border-red-200.is-active,
.active\:border-red-200:active {
border-color: #fecaca;
}
.active\:border-red-300.is-active,
.active\:border-red-300:active {
border-color: #fca5a5;
}
.active\:border-red-400.is-active,
.active\:border-red-400:active {
border-color: #f87171;
}
.active\:border-red-500.is-active,
.active\:border-red-500:active {
border-color: #ef4444;
}
.active\:border-red-600.is-active,
.active\:border-red-600:active {
border-color: #dc2626;
}
.active\:border-red-700.is-active,
.active\:border-red-700:active {
border-color: #b91c1c;
}
.active\:border-red-800.is-active,
.active\:border-red-800:active {
border-color: #991b1b;
}
.active\:border-red-900.is-active,
.active\:border-red-900:active {
border-color: #7f1d1d;
}
.active\:border-yellow-50.is-active,
.active\:border-yellow-50:active {
border-color: #fffbeb;
}
.active\:border-yellow-100.is-active,
.active\:border-yellow-100:active {
border-color: #fef3c7;
}
.active\:border-yellow-200.is-active,
.active\:border-yellow-200:active {
border-color: #fde68a;
}
.active\:border-yellow-300.is-active,
.active\:border-yellow-300:active {
border-color: #fcd34d;
}
.active\:border-yellow-400.is-active,
.active\:border-yellow-400:active {
border-color: #fbbf24;
}
.active\:border-yellow-500.is-active,
.active\:border-yellow-500:active {
border-color: #f59e0b;
}
.active\:border-yellow-600.is-active,
.active\:border-yellow-600:active {
border-color: #d97706;
}
.active\:border-yellow-700.is-active,
.active\:border-yellow-700:active {
border-color: #b45309;
}
.active\:border-yellow-800.is-active,
.active\:border-yellow-800:active {
border-color: #92400e;
}
.active\:border-yellow-900.is-active,
.active\:border-yellow-900:active {
border-color: #78350f;
}
.active\:border-green-50.is-active,
.active\:border-green-50:active {
border-color: #ecfdf5;
}
.active\:border-green-100.is-active,
.active\:border-green-100:active {
border-color: #d1fae5;
}
.active\:border-green-200.is-active,
.active\:border-green-200:active {
border-color: #a7f3d0;
}
.active\:border-green-300.is-active,
.active\:border-green-300:active {
border-color: #6ee7b7;
}
.active\:border-green-400.is-active,
.active\:border-green-400:active {
border-color: #34d399;
}
.active\:border-green-500.is-active,
.active\:border-green-500:active {
border-color: #10b981;
}
.active\:border-green-600.is-active,
.active\:border-green-600:active {
border-color: #059669;
}
.active\:border-green-700.is-active,
.active\:border-green-700:active {
border-color: #047857;
}
.active\:border-green-800.is-active,
.active\:border-green-800:active {
border-color: #065f46;
}
.active\:border-green-900.is-active,
.active\:border-green-900:active {
border-color: #064e3b;
}
.active\:border-blue-50.is-active,
.active\:border-blue-50:active {
border-color: #eff6ff;
}
.active\:border-blue-100.is-active,
.active\:border-blue-100:active {
border-color: #dbeafe;
}
.active\:border-blue-200.is-active,
.active\:border-blue-200:active {
border-color: #bfdbfe;
}
.active\:border-blue-300.is-active,
.active\:border-blue-300:active {
border-color: #93c5fd;
}
.active\:border-blue-400.is-active,
.active\:border-blue-400:active {
border-color: #60a5fa;
}
.active\:border-blue-500.is-active,
.active\:border-blue-500:active {
border-color: #3b82f6;
}
.active\:border-blue-600.is-active,
.active\:border-blue-600:active {
border-color: #2563eb;
}
.active\:border-blue-700.is-active,
.active\:border-blue-700:active {
border-color: #1d4ed8;
}
.active\:border-blue-800.is-active,
.active\:border-blue-800:active {
border-color: #1e40af;
}
.active\:border-blue-900.is-active,
.active\:border-blue-900:active {
border-color: #1e3a8a;
}
.active\:border-cyan-50.is-active,
.active\:border-cyan-50:active {
border-color: #ecfeff;
}
.active\:border-cyan-100.is-active,
.active\:border-cyan-100:active {
border-color: #cffafe;
}
.active\:border-cyan-200.is-active,
.active\:border-cyan-200:active {
border-color: #a5f3fc;
}
.active\:border-cyan-300.is-active,
.active\:border-cyan-300:active {
border-color: #67e8f9;
}
.active\:border-cyan-400.is-active,
.active\:border-cyan-400:active {
border-color: #22d3ee;
}
.active\:border-cyan-500.is-active,
.active\:border-cyan-500:active {
border-color: #06b6d4;
}
.active\:border-cyan-600.is-active,
.active\:border-cyan-600:active {
border-color: #0891b2;
}
.active\:border-cyan-700.is-active,
.active\:border-cyan-700:active {
border-color: #0e7490;
}
.active\:border-cyan-800.is-active,
.active\:border-cyan-800:active {
border-color: #155e75;
}
.active\:border-cyan-900.is-active,
.active\:border-cyan-900:active {
border-color: #164e63;
}
.active\:border-indigo-50.is-active,
.active\:border-indigo-50:active {
border-color: #eef2ff;
}
.active\:border-indigo-100.is-active,
.active\:border-indigo-100:active {
border-color: #e0e7ff;
}
.active\:border-indigo-200.is-active,
.active\:border-indigo-200:active {
border-color: #c7d2fe;
}
.active\:border-indigo-300.is-active,
.active\:border-indigo-300:active {
border-color: #a5b4fc;
}
.active\:border-indigo-400.is-active,
.active\:border-indigo-400:active {
border-color: #818cf8;
}
.active\:border-indigo-500.is-active,
.active\:border-indigo-500:active {
border-color: #6366f1;
}
.active\:border-indigo-600.is-active,
.active\:border-indigo-600:active {
border-color: #4f46e5;
}
.active\:border-indigo-700.is-active,
.active\:border-indigo-700:active {
border-color: #4338ca;
}
.active\:border-indigo-800.is-active,
.active\:border-indigo-800:active {
border-color: #3730a3;
}
.active\:border-indigo-900.is-active,
.active\:border-indigo-900:active {
border-color: #312e81;
}
.active\:border-purple-50.is-active,
.active\:border-purple-50:active {
border-color: #f5f3ff;
}
.active\:border-purple-100.is-active,
.active\:border-purple-100:active {
border-color: #ede9fe;
}
.active\:border-purple-200.is-active,
.active\:border-purple-200:active {
border-color: #ddd6fe;
}
.active\:border-purple-300.is-active,
.active\:border-purple-300:active {
border-color: #c4b5fd;
}
.active\:border-purple-400.is-active,
.active\:border-purple-400:active {
border-color: #a78bfa;
}
.active\:border-purple-500.is-active,
.active\:border-purple-500:active {
border-color: #8b5cf6;
}
.active\:border-purple-600.is-active,
.active\:border-purple-600:active {
border-color: #7c3aed;
}
.active\:border-purple-700.is-active,
.active\:border-purple-700:active {
border-color: #6d28d9;
}
.active\:border-purple-800.is-active,
.active\:border-purple-800:active {
border-color: #5b21b6;
}
.active\:border-purple-900.is-active,
.active\:border-purple-900:active {
border-color: #4c1d95;
}
.active\:border-pink-50.is-active,
.active\:border-pink-50:active {
border-color: #fdf2f8;
}
.active\:border-pink-100.is-active,
.active\:border-pink-100:active {
border-color: #fce7f3;
}
.active\:border-pink-200.is-active,
.active\:border-pink-200:active {
border-color: #fbcfe8;
}
.active\:border-pink-300.is-active,
.active\:border-pink-300:active {
border-color: #f9a8d4;
}
.active\:border-pink-400.is-active,
.active\:border-pink-400:active {
border-color: #f472b6;
}
.active\:border-pink-500.is-active,
.active\:border-pink-500:active {
border-color: #ec4899;
}
.active\:border-pink-600.is-active,
.active\:border-pink-600:active {
border-color: #db2777;
}
.active\:border-pink-700.is-active,
.active\:border-pink-700:active {
border-color: #be185d;
}
.active\:border-pink-800.is-active,
.active\:border-pink-800:active {
border-color: #9d174d;
}
.active\:border-pink-900.is-active,
.active\:border-pink-900:active {
border-color: #831843;
}
.focus\:border-black:focus {
border-color: #000;
}
.focus\:border-white:focus {
border-color: #fff;
}
.focus\:border-primary:focus {
border-color: #007bff;
}
.focus\:border-secondary:focus {
border-color: #6c757d;
}
.focus\:border-success:focus {
border-color: #28a745;
}
.focus\:border-info:focus {
border-color: #007bff;
}
.focus\:border-warning:focus {
border-color: #fad733;
}
.focus\:border-danger:focus {
border-color: #dc3545;
}
.focus\:border-light:focus {
border-color: #f8f9fa;
}
.focus\:border-dark:focus {
border-color: #343a40;
}
.focus\:border-gray-50:focus {
border-color: #f9fafb;
}
.focus\:border-gray-100:focus {
border-color: #f3f4f6;
}
.focus\:border-gray-200:focus {
border-color: #e5e7eb;
}
.focus\:border-gray-300:focus {
border-color: #d1d5db;
}
.focus\:border-gray-400:focus {
border-color: #9ca3af;
}
.focus\:border-gray-500:focus {
border-color: #6b7280;
}
.focus\:border-gray-600:focus {
border-color: #4b5563;
}
.focus\:border-gray-700:focus {
border-color: #374151;
}
.focus\:border-gray-800:focus {
border-color: #1f2937;
}
.focus\:border-gray-900:focus {
border-color: #111827;
}
.focus\:border-red-50:focus {
border-color: #fef2f2;
}
.focus\:border-red-100:focus {
border-color: #fee2e2;
}
.focus\:border-red-200:focus {
border-color: #fecaca;
}
.focus\:border-red-300:focus {
border-color: #fca5a5;
}
.focus\:border-red-400:focus {
border-color: #f87171;
}
.focus\:border-red-500:focus {
border-color: #ef4444;
}
.focus\:border-red-600:focus {
border-color: #dc2626;
}
.focus\:border-red-700:focus {
border-color: #b91c1c;
}
.focus\:border-red-800:focus {
border-color: #991b1b;
}
.focus\:border-red-900:focus {
border-color: #7f1d1d;
}
.focus\:border-yellow-50:focus {
border-color: #fffbeb;
}
.focus\:border-yellow-100:focus {
border-color: #fef3c7;
}
.focus\:border-yellow-200:focus {
border-color: #fde68a;
}
.focus\:border-yellow-300:focus {
border-color: #fcd34d;
}
.focus\:border-yellow-400:focus {
border-color: #fbbf24;
}
.focus\:border-yellow-500:focus {
border-color: #f59e0b;
}
.focus\:border-yellow-600:focus {
border-color: #d97706;
}
.focus\:border-yellow-700:focus {
border-color: #b45309;
}
.focus\:border-yellow-800:focus {
border-color: #92400e;
}
.focus\:border-yellow-900:focus {
border-color: #78350f;
}
.focus\:border-green-50:focus {
border-color: #ecfdf5;
}
.focus\:border-green-100:focus {
border-color: #d1fae5;
}
.focus\:border-green-200:focus {
border-color: #a7f3d0;
}
.focus\:border-green-300:focus {
border-color: #6ee7b7;
}
.focus\:border-green-400:focus {
border-color: #34d399;
}
.focus\:border-green-500:focus {
border-color: #10b981;
}
.focus\:border-green-600:focus {
border-color: #059669;
}
.focus\:border-green-700:focus {
border-color: #047857;
}
.focus\:border-green-800:focus {
border-color: #065f46;
}
.focus\:border-green-900:focus {
border-color: #064e3b;
}
.focus\:border-blue-50:focus {
border-color: #eff6ff;
}
.focus\:border-blue-100:focus {
border-color: #dbeafe;
}
.focus\:border-blue-200:focus {
border-color: #bfdbfe;
}
.focus\:border-blue-300:focus {
border-color: #93c5fd;
}
.focus\:border-blue-400:focus {
border-color: #60a5fa;
}
.focus\:border-blue-500:focus {
border-color: #3b82f6;
}
.focus\:border-blue-600:focus {
border-color: #2563eb;
}
.focus\:border-blue-700:focus {
border-color: #1d4ed8;
}
.focus\:border-blue-800:focus {
border-color: #1e40af;
}
.focus\:border-blue-900:focus {
border-color: #1e3a8a;
}
.focus\:border-cyan-50:focus {
border-color: #ecfeff;
}
.focus\:border-cyan-100:focus {
border-color: #cffafe;
}
.focus\:border-cyan-200:focus {
border-color: #a5f3fc;
}
.focus\:border-cyan-300:focus {
border-color: #67e8f9;
}
.focus\:border-cyan-400:focus {
border-color: #22d3ee;
}
.focus\:border-cyan-500:focus {
border-color: #06b6d4;
}
.focus\:border-cyan-600:focus {
border-color: #0891b2;
}
.focus\:border-cyan-700:focus {
border-color: #0e7490;
}
.focus\:border-cyan-800:focus {
border-color: #155e75;
}
.focus\:border-cyan-900:focus {
border-color: #164e63;
}
.focus\:border-indigo-50:focus {
border-color: #eef2ff;
}
.focus\:border-indigo-100:focus {
border-color: #e0e7ff;
}
.focus\:border-indigo-200:focus {
border-color: #c7d2fe;
}
.focus\:border-indigo-300:focus {
border-color: #a5b4fc;
}
.focus\:border-indigo-400:focus {
border-color: #818cf8;
}
.focus\:border-indigo-500:focus {
border-color: #6366f1;
}
.focus\:border-indigo-600:focus {
border-color: #4f46e5;
}
.focus\:border-indigo-700:focus {
border-color: #4338ca;
}
.focus\:border-indigo-800:focus {
border-color: #3730a3;
}
.focus\:border-indigo-900:focus {
border-color: #312e81;
}
.focus\:border-purple-50:focus {
border-color: #f5f3ff;
}
.focus\:border-purple-100:focus {
border-color: #ede9fe;
}
.focus\:border-purple-200:focus {
border-color: #ddd6fe;
}
.focus\:border-purple-300:focus {
border-color: #c4b5fd;
}
.focus\:border-purple-400:focus {
border-color: #a78bfa;
}
.focus\:border-purple-500:focus {
border-color: #8b5cf6;
}
.focus\:border-purple-600:focus {
border-color: #7c3aed;
}
.focus\:border-purple-700:focus {
border-color: #6d28d9;
}
.focus\:border-purple-800:focus {
border-color: #5b21b6;
}
.focus\:border-purple-900:focus {
border-color: #4c1d95;
}
.focus\:border-pink-50:focus {
border-color: #fdf2f8;
}
.focus\:border-pink-100:focus {
border-color: #fce7f3;
}
.focus\:border-pink-200:focus {
border-color: #fbcfe8;
}
.focus\:border-pink-300:focus {
border-color: #f9a8d4;
}
.focus\:border-pink-400:focus {
border-color: #f472b6;
}
.focus\:border-pink-500:focus {
border-color: #ec4899;
}
.focus\:border-pink-600:focus {
border-color: #db2777;
}
.focus\:border-pink-700:focus {
border-color: #be185d;
}
.focus\:border-pink-800:focus {
border-color: #9d174d;
}
.focus\:border-pink-900:focus {
border-color: #831843;
}
.disabled\:border-black.is-disabled,
.disabled\:border-black:disabled {
border-color: #000;
}
.disabled\:border-white.is-disabled,
.disabled\:border-white:disabled {
border-color: #fff;
}
.disabled\:border-primary.is-disabled,
.disabled\:border-primary:disabled {
border-color: #007bff;
}
.disabled\:border-secondary.is-disabled,
.disabled\:border-secondary:disabled {
border-color: #6c757d;
}
.disabled\:border-success.is-disabled,
.disabled\:border-success:disabled {
border-color: #28a745;
}
.disabled\:border-info.is-disabled,
.disabled\:border-info:disabled {
border-color: #007bff;
}
.disabled\:border-warning.is-disabled,
.disabled\:border-warning:disabled {
border-color: #fad733;
}
.disabled\:border-danger.is-disabled,
.disabled\:border-danger:disabled {
border-color: #dc3545;
}
.disabled\:border-light.is-disabled,
.disabled\:border-light:disabled {
border-color: #f8f9fa;
}
.disabled\:border-dark.is-disabled,
.disabled\:border-dark:disabled {
border-color: #343a40;
}
.disabled\:border-gray-50.is-disabled,
.disabled\:border-gray-50:disabled {
border-color: #f9fafb;
}
.disabled\:border-gray-100.is-disabled,
.disabled\:border-gray-100:disabled {
border-color: #f3f4f6;
}
.disabled\:border-gray-200.is-disabled,
.disabled\:border-gray-200:disabled {
border-color: #e5e7eb;
}
.disabled\:border-gray-300.is-disabled,
.disabled\:border-gray-300:disabled {
border-color: #d1d5db;
}
.disabled\:border-gray-400.is-disabled,
.disabled\:border-gray-400:disabled {
border-color: #9ca3af;
}
.disabled\:border-gray-500.is-disabled,
.disabled\:border-gray-500:disabled {
border-color: #6b7280;
}
.disabled\:border-gray-600.is-disabled,
.disabled\:border-gray-600:disabled {
border-color: #4b5563;
}
.disabled\:border-gray-700.is-disabled,
.disabled\:border-gray-700:disabled {
border-color: #374151;
}
.disabled\:border-gray-800.is-disabled,
.disabled\:border-gray-800:disabled {
border-color: #1f2937;
}
.disabled\:border-gray-900.is-disabled,
.disabled\:border-gray-900:disabled {
border-color: #111827;
}
.disabled\:border-red-50.is-disabled,
.disabled\:border-red-50:disabled {
border-color: #fef2f2;
}
.disabled\:border-red-100.is-disabled,
.disabled\:border-red-100:disabled {
border-color: #fee2e2;
}
.disabled\:border-red-200.is-disabled,
.disabled\:border-red-200:disabled {
border-color: #fecaca;
}
.disabled\:border-red-300.is-disabled,
.disabled\:border-red-300:disabled {
border-color: #fca5a5;
}
.disabled\:border-red-400.is-disabled,
.disabled\:border-red-400:disabled {
border-color: #f87171;
}
.disabled\:border-red-500.is-disabled,
.disabled\:border-red-500:disabled {
border-color: #ef4444;
}
.disabled\:border-red-600.is-disabled,
.disabled\:border-red-600:disabled {
border-color: #dc2626;
}
.disabled\:border-red-700.is-disabled,
.disabled\:border-red-700:disabled {
border-color: #b91c1c;
}
.disabled\:border-red-800.is-disabled,
.disabled\:border-red-800:disabled {
border-color: #991b1b;
}
.disabled\:border-red-900.is-disabled,
.disabled\:border-red-900:disabled {
border-color: #7f1d1d;
}
.disabled\:border-yellow-50.is-disabled,
.disabled\:border-yellow-50:disabled {
border-color: #fffbeb;
}
.disabled\:border-yellow-100.is-disabled,
.disabled\:border-yellow-100:disabled {
border-color: #fef3c7;
}
.disabled\:border-yellow-200.is-disabled,
.disabled\:border-yellow-200:disabled {
border-color: #fde68a;
}
.disabled\:border-yellow-300.is-disabled,
.disabled\:border-yellow-300:disabled {
border-color: #fcd34d;
}
.disabled\:border-yellow-400.is-disabled,
.disabled\:border-yellow-400:disabled {
border-color: #fbbf24;
}
.disabled\:border-yellow-500.is-disabled,
.disabled\:border-yellow-500:disabled {
border-color: #f59e0b;
}
.disabled\:border-yellow-600.is-disabled,
.disabled\:border-yellow-600:disabled {
border-color: #d97706;
}
.disabled\:border-yellow-700.is-disabled,
.disabled\:border-yellow-700:disabled {
border-color: #b45309;
}
.disabled\:border-yellow-800.is-disabled,
.disabled\:border-yellow-800:disabled {
border-color: #92400e;
}
.disabled\:border-yellow-900.is-disabled,
.disabled\:border-yellow-900:disabled {
border-color: #78350f;
}
.disabled\:border-green-50.is-disabled,
.disabled\:border-green-50:disabled {
border-color: #ecfdf5;
}
.disabled\:border-green-100.is-disabled,
.disabled\:border-green-100:disabled {
border-color: #d1fae5;
}
.disabled\:border-green-200.is-disabled,
.disabled\:border-green-200:disabled {
border-color: #a7f3d0;
}
.disabled\:border-green-300.is-disabled,
.disabled\:border-green-300:disabled {
border-color: #6ee7b7;
}
.disabled\:border-green-400.is-disabled,
.disabled\:border-green-400:disabled {
border-color: #34d399;
}
.disabled\:border-green-500.is-disabled,
.disabled\:border-green-500:disabled {
border-color: #10b981;
}
.disabled\:border-green-600.is-disabled,
.disabled\:border-green-600:disabled {
border-color: #059669;
}
.disabled\:border-green-700.is-disabled,
.disabled\:border-green-700:disabled {
border-color: #047857;
}
.disabled\:border-green-800.is-disabled,
.disabled\:border-green-800:disabled {
border-color: #065f46;
}
.disabled\:border-green-900.is-disabled,
.disabled\:border-green-900:disabled {
border-color: #064e3b;
}
.disabled\:border-blue-50.is-disabled,
.disabled\:border-blue-50:disabled {
border-color: #eff6ff;
}
.disabled\:border-blue-100.is-disabled,
.disabled\:border-blue-100:disabled {
border-color: #dbeafe;
}
.disabled\:border-blue-200.is-disabled,
.disabled\:border-blue-200:disabled {
border-color: #bfdbfe;
}
.disabled\:border-blue-300.is-disabled,
.disabled\:border-blue-300:disabled {
border-color: #93c5fd;
}
.disabled\:border-blue-400.is-disabled,
.disabled\:border-blue-400:disabled {
border-color: #60a5fa;
}
.disabled\:border-blue-500.is-disabled,
.disabled\:border-blue-500:disabled {
border-color: #3b82f6;
}
.disabled\:border-blue-600.is-disabled,
.disabled\:border-blue-600:disabled {
border-color: #2563eb;
}
.disabled\:border-blue-700.is-disabled,
.disabled\:border-blue-700:disabled {
border-color: #1d4ed8;
}
.disabled\:border-blue-800.is-disabled,
.disabled\:border-blue-800:disabled {
border-color: #1e40af;
}
.disabled\:border-blue-900.is-disabled,
.disabled\:border-blue-900:disabled {
border-color: #1e3a8a;
}
.disabled\:border-cyan-50.is-disabled,
.disabled\:border-cyan-50:disabled {
border-color: #ecfeff;
}
.disabled\:border-cyan-100.is-disabled,
.disabled\:border-cyan-100:disabled {
border-color: #cffafe;
}
.disabled\:border-cyan-200.is-disabled,
.disabled\:border-cyan-200:disabled {
border-color: #a5f3fc;
}
.disabled\:border-cyan-300.is-disabled,
.disabled\:border-cyan-300:disabled {
border-color: #67e8f9;
}
.disabled\:border-cyan-400.is-disabled,
.disabled\:border-cyan-400:disabled {
border-color: #22d3ee;
}
.disabled\:border-cyan-500.is-disabled,
.disabled\:border-cyan-500:disabled {
border-color: #06b6d4;
}
.disabled\:border-cyan-600.is-disabled,
.disabled\:border-cyan-600:disabled {
border-color: #0891b2;
}
.disabled\:border-cyan-700.is-disabled,
.disabled\:border-cyan-700:disabled {
border-color: #0e7490;
}
.disabled\:border-cyan-800.is-disabled,
.disabled\:border-cyan-800:disabled {
border-color: #155e75;
}
.disabled\:border-cyan-900.is-disabled,
.disabled\:border-cyan-900:disabled {
border-color: #164e63;
}
.disabled\:border-indigo-50.is-disabled,
.disabled\:border-indigo-50:disabled {
border-color: #eef2ff;
}
.disabled\:border-indigo-100.is-disabled,
.disabled\:border-indigo-100:disabled {
border-color: #e0e7ff;
}
.disabled\:border-indigo-200.is-disabled,
.disabled\:border-indigo-200:disabled {
border-color: #c7d2fe;
}
.disabled\:border-indigo-300.is-disabled,
.disabled\:border-indigo-300:disabled {
border-color: #a5b4fc;
}
.disabled\:border-indigo-400.is-disabled,
.disabled\:border-indigo-400:disabled {
border-color: #818cf8;
}
.disabled\:border-indigo-500.is-disabled,
.disabled\:border-indigo-500:disabled {
border-color: #6366f1;
}
.disabled\:border-indigo-600.is-disabled,
.disabled\:border-indigo-600:disabled {
border-color: #4f46e5;
}
.disabled\:border-indigo-700.is-disabled,
.disabled\:border-indigo-700:disabled {
border-color: #4338ca;
}
.disabled\:border-indigo-800.is-disabled,
.disabled\:border-indigo-800:disabled {
border-color: #3730a3;
}
.disabled\:border-indigo-900.is-disabled,
.disabled\:border-indigo-900:disabled {
border-color: #312e81;
}
.disabled\:border-purple-50.is-disabled,
.disabled\:border-purple-50:disabled {
border-color: #f5f3ff;
}
.disabled\:border-purple-100.is-disabled,
.disabled\:border-purple-100:disabled {
border-color: #ede9fe;
}
.disabled\:border-purple-200.is-disabled,
.disabled\:border-purple-200:disabled {
border-color: #ddd6fe;
}
.disabled\:border-purple-300.is-disabled,
.disabled\:border-purple-300:disabled {
border-color: #c4b5fd;
}
.disabled\:border-purple-400.is-disabled,
.disabled\:border-purple-400:disabled {
border-color: #a78bfa;
}
.disabled\:border-purple-500.is-disabled,
.disabled\:border-purple-500:disabled {
border-color: #8b5cf6;
}
.disabled\:border-purple-600.is-disabled,
.disabled\:border-purple-600:disabled {
border-color: #7c3aed;
}
.disabled\:border-purple-700.is-disabled,
.disabled\:border-purple-700:disabled {
border-color: #6d28d9;
}
.disabled\:border-purple-800.is-disabled,
.disabled\:border-purple-800:disabled {
border-color: #5b21b6;
}
.disabled\:border-purple-900.is-disabled,
.disabled\:border-purple-900:disabled {
border-color: #4c1d95;
}
.disabled\:border-pink-50.is-disabled,
.disabled\:border-pink-50:disabled {
border-color: #fdf2f8;
}
.disabled\:border-pink-100.is-disabled,
.disabled\:border-pink-100:disabled {
border-color: #fce7f3;
}
.disabled\:border-pink-200.is-disabled,
.disabled\:border-pink-200:disabled {
border-color: #fbcfe8;
}
.disabled\:border-pink-300.is-disabled,
.disabled\:border-pink-300:disabled {
border-color: #f9a8d4;
}
.disabled\:border-pink-400.is-disabled,
.disabled\:border-pink-400:disabled {
border-color: #f472b6;
}
.disabled\:border-pink-500.is-disabled,
.disabled\:border-pink-500:disabled {
border-color: #ec4899;
}
.disabled\:border-pink-600.is-disabled,
.disabled\:border-pink-600:disabled {
border-color: #db2777;
}
.disabled\:border-pink-700.is-disabled,
.disabled\:border-pink-700:disabled {
border-color: #be185d;
}
.disabled\:border-pink-800.is-disabled,
.disabled\:border-pink-800:disabled {
border-color: #9d174d;
}
.disabled\:border-pink-900.is-disabled,
.disabled\:border-pink-900:disabled {
border-color: #831843;
}
.group:hover .group-hover\:border-black {
border-color: #000;
}
.group:hover .group-hover\:border-white {
border-color: #fff;
}
.group:hover .group-hover\:border-primary {
border-color: #007bff;
}
.group:hover .group-hover\:border-secondary {
border-color: #6c757d;
}
.group:hover .group-hover\:border-success {
border-color: #28a745;
}
.group:hover .group-hover\:border-info {
border-color: #007bff;
}
.group:hover .group-hover\:border-warning {
border-color: #fad733;
}
.group:hover .group-hover\:border-danger {
border-color: #dc3545;
}
.group:hover .group-hover\:border-light {
border-color: #f8f9fa;
}
.group:hover .group-hover\:border-dark {
border-color: #343a40;
}
.group:hover .group-hover\:border-gray-50 {
border-color: #f9fafb;
}
.group:hover .group-hover\:border-gray-100 {
border-color: #f3f4f6;
}
.group:hover .group-hover\:border-gray-200 {
border-color: #e5e7eb;
}
.group:hover .group-hover\:border-gray-300 {
border-color: #d1d5db;
}
.group:hover .group-hover\:border-gray-400 {
border-color: #9ca3af;
}
.group:hover .group-hover\:border-gray-500 {
border-color: #6b7280;
}
.group:hover .group-hover\:border-gray-600 {
border-color: #4b5563;
}
.group:hover .group-hover\:border-gray-700 {
border-color: #374151;
}
.group:hover .group-hover\:border-gray-800 {
border-color: #1f2937;
}
.group:hover .group-hover\:border-gray-900 {
border-color: #111827;
}
.group:hover .group-hover\:border-red-50 {
border-color: #fef2f2;
}
.group:hover .group-hover\:border-red-100 {
border-color: #fee2e2;
}
.group:hover .group-hover\:border-red-200 {
border-color: #fecaca;
}
.group:hover .group-hover\:border-red-300 {
border-color: #fca5a5;
}
.group:hover .group-hover\:border-red-400 {
border-color: #f87171;
}
.group:hover .group-hover\:border-red-500 {
border-color: #ef4444;
}
.group:hover .group-hover\:border-red-600 {
border-color: #dc2626;
}
.group:hover .group-hover\:border-red-700 {
border-color: #b91c1c;
}
.group:hover .group-hover\:border-red-800 {
border-color: #991b1b;
}
.group:hover .group-hover\:border-red-900 {
border-color: #7f1d1d;
}
.group:hover .group-hover\:border-yellow-50 {
border-color: #fffbeb;
}
.group:hover .group-hover\:border-yellow-100 {
border-color: #fef3c7;
}
.group:hover .group-hover\:border-yellow-200 {
border-color: #fde68a;
}
.group:hover .group-hover\:border-yellow-300 {
border-color: #fcd34d;
}
.group:hover .group-hover\:border-yellow-400 {
border-color: #fbbf24;
}
.group:hover .group-hover\:border-yellow-500 {
border-color: #f59e0b;
}
.group:hover .group-hover\:border-yellow-600 {
border-color: #d97706;
}
.group:hover .group-hover\:border-yellow-700 {
border-color: #b45309;
}
.group:hover .group-hover\:border-yellow-800 {
border-color: #92400e;
}
.group:hover .group-hover\:border-yellow-900 {
border-color: #78350f;
}
.group:hover .group-hover\:border-green-50 {
border-color: #ecfdf5;
}
.group:hover .group-hover\:border-green-100 {
border-color: #d1fae5;
}
.group:hover .group-hover\:border-green-200 {
border-color: #a7f3d0;
}
.group:hover .group-hover\:border-green-300 {
border-color: #6ee7b7;
}
.group:hover .group-hover\:border-green-400 {
border-color: #34d399;
}
.group:hover .group-hover\:border-green-500 {
border-color: #10b981;
}
.group:hover .group-hover\:border-green-600 {
border-color: #059669;
}
.group:hover .group-hover\:border-green-700 {
border-color: #047857;
}
.group:hover .group-hover\:border-green-800 {
border-color: #065f46;
}
.group:hover .group-hover\:border-green-900 {
border-color: #064e3b;
}
.group:hover .group-hover\:border-blue-50 {
border-color: #eff6ff;
}
.group:hover .group-hover\:border-blue-100 {
border-color: #dbeafe;
}
.group:hover .group-hover\:border-blue-200 {
border-color: #bfdbfe;
}
.group:hover .group-hover\:border-blue-300 {
border-color: #93c5fd;
}
.group:hover .group-hover\:border-blue-400 {
border-color: #60a5fa;
}
.group:hover .group-hover\:border-blue-500 {
border-color: #3b82f6;
}
.group:hover .group-hover\:border-blue-600 {
border-color: #2563eb;
}
.group:hover .group-hover\:border-blue-700 {
border-color: #1d4ed8;
}
.group:hover .group-hover\:border-blue-800 {
border-color: #1e40af;
}
.group:hover .group-hover\:border-blue-900 {
border-color: #1e3a8a;
}
.group:hover .group-hover\:border-cyan-50 {
border-color: #ecfeff;
}
.group:hover .group-hover\:border-cyan-100 {
border-color: #cffafe;
}
.group:hover .group-hover\:border-cyan-200 {
border-color: #a5f3fc;
}
.group:hover .group-hover\:border-cyan-300 {
border-color: #67e8f9;
}
.group:hover .group-hover\:border-cyan-400 {
border-color: #22d3ee;
}
.group:hover .group-hover\:border-cyan-500 {
border-color: #06b6d4;
}
.group:hover .group-hover\:border-cyan-600 {
border-color: #0891b2;
}
.group:hover .group-hover\:border-cyan-700 {
border-color: #0e7490;
}
.group:hover .group-hover\:border-cyan-800 {
border-color: #155e75;
}
.group:hover .group-hover\:border-cyan-900 {
border-color: #164e63;
}
.group:hover .group-hover\:border-indigo-50 {
border-color: #eef2ff;
}
.group:hover .group-hover\:border-indigo-100 {
border-color: #e0e7ff;
}
.group:hover .group-hover\:border-indigo-200 {
border-color: #c7d2fe;
}
.group:hover .group-hover\:border-indigo-300 {
border-color: #a5b4fc;
}
.group:hover .group-hover\:border-indigo-400 {
border-color: #818cf8;
}
.group:hover .group-hover\:border-indigo-500 {
border-color: #6366f1;
}
.group:hover .group-hover\:border-indigo-600 {
border-color: #4f46e5;
}
.group:hover .group-hover\:border-indigo-700 {
border-color: #4338ca;
}
.group:hover .group-hover\:border-indigo-800 {
border-color: #3730a3;
}
.group:hover .group-hover\:border-indigo-900 {
border-color: #312e81;
}
.group:hover .group-hover\:border-purple-50 {
border-color: #f5f3ff;
}
.group:hover .group-hover\:border-purple-100 {
border-color: #ede9fe;
}
.group:hover .group-hover\:border-purple-200 {
border-color: #ddd6fe;
}
.group:hover .group-hover\:border-purple-300 {
border-color: #c4b5fd;
}
.group:hover .group-hover\:border-purple-400 {
border-color: #a78bfa;
}
.group:hover .group-hover\:border-purple-500 {
border-color: #8b5cf6;
}
.group:hover .group-hover\:border-purple-600 {
border-color: #7c3aed;
}
.group:hover .group-hover\:border-purple-700 {
border-color: #6d28d9;
}
.group:hover .group-hover\:border-purple-800 {
border-color: #5b21b6;
}
.group:hover .group-hover\:border-purple-900 {
border-color: #4c1d95;
}
.group:hover .group-hover\:border-pink-50 {
border-color: #fdf2f8;
}
.group:hover .group-hover\:border-pink-100 {
border-color: #fce7f3;
}
.group:hover .group-hover\:border-pink-200 {
border-color: #fbcfe8;
}
.group:hover .group-hover\:border-pink-300 {
border-color: #f9a8d4;
}
.group:hover .group-hover\:border-pink-400 {
border-color: #f472b6;
}
.group:hover .group-hover\:border-pink-500 {
border-color: #ec4899;
}
.group:hover .group-hover\:border-pink-600 {
border-color: #db2777;
}
.group:hover .group-hover\:border-pink-700 {
border-color: #be185d;
}
.group:hover .group-hover\:border-pink-800 {
border-color: #9d174d;
}
.group:hover .group-hover\:border-pink-900 {
border-color: #831843;
}
@media (max-width: 768px) {
.m\:border-black {
border-color: #000;
}
.m\:border-white {
border-color: #fff;
}
.m\:border-primary {
border-color: #007bff;
}
.m\:border-secondary {
border-color: #6c757d;
}
.m\:border-success {
border-color: #28a745;
}
.m\:border-info {
border-color: #007bff;
}
.m\:border-warning {
border-color: #fad733;
}
.m\:border-danger {
border-color: #dc3545;
}
.m\:border-light {
border-color: #f8f9fa;
}
.m\:border-dark {
border-color: #343a40;
}
.m\:border-gray-50 {
border-color: #f9fafb;
}
.m\:border-gray-100 {
border-color: #f3f4f6;
}
.m\:border-gray-200 {
border-color: #e5e7eb;
}
.m\:border-gray-300 {
border-color: #d1d5db;
}
.m\:border-gray-400 {
border-color: #9ca3af;
}
.m\:border-gray-500 {
border-color: #6b7280;
}
.m\:border-gray-600 {
border-color: #4b5563;
}
.m\:border-gray-700 {
border-color: #374151;
}
.m\:border-gray-800 {
border-color: #1f2937;
}
.m\:border-gray-900 {
border-color: #111827;
}
.m\:border-red-50 {
border-color: #fef2f2;
}
.m\:border-red-100 {
border-color: #fee2e2;
}
.m\:border-red-200 {
border-color: #fecaca;
}
.m\:border-red-300 {
border-color: #fca5a5;
}
.m\:border-red-400 {
border-color: #f87171;
}
.m\:border-red-500 {
border-color: #ef4444;
}
.m\:border-red-600 {
border-color: #dc2626;
}
.m\:border-red-700 {
border-color: #b91c1c;
}
.m\:border-red-800 {
border-color: #991b1b;
}
.m\:border-red-900 {
border-color: #7f1d1d;
}
.m\:border-yellow-50 {
border-color: #fffbeb;
}
.m\:border-yellow-100 {
border-color: #fef3c7;
}
.m\:border-yellow-200 {
border-color: #fde68a;
}
.m\:border-yellow-300 {
border-color: #fcd34d;
}
.m\:border-yellow-400 {
border-color: #fbbf24;
}
.m\:border-yellow-500 {
border-color: #f59e0b;
}
.m\:border-yellow-600 {
border-color: #d97706;
}
.m\:border-yellow-700 {
border-color: #b45309;
}
.m\:border-yellow-800 {
border-color: #92400e;
}
.m\:border-yellow-900 {
border-color: #78350f;
}
.m\:border-green-50 {
border-color: #ecfdf5;
}
.m\:border-green-100 {
border-color: #d1fae5;
}
.m\:border-green-200 {
border-color: #a7f3d0;
}
.m\:border-green-300 {
border-color: #6ee7b7;
}
.m\:border-green-400 {
border-color: #34d399;
}
.m\:border-green-500 {
border-color: #10b981;
}
.m\:border-green-600 {
border-color: #059669;
}
.m\:border-green-700 {
border-color: #047857;
}
.m\:border-green-800 {
border-color: #065f46;
}
.m\:border-green-900 {
border-color: #064e3b;
}
.m\:border-blue-50 {
border-color: #eff6ff;
}
.m\:border-blue-100 {
border-color: #dbeafe;
}
.m\:border-blue-200 {
border-color: #bfdbfe;
}
.m\:border-blue-300 {
border-color: #93c5fd;
}
.m\:border-blue-400 {
border-color: #60a5fa;
}
.m\:border-blue-500 {
border-color: #3b82f6;
}
.m\:border-blue-600 {
border-color: #2563eb;
}
.m\:border-blue-700 {
border-color: #1d4ed8;
}
.m\:border-blue-800 {
border-color: #1e40af;
}
.m\:border-blue-900 {
border-color: #1e3a8a;
}
.m\:border-cyan-50 {
border-color: #ecfeff;
}
.m\:border-cyan-100 {
border-color: #cffafe;
}
.m\:border-cyan-200 {
border-color: #a5f3fc;
}
.m\:border-cyan-300 {
border-color: #67e8f9;
}
.m\:border-cyan-400 {
border-color: #22d3ee;
}
.m\:border-cyan-500 {
border-color: #06b6d4;
}
.m\:border-cyan-600 {
border-color: #0891b2;
}
.m\:border-cyan-700 {
border-color: #0e7490;
}
.m\:border-cyan-800 {
border-color: #155e75;
}
.m\:border-cyan-900 {
border-color: #164e63;
}
.m\:border-indigo-50 {
border-color: #eef2ff;
}
.m\:border-indigo-100 {
border-color: #e0e7ff;
}
.m\:border-indigo-200 {
border-color: #c7d2fe;
}
.m\:border-indigo-300 {
border-color: #a5b4fc;
}
.m\:border-indigo-400 {
border-color: #818cf8;
}
.m\:border-indigo-500 {
border-color: #6366f1;
}
.m\:border-indigo-600 {
border-color: #4f46e5;
}
.m\:border-indigo-700 {
border-color: #4338ca;
}
.m\:border-indigo-800 {
border-color: #3730a3;
}
.m\:border-indigo-900 {
border-color: #312e81;
}
.m\:border-purple-50 {
border-color: #f5f3ff;
}
.m\:border-purple-100 {
border-color: #ede9fe;
}
.m\:border-purple-200 {
border-color: #ddd6fe;
}
.m\:border-purple-300 {
border-color: #c4b5fd;
}
.m\:border-purple-400 {
border-color: #a78bfa;
}
.m\:border-purple-500 {
border-color: #8b5cf6;
}
.m\:border-purple-600 {
border-color: #7c3aed;
}
.m\:border-purple-700 {
border-color: #6d28d9;
}
.m\:border-purple-800 {
border-color: #5b21b6;
}
.m\:border-purple-900 {
border-color: #4c1d95;
}
.m\:border-pink-50 {
border-color: #fdf2f8;
}
.m\:border-pink-100 {
border-color: #fce7f3;
}
.m\:border-pink-200 {
border-color: #fbcfe8;
}
.m\:border-pink-300 {
border-color: #f9a8d4;
}
.m\:border-pink-400 {
border-color: #f472b6;
}
.m\:border-pink-500 {
border-color: #ec4899;
}
.m\:border-pink-600 {
border-color: #db2777;
}
.m\:border-pink-700 {
border-color: #be185d;
}
.m\:border-pink-800 {
border-color: #9d174d;
}
.m\:border-pink-900 {
border-color: #831843;
}
.m\:hover\:border-black:hover {
border-color: #000;
}
.m\:hover\:border-white:hover {
border-color: #fff;
}
.m\:hover\:border-primary:hover {
border-color: #007bff;
}
.m\:hover\:border-secondary:hover {
border-color: #6c757d;
}
.m\:hover\:border-success:hover {
border-color: #28a745;
}
.m\:hover\:border-info:hover {
border-color: #007bff;
}
.m\:hover\:border-warning:hover {
border-color: #fad733;
}
.m\:hover\:border-danger:hover {
border-color: #dc3545;
}
.m\:hover\:border-light:hover {
border-color: #f8f9fa;
}
.m\:hover\:border-dark:hover {
border-color: #343a40;
}
.m\:hover\:border-gray-50:hover {
border-color: #f9fafb;
}
.m\:hover\:border-gray-100:hover {
border-color: #f3f4f6;
}
.m\:hover\:border-gray-200:hover {
border-color: #e5e7eb;
}
.m\:hover\:border-gray-300:hover {
border-color: #d1d5db;
}
.m\:hover\:border-gray-400:hover {
border-color: #9ca3af;
}
.m\:hover\:border-gray-500:hover {
border-color: #6b7280;
}
.m\:hover\:border-gray-600:hover {
border-color: #4b5563;
}
.m\:hover\:border-gray-700:hover {
border-color: #374151;
}
.m\:hover\:border-gray-800:hover {
border-color: #1f2937;
}
.m\:hover\:border-gray-900:hover {
border-color: #111827;
}
.m\:hover\:border-red-50:hover {
border-color: #fef2f2;
}
.m\:hover\:border-red-100:hover {
border-color: #fee2e2;
}
.m\:hover\:border-red-200:hover {
border-color: #fecaca;
}
.m\:hover\:border-red-300:hover {
border-color: #fca5a5;
}
.m\:hover\:border-red-400:hover {
border-color: #f87171;
}
.m\:hover\:border-red-500:hover {
border-color: #ef4444;
}
.m\:hover\:border-red-600:hover {
border-color: #dc2626;
}
.m\:hover\:border-red-700:hover {
border-color: #b91c1c;
}
.m\:hover\:border-red-800:hover {
border-color: #991b1b;
}
.m\:hover\:border-red-900:hover {
border-color: #7f1d1d;
}
.m\:hover\:border-yellow-50:hover {
border-color: #fffbeb;
}
.m\:hover\:border-yellow-100:hover {
border-color: #fef3c7;
}
.m\:hover\:border-yellow-200:hover {
border-color: #fde68a;
}
.m\:hover\:border-yellow-300:hover {
border-color: #fcd34d;
}
.m\:hover\:border-yellow-400:hover {
border-color: #fbbf24;
}
.m\:hover\:border-yellow-500:hover {
border-color: #f59e0b;
}
.m\:hover\:border-yellow-600:hover {
border-color: #d97706;
}
.m\:hover\:border-yellow-700:hover {
border-color: #b45309;
}
.m\:hover\:border-yellow-800:hover {
border-color: #92400e;
}
.m\:hover\:border-yellow-900:hover {
border-color: #78350f;
}
.m\:hover\:border-green-50:hover {
border-color: #ecfdf5;
}
.m\:hover\:border-green-100:hover {
border-color: #d1fae5;
}
.m\:hover\:border-green-200:hover {
border-color: #a7f3d0;
}
.m\:hover\:border-green-300:hover {
border-color: #6ee7b7;
}
.m\:hover\:border-green-400:hover {
border-color: #34d399;
}
.m\:hover\:border-green-500:hover {
border-color: #10b981;
}
.m\:hover\:border-green-600:hover {
border-color: #059669;
}
.m\:hover\:border-green-700:hover {
border-color: #047857;
}
.m\:hover\:border-green-800:hover {
border-color: #065f46;
}
.m\:hover\:border-green-900:hover {
border-color: #064e3b;
}
.m\:hover\:border-blue-50:hover {
border-color: #eff6ff;
}
.m\:hover\:border-blue-100:hover {
border-color: #dbeafe;
}
.m\:hover\:border-blue-200:hover {
border-color: #bfdbfe;
}
.m\:hover\:border-blue-300:hover {
border-color: #93c5fd;
}
.m\:hover\:border-blue-400:hover {
border-color: #60a5fa;
}
.m\:hover\:border-blue-500:hover {
border-color: #3b82f6;
}
.m\:hover\:border-blue-600:hover {
border-color: #2563eb;
}
.m\:hover\:border-blue-700:hover {
border-color: #1d4ed8;
}
.m\:hover\:border-blue-800:hover {
border-color: #1e40af;
}
.m\:hover\:border-blue-900:hover {
border-color: #1e3a8a;
}
.m\:hover\:border-cyan-50:hover {
border-color: #ecfeff;
}
.m\:hover\:border-cyan-100:hover {
border-color: #cffafe;
}
.m\:hover\:border-cyan-200:hover {
border-color: #a5f3fc;
}
.m\:hover\:border-cyan-300:hover {
border-color: #67e8f9;
}
.m\:hover\:border-cyan-400:hover {
border-color: #22d3ee;
}
.m\:hover\:border-cyan-500:hover {
border-color: #06b6d4;
}
.m\:hover\:border-cyan-600:hover {
border-color: #0891b2;
}
.m\:hover\:border-cyan-700:hover {
border-color: #0e7490;
}
.m\:hover\:border-cyan-800:hover {
border-color: #155e75;
}
.m\:hover\:border-cyan-900:hover {
border-color: #164e63;
}
.m\:hover\:border-indigo-50:hover {
border-color: #eef2ff;
}
.m\:hover\:border-indigo-100:hover {
border-color: #e0e7ff;
}
.m\:hover\:border-indigo-200:hover {
border-color: #c7d2fe;
}
.m\:hover\:border-indigo-300:hover {
border-color: #a5b4fc;
}
.m\:hover\:border-indigo-400:hover {
border-color: #818cf8;
}
.m\:hover\:border-indigo-500:hover {
border-color: #6366f1;
}
.m\:hover\:border-indigo-600:hover {
border-color: #4f46e5;
}
.m\:hover\:border-indigo-700:hover {
border-color: #4338ca;
}
.m\:hover\:border-indigo-800:hover {
border-color: #3730a3;
}
.m\:hover\:border-indigo-900:hover {
border-color: #312e81;
}
.m\:hover\:border-purple-50:hover {
border-color: #f5f3ff;
}
.m\:hover\:border-purple-100:hover {
border-color: #ede9fe;
}
.m\:hover\:border-purple-200:hover {
border-color: #ddd6fe;
}
.m\:hover\:border-purple-300:hover {
border-color: #c4b5fd;
}
.m\:hover\:border-purple-400:hover {
border-color: #a78bfa;
}
.m\:hover\:border-purple-500:hover {
border-color: #8b5cf6;
}
.m\:hover\:border-purple-600:hover {
border-color: #7c3aed;
}
.m\:hover\:border-purple-700:hover {
border-color: #6d28d9;
}
.m\:hover\:border-purple-800:hover {
border-color: #5b21b6;
}
.m\:hover\:border-purple-900:hover {
border-color: #4c1d95;
}
.m\:hover\:border-pink-50:hover {
border-color: #fdf2f8;
}
.m\:hover\:border-pink-100:hover {
border-color: #fce7f3;
}
.m\:hover\:border-pink-200:hover {
border-color: #fbcfe8;
}
.m\:hover\:border-pink-300:hover {
border-color: #f9a8d4;
}
.m\:hover\:border-pink-400:hover {
border-color: #f472b6;
}
.m\:hover\:border-pink-500:hover {
border-color: #ec4899;
}
.m\:hover\:border-pink-600:hover {
border-color: #db2777;
}
.m\:hover\:border-pink-700:hover {
border-color: #be185d;
}
.m\:hover\:border-pink-800:hover {
border-color: #9d174d;
}
.m\:hover\:border-pink-900:hover {
border-color: #831843;
}
.m\:active\:border-black.is-active,
.m\:active\:border-black:active {
border-color: #000;
}
.m\:active\:border-white.is-active,
.m\:active\:border-white:active {
border-color: #fff;
}
.m\:active\:border-primary.is-active,
.m\:active\:border-primary:active {
border-color: #007bff;
}
.m\:active\:border-secondary.is-active,
.m\:active\:border-secondary:active {
border-color: #6c757d;
}
.m\:active\:border-success.is-active,
.m\:active\:border-success:active {
border-color: #28a745;
}
.m\:active\:border-info.is-active,
.m\:active\:border-info:active {
border-color: #007bff;
}
.m\:active\:border-warning.is-active,
.m\:active\:border-warning:active {
border-color: #fad733;
}
.m\:active\:border-danger.is-active,
.m\:active\:border-danger:active {
border-color: #dc3545;
}
.m\:active\:border-light.is-active,
.m\:active\:border-light:active {
border-color: #f8f9fa;
}
.m\:active\:border-dark.is-active,
.m\:active\:border-dark:active {
border-color: #343a40;
}
.m\:active\:border-gray-50.is-active,
.m\:active\:border-gray-50:active {
border-color: #f9fafb;
}
.m\:active\:border-gray-100.is-active,
.m\:active\:border-gray-100:active {
border-color: #f3f4f6;
}
.m\:active\:border-gray-200.is-active,
.m\:active\:border-gray-200:active {
border-color: #e5e7eb;
}
.m\:active\:border-gray-300.is-active,
.m\:active\:border-gray-300:active {
border-color: #d1d5db;
}
.m\:active\:border-gray-400.is-active,
.m\:active\:border-gray-400:active {
border-color: #9ca3af;
}
.m\:active\:border-gray-500.is-active,
.m\:active\:border-gray-500:active {
border-color: #6b7280;
}
.m\:active\:border-gray-600.is-active,
.m\:active\:border-gray-600:active {
border-color: #4b5563;
}
.m\:active\:border-gray-700.is-active,
.m\:active\:border-gray-700:active {
border-color: #374151;
}
.m\:active\:border-gray-800.is-active,
.m\:active\:border-gray-800:active {
border-color: #1f2937;
}
.m\:active\:border-gray-900.is-active,
.m\:active\:border-gray-900:active {
border-color: #111827;
}
.m\:active\:border-red-50.is-active,
.m\:active\:border-red-50:active {
border-color: #fef2f2;
}
.m\:active\:border-red-100.is-active,
.m\:active\:border-red-100:active {
border-color: #fee2e2;
}
.m\:active\:border-red-200.is-active,
.m\:active\:border-red-200:active {
border-color: #fecaca;
}
.m\:active\:border-red-300.is-active,
.m\:active\:border-red-300:active {
border-color: #fca5a5;
}
.m\:active\:border-red-400.is-active,
.m\:active\:border-red-400:active {
border-color: #f87171;
}
.m\:active\:border-red-500.is-active,
.m\:active\:border-red-500:active {
border-color: #ef4444;
}
.m\:active\:border-red-600.is-active,
.m\:active\:border-red-600:active {
border-color: #dc2626;
}
.m\:active\:border-red-700.is-active,
.m\:active\:border-red-700:active {
border-color: #b91c1c;
}
.m\:active\:border-red-800.is-active,
.m\:active\:border-red-800:active {
border-color: #991b1b;
}
.m\:active\:border-red-900.is-active,
.m\:active\:border-red-900:active {
border-color: #7f1d1d;
}
.m\:active\:border-yellow-50.is-active,
.m\:active\:border-yellow-50:active {
border-color: #fffbeb;
}
.m\:active\:border-yellow-100.is-active,
.m\:active\:border-yellow-100:active {
border-color: #fef3c7;
}
.m\:active\:border-yellow-200.is-active,
.m\:active\:border-yellow-200:active {
border-color: #fde68a;
}
.m\:active\:border-yellow-300.is-active,
.m\:active\:border-yellow-300:active {
border-color: #fcd34d;
}
.m\:active\:border-yellow-400.is-active,
.m\:active\:border-yellow-400:active {
border-color: #fbbf24;
}
.m\:active\:border-yellow-500.is-active,
.m\:active\:border-yellow-500:active {
border-color: #f59e0b;
}
.m\:active\:border-yellow-600.is-active,
.m\:active\:border-yellow-600:active {
border-color: #d97706;
}
.m\:active\:border-yellow-700.is-active,
.m\:active\:border-yellow-700:active {
border-color: #b45309;
}
.m\:active\:border-yellow-800.is-active,
.m\:active\:border-yellow-800:active {
border-color: #92400e;
}
.m\:active\:border-yellow-900.is-active,
.m\:active\:border-yellow-900:active {
border-color: #78350f;
}
.m\:active\:border-green-50.is-active,
.m\:active\:border-green-50:active {
border-color: #ecfdf5;
}
.m\:active\:border-green-100.is-active,
.m\:active\:border-green-100:active {
border-color: #d1fae5;
}
.m\:active\:border-green-200.is-active,
.m\:active\:border-green-200:active {
border-color: #a7f3d0;
}
.m\:active\:border-green-300.is-active,
.m\:active\:border-green-300:active {
border-color: #6ee7b7;
}
.m\:active\:border-green-400.is-active,
.m\:active\:border-green-400:active {
border-color: #34d399;
}
.m\:active\:border-green-500.is-active,
.m\:active\:border-green-500:active {
border-color: #10b981;
}
.m\:active\:border-green-600.is-active,
.m\:active\:border-green-600:active {
border-color: #059669;
}
.m\:active\:border-green-700.is-active,
.m\:active\:border-green-700:active {
border-color: #047857;
}
.m\:active\:border-green-800.is-active,
.m\:active\:border-green-800:active {
border-color: #065f46;
}
.m\:active\:border-green-900.is-active,
.m\:active\:border-green-900:active {
border-color: #064e3b;
}
.m\:active\:border-blue-50.is-active,
.m\:active\:border-blue-50:active {
border-color: #eff6ff;
}
.m\:active\:border-blue-100.is-active,
.m\:active\:border-blue-100:active {
border-color: #dbeafe;
}
.m\:active\:border-blue-200.is-active,
.m\:active\:border-blue-200:active {
border-color: #bfdbfe;
}
.m\:active\:border-blue-300.is-active,
.m\:active\:border-blue-300:active {
border-color: #93c5fd;
}
.m\:active\:border-blue-400.is-active,
.m\:active\:border-blue-400:active {
border-color: #60a5fa;
}
.m\:active\:border-blue-500.is-active,
.m\:active\:border-blue-500:active {
border-color: #3b82f6;
}
.m\:active\:border-blue-600.is-active,
.m\:active\:border-blue-600:active {
border-color: #2563eb;
}
.m\:active\:border-blue-700.is-active,
.m\:active\:border-blue-700:active {
border-color: #1d4ed8;
}
.m\:active\:border-blue-800.is-active,
.m\:active\:border-blue-800:active {
border-color: #1e40af;
}
.m\:active\:border-blue-900.is-active,
.m\:active\:border-blue-900:active {
border-color: #1e3a8a;
}
.m\:active\:border-cyan-50.is-active,
.m\:active\:border-cyan-50:active {
border-color: #ecfeff;
}
.m\:active\:border-cyan-100.is-active,
.m\:active\:border-cyan-100:active {
border-color: #cffafe;
}
.m\:active\:border-cyan-200.is-active,
.m\:active\:border-cyan-200:active {
border-color: #a5f3fc;
}
.m\:active\:border-cyan-300.is-active,
.m\:active\:border-cyan-300:active {
border-color: #67e8f9;
}
.m\:active\:border-cyan-400.is-active,
.m\:active\:border-cyan-400:active {
border-color: #22d3ee;
}
.m\:active\:border-cyan-500.is-active,
.m\:active\:border-cyan-500:active {
border-color: #06b6d4;
}
.m\:active\:border-cyan-600.is-active,
.m\:active\:border-cyan-600:active {
border-color: #0891b2;
}
.m\:active\:border-cyan-700.is-active,
.m\:active\:border-cyan-700:active {
border-color: #0e7490;
}
.m\:active\:border-cyan-800.is-active,
.m\:active\:border-cyan-800:active {
border-color: #155e75;
}
.m\:active\:border-cyan-900.is-active,
.m\:active\:border-cyan-900:active {
border-color: #164e63;
}
.m\:active\:border-indigo-50.is-active,
.m\:active\:border-indigo-50:active {
border-color: #eef2ff;
}
.m\:active\:border-indigo-100.is-active,
.m\:active\:border-indigo-100:active {
border-color: #e0e7ff;
}
.m\:active\:border-indigo-200.is-active,
.m\:active\:border-indigo-200:active {
border-color: #c7d2fe;
}
.m\:active\:border-indigo-300.is-active,
.m\:active\:border-indigo-300:active {
border-color: #a5b4fc;
}
.m\:active\:border-indigo-400.is-active,
.m\:active\:border-indigo-400:active {
border-color: #818cf8;
}
.m\:active\:border-indigo-500.is-active,
.m\:active\:border-indigo-500:active {
border-color: #6366f1;
}
.m\:active\:border-indigo-600.is-active,
.m\:active\:border-indigo-600:active {
border-color: #4f46e5;
}
.m\:active\:border-indigo-700.is-active,
.m\:active\:border-indigo-700:active {
border-color: #4338ca;
}
.m\:active\:border-indigo-800.is-active,
.m\:active\:border-indigo-800:active {
border-color: #3730a3;
}
.m\:active\:border-indigo-900.is-active,
.m\:active\:border-indigo-900:active {
border-color: #312e81;
}
.m\:active\:border-purple-50.is-active,
.m\:active\:border-purple-50:active {
border-color: #f5f3ff;
}
.m\:active\:border-purple-100.is-active,
.m\:active\:border-purple-100:active {
border-color: #ede9fe;
}
.m\:active\:border-purple-200.is-active,
.m\:active\:border-purple-200:active {
border-color: #ddd6fe;
}
.m\:active\:border-purple-300.is-active,
.m\:active\:border-purple-300:active {
border-color: #c4b5fd;
}
.m\:active\:border-purple-400.is-active,
.m\:active\:border-purple-400:active {
border-color: #a78bfa;
}
.m\:active\:border-purple-500.is-active,
.m\:active\:border-purple-500:active {
border-color: #8b5cf6;
}
.m\:active\:border-purple-600.is-active,
.m\:active\:border-purple-600:active {
border-color: #7c3aed;
}
.m\:active\:border-purple-700.is-active,
.m\:active\:border-purple-700:active {
border-color: #6d28d9;
}
.m\:active\:border-purple-800.is-active,
.m\:active\:border-purple-800:active {
border-color: #5b21b6;
}
.m\:active\:border-purple-900.is-active,
.m\:active\:border-purple-900:active {
border-color: #4c1d95;
}
.m\:active\:border-pink-50.is-active,
.m\:active\:border-pink-50:active {
border-color: #fdf2f8;
}
.m\:active\:border-pink-100.is-active,
.m\:active\:border-pink-100:active {
border-color: #fce7f3;
}
.m\:active\:border-pink-200.is-active,
.m\:active\:border-pink-200:active {
border-color: #fbcfe8;
}
.m\:active\:border-pink-300.is-active,
.m\:active\:border-pink-300:active {
border-color: #f9a8d4;
}
.m\:active\:border-pink-400.is-active,
.m\:active\:border-pink-400:active {
border-color: #f472b6;
}
.m\:active\:border-pink-500.is-active,
.m\:active\:border-pink-500:active {
border-color: #ec4899;
}
.m\:active\:border-pink-600.is-active,
.m\:active\:border-pink-600:active {
border-color: #db2777;
}
.m\:active\:border-pink-700.is-active,
.m\:active\:border-pink-700:active {
border-color: #be185d;
}
.m\:active\:border-pink-800.is-active,
.m\:active\:border-pink-800:active {
border-color: #9d174d;
}
.m\:active\:border-pink-900.is-active,
.m\:active\:border-pink-900:active {
border-color: #831843;
}
.m\:focus\:border-black:focus {
border-color: #000;
}
.m\:focus\:border-white:focus {
border-color: #fff;
}
.m\:focus\:border-primary:focus {
border-color: #007bff;
}
.m\:focus\:border-secondary:focus {
border-color: #6c757d;
}
.m\:focus\:border-success:focus {
border-color: #28a745;
}
.m\:focus\:border-info:focus {
border-color: #007bff;
}
.m\:focus\:border-warning:focus {
border-color: #fad733;
}
.m\:focus\:border-danger:focus {
border-color: #dc3545;
}
.m\:focus\:border-light:focus {
border-color: #f8f9fa;
}
.m\:focus\:border-dark:focus {
border-color: #343a40;
}
.m\:focus\:border-gray-50:focus {
border-color: #f9fafb;
}
.m\:focus\:border-gray-100:focus {
border-color: #f3f4f6;
}
.m\:focus\:border-gray-200:focus {
border-color: #e5e7eb;
}
.m\:focus\:border-gray-300:focus {
border-color: #d1d5db;
}
.m\:focus\:border-gray-400:focus {
border-color: #9ca3af;
}
.m\:focus\:border-gray-500:focus {
border-color: #6b7280;
}
.m\:focus\:border-gray-600:focus {
border-color: #4b5563;
}
.m\:focus\:border-gray-700:focus {
border-color: #374151;
}
.m\:focus\:border-gray-800:focus {
border-color: #1f2937;
}
.m\:focus\:border-gray-900:focus {
border-color: #111827;
}
.m\:focus\:border-red-50:focus {
border-color: #fef2f2;
}
.m\:focus\:border-red-100:focus {
border-color: #fee2e2;
}
.m\:focus\:border-red-200:focus {
border-color: #fecaca;
}
.m\:focus\:border-red-300:focus {
border-color: #fca5a5;
}
.m\:focus\:border-red-400:focus {
border-color: #f87171;
}
.m\:focus\:border-red-500:focus {
border-color: #ef4444;
}
.m\:focus\:border-red-600:focus {
border-color: #dc2626;
}
.m\:focus\:border-red-700:focus {
border-color: #b91c1c;
}
.m\:focus\:border-red-800:focus {
border-color: #991b1b;
}
.m\:focus\:border-red-900:focus {
border-color: #7f1d1d;
}
.m\:focus\:border-yellow-50:focus {
border-color: #fffbeb;
}
.m\:focus\:border-yellow-100:focus {
border-color: #fef3c7;
}
.m\:focus\:border-yellow-200:focus {
border-color: #fde68a;
}
.m\:focus\:border-yellow-300:focus {
border-color: #fcd34d;
}
.m\:focus\:border-yellow-400:focus {
border-color: #fbbf24;
}
.m\:focus\:border-yellow-500:focus {
border-color: #f59e0b;
}
.m\:focus\:border-yellow-600:focus {
border-color: #d97706;
}
.m\:focus\:border-yellow-700:focus {
border-color: #b45309;
}
.m\:focus\:border-yellow-800:focus {
border-color: #92400e;
}
.m\:focus\:border-yellow-900:focus {
border-color: #78350f;
}
.m\:focus\:border-green-50:focus {
border-color: #ecfdf5;
}
.m\:focus\:border-green-100:focus {
border-color: #d1fae5;
}
.m\:focus\:border-green-200:focus {
border-color: #a7f3d0;
}
.m\:focus\:border-green-300:focus {
border-color: #6ee7b7;
}
.m\:focus\:border-green-400:focus {
border-color: #34d399;
}
.m\:focus\:border-green-500:focus {
border-color: #10b981;
}
.m\:focus\:border-green-600:focus {
border-color: #059669;
}
.m\:focus\:border-green-700:focus {
border-color: #047857;
}
.m\:focus\:border-green-800:focus {
border-color: #065f46;
}
.m\:focus\:border-green-900:focus {
border-color: #064e3b;
}
.m\:focus\:border-blue-50:focus {
border-color: #eff6ff;
}
.m\:focus\:border-blue-100:focus {
border-color: #dbeafe;
}
.m\:focus\:border-blue-200:focus {
border-color: #bfdbfe;
}
.m\:focus\:border-blue-300:focus {
border-color: #93c5fd;
}
.m\:focus\:border-blue-400:focus {
border-color: #60a5fa;
}
.m\:focus\:border-blue-500:focus {
border-color: #3b82f6;
}
.m\:focus\:border-blue-600:focus {
border-color: #2563eb;
}
.m\:focus\:border-blue-700:focus {
border-color: #1d4ed8;
}
.m\:focus\:border-blue-800:focus {
border-color: #1e40af;
}
.m\:focus\:border-blue-900:focus {
border-color: #1e3a8a;
}
.m\:focus\:border-cyan-50:focus {
border-color: #ecfeff;
}
.m\:focus\:border-cyan-100:focus {
border-color: #cffafe;
}
.m\:focus\:border-cyan-200:focus {
border-color: #a5f3fc;
}
.m\:focus\:border-cyan-300:focus {
border-color: #67e8f9;
}
.m\:focus\:border-cyan-400:focus {
border-color: #22d3ee;
}
.m\:focus\:border-cyan-500:focus {
border-color: #06b6d4;
}
.m\:focus\:border-cyan-600:focus {
border-color: #0891b2;
}
.m\:focus\:border-cyan-700:focus {
border-color: #0e7490;
}
.m\:focus\:border-cyan-800:focus {
border-color: #155e75;
}
.m\:focus\:border-cyan-900:focus {
border-color: #164e63;
}
.m\:focus\:border-indigo-50:focus {
border-color: #eef2ff;
}
.m\:focus\:border-indigo-100:focus {
border-color: #e0e7ff;
}
.m\:focus\:border-indigo-200:focus {
border-color: #c7d2fe;
}
.m\:focus\:border-indigo-300:focus {
border-color: #a5b4fc;
}
.m\:focus\:border-indigo-400:focus {
border-color: #818cf8;
}
.m\:focus\:border-indigo-500:focus {
border-color: #6366f1;
}
.m\:focus\:border-indigo-600:focus {
border-color: #4f46e5;
}
.m\:focus\:border-indigo-700:focus {
border-color: #4338ca;
}
.m\:focus\:border-indigo-800:focus {
border-color: #3730a3;
}
.m\:focus\:border-indigo-900:focus {
border-color: #312e81;
}
.m\:focus\:border-purple-50:focus {
border-color: #f5f3ff;
}
.m\:focus\:border-purple-100:focus {
border-color: #ede9fe;
}
.m\:focus\:border-purple-200:focus {
border-color: #ddd6fe;
}
.m\:focus\:border-purple-300:focus {
border-color: #c4b5fd;
}
.m\:focus\:border-purple-400:focus {
border-color: #a78bfa;
}
.m\:focus\:border-purple-500:focus {
border-color: #8b5cf6;
}
.m\:focus\:border-purple-600:focus {
border-color: #7c3aed;
}
.m\:focus\:border-purple-700:focus {
border-color: #6d28d9;
}
.m\:focus\:border-purple-800:focus {
border-color: #5b21b6;
}
.m\:focus\:border-purple-900:focus {
border-color: #4c1d95;
}
.m\:focus\:border-pink-50:focus {
border-color: #fdf2f8;
}
.m\:focus\:border-pink-100:focus {
border-color: #fce7f3;
}
.m\:focus\:border-pink-200:focus {
border-color: #fbcfe8;
}
.m\:focus\:border-pink-300:focus {
border-color: #f9a8d4;
}
.m\:focus\:border-pink-400:focus {
border-color: #f472b6;
}
.m\:focus\:border-pink-500:focus {
border-color: #ec4899;
}
.m\:focus\:border-pink-600:focus {
border-color: #db2777;
}
.m\:focus\:border-pink-700:focus {
border-color: #be185d;
}
.m\:focus\:border-pink-800:focus {
border-color: #9d174d;
}
.m\:focus\:border-pink-900:focus {
border-color: #831843;
}
.m\:disabled\:border-black.is-disabled,
.m\:disabled\:border-black:disabled {
border-color: #000;
}
.m\:disabled\:border-white.is-disabled,
.m\:disabled\:border-white:disabled {
border-color: #fff;
}
.m\:disabled\:border-primary.is-disabled,
.m\:disabled\:border-primary:disabled {
border-color: #007bff;
}
.m\:disabled\:border-secondary.is-disabled,
.m\:disabled\:border-secondary:disabled {
border-color: #6c757d;
}
.m\:disabled\:border-success.is-disabled,
.m\:disabled\:border-success:disabled {
border-color: #28a745;
}
.m\:disabled\:border-info.is-disabled,
.m\:disabled\:border-info:disabled {
border-color: #007bff;
}
.m\:disabled\:border-warning.is-disabled,
.m\:disabled\:border-warning:disabled {
border-color: #fad733;
}
.m\:disabled\:border-danger.is-disabled,
.m\:disabled\:border-danger:disabled {
border-color: #dc3545;
}
.m\:disabled\:border-light.is-disabled,
.m\:disabled\:border-light:disabled {
border-color: #f8f9fa;
}
.m\:disabled\:border-dark.is-disabled,
.m\:disabled\:border-dark:disabled {
border-color: #343a40;
}
.m\:disabled\:border-gray-50.is-disabled,
.m\:disabled\:border-gray-50:disabled {
border-color: #f9fafb;
}
.m\:disabled\:border-gray-100.is-disabled,
.m\:disabled\:border-gray-100:disabled {
border-color: #f3f4f6;
}
.m\:disabled\:border-gray-200.is-disabled,
.m\:disabled\:border-gray-200:disabled {
border-color: #e5e7eb;
}
.m\:disabled\:border-gray-300.is-disabled,
.m\:disabled\:border-gray-300:disabled {
border-color: #d1d5db;
}
.m\:disabled\:border-gray-400.is-disabled,
.m\:disabled\:border-gray-400:disabled {
border-color: #9ca3af;
}
.m\:disabled\:border-gray-500.is-disabled,
.m\:disabled\:border-gray-500:disabled {
border-color: #6b7280;
}
.m\:disabled\:border-gray-600.is-disabled,
.m\:disabled\:border-gray-600:disabled {
border-color: #4b5563;
}
.m\:disabled\:border-gray-700.is-disabled,
.m\:disabled\:border-gray-700:disabled {
border-color: #374151;
}
.m\:disabled\:border-gray-800.is-disabled,
.m\:disabled\:border-gray-800:disabled {
border-color: #1f2937;
}
.m\:disabled\:border-gray-900.is-disabled,
.m\:disabled\:border-gray-900:disabled {
border-color: #111827;
}
.m\:disabled\:border-red-50.is-disabled,
.m\:disabled\:border-red-50:disabled {
border-color: #fef2f2;
}
.m\:disabled\:border-red-100.is-disabled,
.m\:disabled\:border-red-100:disabled {
border-color: #fee2e2;
}
.m\:disabled\:border-red-200.is-disabled,
.m\:disabled\:border-red-200:disabled {
border-color: #fecaca;
}
.m\:disabled\:border-red-300.is-disabled,
.m\:disabled\:border-red-300:disabled {
border-color: #fca5a5;
}
.m\:disabled\:border-red-400.is-disabled,
.m\:disabled\:border-red-400:disabled {
border-color: #f87171;
}
.m\:disabled\:border-red-500.is-disabled,
.m\:disabled\:border-red-500:disabled {
border-color: #ef4444;
}
.m\:disabled\:border-red-600.is-disabled,
.m\:disabled\:border-red-600:disabled {
border-color: #dc2626;
}
.m\:disabled\:border-red-700.is-disabled,
.m\:disabled\:border-red-700:disabled {
border-color: #b91c1c;
}
.m\:disabled\:border-red-800.is-disabled,
.m\:disabled\:border-red-800:disabled {
border-color: #991b1b;
}
.m\:disabled\:border-red-900.is-disabled,
.m\:disabled\:border-red-900:disabled {
border-color: #7f1d1d;
}
.m\:disabled\:border-yellow-50.is-disabled,
.m\:disabled\:border-yellow-50:disabled {
border-color: #fffbeb;
}
.m\:disabled\:border-yellow-100.is-disabled,
.m\:disabled\:border-yellow-100:disabled {
border-color: #fef3c7;
}
.m\:disabled\:border-yellow-200.is-disabled,
.m\:disabled\:border-yellow-200:disabled {
border-color: #fde68a;
}
.m\:disabled\:border-yellow-300.is-disabled,
.m\:disabled\:border-yellow-300:disabled {
border-color: #fcd34d;
}
.m\:disabled\:border-yellow-400.is-disabled,
.m\:disabled\:border-yellow-400:disabled {
border-color: #fbbf24;
}
.m\:disabled\:border-yellow-500.is-disabled,
.m\:disabled\:border-yellow-500:disabled {
border-color: #f59e0b;
}
.m\:disabled\:border-yellow-600.is-disabled,
.m\:disabled\:border-yellow-600:disabled {
border-color: #d97706;
}
.m\:disabled\:border-yellow-700.is-disabled,
.m\:disabled\:border-yellow-700:disabled {
border-color: #b45309;
}
.m\:disabled\:border-yellow-800.is-disabled,
.m\:disabled\:border-yellow-800:disabled {
border-color: #92400e;
}
.m\:disabled\:border-yellow-900.is-disabled,
.m\:disabled\:border-yellow-900:disabled {
border-color: #78350f;
}
.m\:disabled\:border-green-50.is-disabled,
.m\:disabled\:border-green-50:disabled {
border-color: #ecfdf5;
}
.m\:disabled\:border-green-100.is-disabled,
.m\:disabled\:border-green-100:disabled {
border-color: #d1fae5;
}
.m\:disabled\:border-green-200.is-disabled,
.m\:disabled\:border-green-200:disabled {
border-color: #a7f3d0;
}
.m\:disabled\:border-green-300.is-disabled,
.m\:disabled\:border-green-300:disabled {
border-color: #6ee7b7;
}
.m\:disabled\:border-green-400.is-disabled,
.m\:disabled\:border-green-400:disabled {
border-color: #34d399;
}
.m\:disabled\:border-green-500.is-disabled,
.m\:disabled\:border-green-500:disabled {
border-color: #10b981;
}
.m\:disabled\:border-green-600.is-disabled,
.m\:disabled\:border-green-600:disabled {
border-color: #059669;
}
.m\:disabled\:border-green-700.is-disabled,
.m\:disabled\:border-green-700:disabled {
border-color: #047857;
}
.m\:disabled\:border-green-800.is-disabled,
.m\:disabled\:border-green-800:disabled {
border-color: #065f46;
}
.m\:disabled\:border-green-900.is-disabled,
.m\:disabled\:border-green-900:disabled {
border-color: #064e3b;
}
.m\:disabled\:border-blue-50.is-disabled,
.m\:disabled\:border-blue-50:disabled {
border-color: #eff6ff;
}
.m\:disabled\:border-blue-100.is-disabled,
.m\:disabled\:border-blue-100:disabled {
border-color: #dbeafe;
}
.m\:disabled\:border-blue-200.is-disabled,
.m\:disabled\:border-blue-200:disabled {
border-color: #bfdbfe;
}
.m\:disabled\:border-blue-300.is-disabled,
.m\:disabled\:border-blue-300:disabled {
border-color: #93c5fd;
}
.m\:disabled\:border-blue-400.is-disabled,
.m\:disabled\:border-blue-400:disabled {
border-color: #60a5fa;
}
.m\:disabled\:border-blue-500.is-disabled,
.m\:disabled\:border-blue-500:disabled {
border-color: #3b82f6;
}
.m\:disabled\:border-blue-600.is-disabled,
.m\:disabled\:border-blue-600:disabled {
border-color: #2563eb;
}
.m\:disabled\:border-blue-700.is-disabled,
.m\:disabled\:border-blue-700:disabled {
border-color: #1d4ed8;
}
.m\:disabled\:border-blue-800.is-disabled,
.m\:disabled\:border-blue-800:disabled {
border-color: #1e40af;
}
.m\:disabled\:border-blue-900.is-disabled,
.m\:disabled\:border-blue-900:disabled {
border-color: #1e3a8a;
}
.m\:disabled\:border-cyan-50.is-disabled,
.m\:disabled\:border-cyan-50:disabled {
border-color: #ecfeff;
}
.m\:disabled\:border-cyan-100.is-disabled,
.m\:disabled\:border-cyan-100:disabled {
border-color: #cffafe;
}
.m\:disabled\:border-cyan-200.is-disabled,
.m\:disabled\:border-cyan-200:disabled {
border-color: #a5f3fc;
}
.m\:disabled\:border-cyan-300.is-disabled,
.m\:disabled\:border-cyan-300:disabled {
border-color: #67e8f9;
}
.m\:disabled\:border-cyan-400.is-disabled,
.m\:disabled\:border-cyan-400:disabled {
border-color: #22d3ee;
}
.m\:disabled\:border-cyan-500.is-disabled,
.m\:disabled\:border-cyan-500:disabled {
border-color: #06b6d4;
}
.m\:disabled\:border-cyan-600.is-disabled,
.m\:disabled\:border-cyan-600:disabled {
border-color: #0891b2;
}
.m\:disabled\:border-cyan-700.is-disabled,
.m\:disabled\:border-cyan-700:disabled {
border-color: #0e7490;
}
.m\:disabled\:border-cyan-800.is-disabled,
.m\:disabled\:border-cyan-800:disabled {
border-color: #155e75;
}
.m\:disabled\:border-cyan-900.is-disabled,
.m\:disabled\:border-cyan-900:disabled {
border-color: #164e63;
}
.m\:disabled\:border-indigo-50.is-disabled,
.m\:disabled\:border-indigo-50:disabled {
border-color: #eef2ff;
}
.m\:disabled\:border-indigo-100.is-disabled,
.m\:disabled\:border-indigo-100:disabled {
border-color: #e0e7ff;
}
.m\:disabled\:border-indigo-200.is-disabled,
.m\:disabled\:border-indigo-200:disabled {
border-color: #c7d2fe;
}
.m\:disabled\:border-indigo-300.is-disabled,
.m\:disabled\:border-indigo-300:disabled {
border-color: #a5b4fc;
}
.m\:disabled\:border-indigo-400.is-disabled,
.m\:disabled\:border-indigo-400:disabled {
border-color: #818cf8;
}
.m\:disabled\:border-indigo-500.is-disabled,
.m\:disabled\:border-indigo-500:disabled {
border-color: #6366f1;
}
.m\:disabled\:border-indigo-600.is-disabled,
.m\:disabled\:border-indigo-600:disabled {
border-color: #4f46e5;
}
.m\:disabled\:border-indigo-700.is-disabled,
.m\:disabled\:border-indigo-700:disabled {
border-color: #4338ca;
}
.m\:disabled\:border-indigo-800.is-disabled,
.m\:disabled\:border-indigo-800:disabled {
border-color: #3730a3;
}
.m\:disabled\:border-indigo-900.is-disabled,
.m\:disabled\:border-indigo-900:disabled {
border-color: #312e81;
}
.m\:disabled\:border-purple-50.is-disabled,
.m\:disabled\:border-purple-50:disabled {
border-color: #f5f3ff;
}
.m\:disabled\:border-purple-100.is-disabled,
.m\:disabled\:border-purple-100:disabled {
border-color: #ede9fe;
}
.m\:disabled\:border-purple-200.is-disabled,
.m\:disabled\:border-purple-200:disabled {
border-color: #ddd6fe;
}
.m\:disabled\:border-purple-300.is-disabled,
.m\:disabled\:border-purple-300:disabled {
border-color: #c4b5fd;
}
.m\:disabled\:border-purple-400.is-disabled,
.m\:disabled\:border-purple-400:disabled {
border-color: #a78bfa;
}
.m\:disabled\:border-purple-500.is-disabled,
.m\:disabled\:border-purple-500:disabled {
border-color: #8b5cf6;
}
.m\:disabled\:border-purple-600.is-disabled,
.m\:disabled\:border-purple-600:disabled {
border-color: #7c3aed;
}
.m\:disabled\:border-purple-700.is-disabled,
.m\:disabled\:border-purple-700:disabled {
border-color: #6d28d9;
}
.m\:disabled\:border-purple-800.is-disabled,
.m\:disabled\:border-purple-800:disabled {
border-color: #5b21b6;
}
.m\:disabled\:border-purple-900.is-disabled,
.m\:disabled\:border-purple-900:disabled {
border-color: #4c1d95;
}
.m\:disabled\:border-pink-50.is-disabled,
.m\:disabled\:border-pink-50:disabled {
border-color: #fdf2f8;
}
.m\:disabled\:border-pink-100.is-disabled,
.m\:disabled\:border-pink-100:disabled {
border-color: #fce7f3;
}
.m\:disabled\:border-pink-200.is-disabled,
.m\:disabled\:border-pink-200:disabled {
border-color: #fbcfe8;
}
.m\:disabled\:border-pink-300.is-disabled,
.m\:disabled\:border-pink-300:disabled {
border-color: #f9a8d4;
}
.m\:disabled\:border-pink-400.is-disabled,
.m\:disabled\:border-pink-400:disabled {
border-color: #f472b6;
}
.m\:disabled\:border-pink-500.is-disabled,
.m\:disabled\:border-pink-500:disabled {
border-color: #ec4899;
}
.m\:disabled\:border-pink-600.is-disabled,
.m\:disabled\:border-pink-600:disabled {
border-color: #db2777;
}
.m\:disabled\:border-pink-700.is-disabled,
.m\:disabled\:border-pink-700:disabled {
border-color: #be185d;
}
.m\:disabled\:border-pink-800.is-disabled,
.m\:disabled\:border-pink-800:disabled {
border-color: #9d174d;
}
.m\:disabled\:border-pink-900.is-disabled,
.m\:disabled\:border-pink-900:disabled {
border-color: #831843;
}
.group:hover .m\:group-hover\:border-black {
border-color: #000;
}
.group:hover .m\:group-hover\:border-white {
border-color: #fff;
}
.group:hover .m\:group-hover\:border-primary {
border-color: #007bff;
}
.group:hover .m\:group-hover\:border-secondary {
border-color: #6c757d;
}
.group:hover .m\:group-hover\:border-success {
border-color: #28a745;
}
.group:hover .m\:group-hover\:border-info {
border-color: #007bff;
}
.group:hover .m\:group-hover\:border-warning {
border-color: #fad733;
}
.group:hover .m\:group-hover\:border-danger {
border-color: #dc3545;
}
.group:hover .m\:group-hover\:border-light {
border-color: #f8f9fa;
}
.group:hover .m\:group-hover\:border-dark {
border-color: #343a40;
}
.group:hover .m\:group-hover\:border-gray-50 {
border-color: #f9fafb;
}
.group:hover .m\:group-hover\:border-gray-100 {
border-color: #f3f4f6;
}
.group:hover .m\:group-hover\:border-gray-200 {
border-color: #e5e7eb;
}
.group:hover .m\:group-hover\:border-gray-300 {
border-color: #d1d5db;
}
.group:hover .m\:group-hover\:border-gray-400 {
border-color: #9ca3af;
}
.group:hover .m\:group-hover\:border-gray-500 {
border-color: #6b7280;
}
.group:hover .m\:group-hover\:border-gray-600 {
border-color: #4b5563;
}
.group:hover .m\:group-hover\:border-gray-700 {
border-color: #374151;
}
.group:hover .m\:group-hover\:border-gray-800 {
border-color: #1f2937;
}
.group:hover .m\:group-hover\:border-gray-900 {
border-color: #111827;
}
.group:hover .m\:group-hover\:border-red-50 {
border-color: #fef2f2;
}
.group:hover .m\:group-hover\:border-red-100 {
border-color: #fee2e2;
}
.group:hover .m\:group-hover\:border-red-200 {
border-color: #fecaca;
}
.group:hover .m\:group-hover\:border-red-300 {
border-color: #fca5a5;
}
.group:hover .m\:group-hover\:border-red-400 {
border-color: #f87171;
}
.group:hover .m\:group-hover\:border-red-500 {
border-color: #ef4444;
}
.group:hover .m\:group-hover\:border-red-600 {
border-color: #dc2626;
}
.group:hover .m\:group-hover\:border-red-700 {
border-color: #b91c1c;
}
.group:hover .m\:group-hover\:border-red-800 {
border-color: #991b1b;
}
.group:hover .m\:group-hover\:border-red-900 {
border-color: #7f1d1d;
}
.group:hover .m\:group-hover\:border-yellow-50 {
border-color: #fffbeb;
}
.group:hover .m\:group-hover\:border-yellow-100 {
border-color: #fef3c7;
}
.group:hover .m\:group-hover\:border-yellow-200 {
border-color: #fde68a;
}
.group:hover .m\:group-hover\:border-yellow-300 {
border-color: #fcd34d;
}
.group:hover .m\:group-hover\:border-yellow-400 {
border-color: #fbbf24;
}
.group:hover .m\:group-hover\:border-yellow-500 {
border-color: #f59e0b;
}
.group:hover .m\:group-hover\:border-yellow-600 {
border-color: #d97706;
}
.group:hover .m\:group-hover\:border-yellow-700 {
border-color: #b45309;
}
.group:hover .m\:group-hover\:border-yellow-800 {
border-color: #92400e;
}
.group:hover .m\:group-hover\:border-yellow-900 {
border-color: #78350f;
}
.group:hover .m\:group-hover\:border-green-50 {
border-color: #ecfdf5;
}
.group:hover .m\:group-hover\:border-green-100 {
border-color: #d1fae5;
}
.group:hover .m\:group-hover\:border-green-200 {
border-color: #a7f3d0;
}
.group:hover .m\:group-hover\:border-green-300 {
border-color: #6ee7b7;
}
.group:hover .m\:group-hover\:border-green-400 {
border-color: #34d399;
}
.group:hover .m\:group-hover\:border-green-500 {
border-color: #10b981;
}
.group:hover .m\:group-hover\:border-green-600 {
border-color: #059669;
}
.group:hover .m\:group-hover\:border-green-700 {
border-color: #047857;
}
.group:hover .m\:group-hover\:border-green-800 {
border-color: #065f46;
}
.group:hover .m\:group-hover\:border-green-900 {
border-color: #064e3b;
}
.group:hover .m\:group-hover\:border-blue-50 {
border-color: #eff6ff;
}
.group:hover .m\:group-hover\:border-blue-100 {
border-color: #dbeafe;
}
.group:hover .m\:group-hover\:border-blue-200 {
border-color: #bfdbfe;
}
.group:hover .m\:group-hover\:border-blue-300 {
border-color: #93c5fd;
}
.group:hover .m\:group-hover\:border-blue-400 {
border-color: #60a5fa;
}
.group:hover .m\:group-hover\:border-blue-500 {
border-color: #3b82f6;
}
.group:hover .m\:group-hover\:border-blue-600 {
border-color: #2563eb;
}
.group:hover .m\:group-hover\:border-blue-700 {
border-color: #1d4ed8;
}
.group:hover .m\:group-hover\:border-blue-800 {
border-color: #1e40af;
}
.group:hover .m\:group-hover\:border-blue-900 {
border-color: #1e3a8a;
}
.group:hover .m\:group-hover\:border-cyan-50 {
border-color: #ecfeff;
}
.group:hover .m\:group-hover\:border-cyan-100 {
border-color: #cffafe;
}
.group:hover .m\:group-hover\:border-cyan-200 {
border-color: #a5f3fc;
}
.group:hover .m\:group-hover\:border-cyan-300 {
border-color: #67e8f9;
}
.group:hover .m\:group-hover\:border-cyan-400 {
border-color: #22d3ee;
}
.group:hover .m\:group-hover\:border-cyan-500 {
border-color: #06b6d4;
}
.group:hover .m\:group-hover\:border-cyan-600 {
border-color: #0891b2;
}
.group:hover .m\:group-hover\:border-cyan-700 {
border-color: #0e7490;
}
.group:hover .m\:group-hover\:border-cyan-800 {
border-color: #155e75;
}
.group:hover .m\:group-hover\:border-cyan-900 {
border-color: #164e63;
}
.group:hover .m\:group-hover\:border-indigo-50 {
border-color: #eef2ff;
}
.group:hover .m\:group-hover\:border-indigo-100 {
border-color: #e0e7ff;
}
.group:hover .m\:group-hover\:border-indigo-200 {
border-color: #c7d2fe;
}
.group:hover .m\:group-hover\:border-indigo-300 {
border-color: #a5b4fc;
}
.group:hover .m\:group-hover\:border-indigo-400 {
border-color: #818cf8;
}
.group:hover .m\:group-hover\:border-indigo-500 {
border-color: #6366f1;
}
.group:hover .m\:group-hover\:border-indigo-600 {
border-color: #4f46e5;
}
.group:hover .m\:group-hover\:border-indigo-700 {
border-color: #4338ca;
}
.group:hover .m\:group-hover\:border-indigo-800 {
border-color: #3730a3;
}
.group:hover .m\:group-hover\:border-indigo-900 {
border-color: #312e81;
}
.group:hover .m\:group-hover\:border-purple-50 {
border-color: #f5f3ff;
}
.group:hover .m\:group-hover\:border-purple-100 {
border-color: #ede9fe;
}
.group:hover .m\:group-hover\:border-purple-200 {
border-color: #ddd6fe;
}
.group:hover .m\:group-hover\:border-purple-300 {
border-color: #c4b5fd;
}
.group:hover .m\:group-hover\:border-purple-400 {
border-color: #a78bfa;
}
.group:hover .m\:group-hover\:border-purple-500 {
border-color: #8b5cf6;
}
.group:hover .m\:group-hover\:border-purple-600 {
border-color: #7c3aed;
}
.group:hover .m\:group-hover\:border-purple-700 {
border-color: #6d28d9;
}
.group:hover .m\:group-hover\:border-purple-800 {
border-color: #5b21b6;
}
.group:hover .m\:group-hover\:border-purple-900 {
border-color: #4c1d95;
}
.group:hover .m\:group-hover\:border-pink-50 {
border-color: #fdf2f8;
}
.group:hover .m\:group-hover\:border-pink-100 {
border-color: #fce7f3;
}
.group:hover .m\:group-hover\:border-pink-200 {
border-color: #fbcfe8;
}
.group:hover .m\:group-hover\:border-pink-300 {
border-color: #f9a8d4;
}
.group:hover .m\:group-hover\:border-pink-400 {
border-color: #f472b6;
}
.group:hover .m\:group-hover\:border-pink-500 {
border-color: #ec4899;
}
.group:hover .m\:group-hover\:border-pink-600 {
border-color: #db2777;
}
.group:hover .m\:group-hover\:border-pink-700 {
border-color: #be185d;
}
.group:hover .m\:group-hover\:border-pink-800 {
border-color: #9d174d;
}
.group:hover .m\:group-hover\:border-pink-900 {
border-color: #831843;
}
}
@media (min-width: 769px) {
.pc\:border-black {
border-color: #000;
}
.pc\:border-white {
border-color: #fff;
}
.pc\:border-primary {
border-color: #007bff;
}
.pc\:border-secondary {
border-color: #6c757d;
}
.pc\:border-success {
border-color: #28a745;
}
.pc\:border-info {
border-color: #007bff;
}
.pc\:border-warning {
border-color: #fad733;
}
.pc\:border-danger {
border-color: #dc3545;
}
.pc\:border-light {
border-color: #f8f9fa;
}
.pc\:border-dark {
border-color: #343a40;
}
.pc\:border-gray-50 {
border-color: #f9fafb;
}
.pc\:border-gray-100 {
border-color: #f3f4f6;
}
.pc\:border-gray-200 {
border-color: #e5e7eb;
}
.pc\:border-gray-300 {
border-color: #d1d5db;
}
.pc\:border-gray-400 {
border-color: #9ca3af;
}
.pc\:border-gray-500 {
border-color: #6b7280;
}
.pc\:border-gray-600 {
border-color: #4b5563;
}
.pc\:border-gray-700 {
border-color: #374151;
}
.pc\:border-gray-800 {
border-color: #1f2937;
}
.pc\:border-gray-900 {
border-color: #111827;
}
.pc\:border-red-50 {
border-color: #fef2f2;
}
.pc\:border-red-100 {
border-color: #fee2e2;
}
.pc\:border-red-200 {
border-color: #fecaca;
}
.pc\:border-red-300 {
border-color: #fca5a5;
}
.pc\:border-red-400 {
border-color: #f87171;
}
.pc\:border-red-500 {
border-color: #ef4444;
}
.pc\:border-red-600 {
border-color: #dc2626;
}
.pc\:border-red-700 {
border-color: #b91c1c;
}
.pc\:border-red-800 {
border-color: #991b1b;
}
.pc\:border-red-900 {
border-color: #7f1d1d;
}
.pc\:border-yellow-50 {
border-color: #fffbeb;
}
.pc\:border-yellow-100 {
border-color: #fef3c7;
}
.pc\:border-yellow-200 {
border-color: #fde68a;
}
.pc\:border-yellow-300 {
border-color: #fcd34d;
}
.pc\:border-yellow-400 {
border-color: #fbbf24;
}
.pc\:border-yellow-500 {
border-color: #f59e0b;
}
.pc\:border-yellow-600 {
border-color: #d97706;
}
.pc\:border-yellow-700 {
border-color: #b45309;
}
.pc\:border-yellow-800 {
border-color: #92400e;
}
.pc\:border-yellow-900 {
border-color: #78350f;
}
.pc\:border-green-50 {
border-color: #ecfdf5;
}
.pc\:border-green-100 {
border-color: #d1fae5;
}
.pc\:border-green-200 {
border-color: #a7f3d0;
}
.pc\:border-green-300 {
border-color: #6ee7b7;
}
.pc\:border-green-400 {
border-color: #34d399;
}
.pc\:border-green-500 {
border-color: #10b981;
}
.pc\:border-green-600 {
border-color: #059669;
}
.pc\:border-green-700 {
border-color: #047857;
}
.pc\:border-green-800 {
border-color: #065f46;
}
.pc\:border-green-900 {
border-color: #064e3b;
}
.pc\:border-blue-50 {
border-color: #eff6ff;
}
.pc\:border-blue-100 {
border-color: #dbeafe;
}
.pc\:border-blue-200 {
border-color: #bfdbfe;
}
.pc\:border-blue-300 {
border-color: #93c5fd;
}
.pc\:border-blue-400 {
border-color: #60a5fa;
}
.pc\:border-blue-500 {
border-color: #3b82f6;
}
.pc\:border-blue-600 {
border-color: #2563eb;
}
.pc\:border-blue-700 {
border-color: #1d4ed8;
}
.pc\:border-blue-800 {
border-color: #1e40af;
}
.pc\:border-blue-900 {
border-color: #1e3a8a;
}
.pc\:border-cyan-50 {
border-color: #ecfeff;
}
.pc\:border-cyan-100 {
border-color: #cffafe;
}
.pc\:border-cyan-200 {
border-color: #a5f3fc;
}
.pc\:border-cyan-300 {
border-color: #67e8f9;
}
.pc\:border-cyan-400 {
border-color: #22d3ee;
}
.pc\:border-cyan-500 {
border-color: #06b6d4;
}
.pc\:border-cyan-600 {
border-color: #0891b2;
}
.pc\:border-cyan-700 {
border-color: #0e7490;
}
.pc\:border-cyan-800 {
border-color: #155e75;
}
.pc\:border-cyan-900 {
border-color: #164e63;
}
.pc\:border-indigo-50 {
border-color: #eef2ff;
}
.pc\:border-indigo-100 {
border-color: #e0e7ff;
}
.pc\:border-indigo-200 {
border-color: #c7d2fe;
}
.pc\:border-indigo-300 {
border-color: #a5b4fc;
}
.pc\:border-indigo-400 {
border-color: #818cf8;
}
.pc\:border-indigo-500 {
border-color: #6366f1;
}
.pc\:border-indigo-600 {
border-color: #4f46e5;
}
.pc\:border-indigo-700 {
border-color: #4338ca;
}
.pc\:border-indigo-800 {
border-color: #3730a3;
}
.pc\:border-indigo-900 {
border-color: #312e81;
}
.pc\:border-purple-50 {
border-color: #f5f3ff;
}
.pc\:border-purple-100 {
border-color: #ede9fe;
}
.pc\:border-purple-200 {
border-color: #ddd6fe;
}
.pc\:border-purple-300 {
border-color: #c4b5fd;
}
.pc\:border-purple-400 {
border-color: #a78bfa;
}
.pc\:border-purple-500 {
border-color: #8b5cf6;
}
.pc\:border-purple-600 {
border-color: #7c3aed;
}
.pc\:border-purple-700 {
border-color: #6d28d9;
}
.pc\:border-purple-800 {
border-color: #5b21b6;
}
.pc\:border-purple-900 {
border-color: #4c1d95;
}
.pc\:border-pink-50 {
border-color: #fdf2f8;
}
.pc\:border-pink-100 {
border-color: #fce7f3;
}
.pc\:border-pink-200 {
border-color: #fbcfe8;
}
.pc\:border-pink-300 {
border-color: #f9a8d4;
}
.pc\:border-pink-400 {
border-color: #f472b6;
}
.pc\:border-pink-500 {
border-color: #ec4899;
}
.pc\:border-pink-600 {
border-color: #db2777;
}
.pc\:border-pink-700 {
border-color: #be185d;
}
.pc\:border-pink-800 {
border-color: #9d174d;
}
.pc\:border-pink-900 {
border-color: #831843;
}
.pc\:hover\:border-black:hover {
border-color: #000;
}
.pc\:hover\:border-white:hover {
border-color: #fff;
}
.pc\:hover\:border-primary:hover {
border-color: #007bff;
}
.pc\:hover\:border-secondary:hover {
border-color: #6c757d;
}
.pc\:hover\:border-success:hover {
border-color: #28a745;
}
.pc\:hover\:border-info:hover {
border-color: #007bff;
}
.pc\:hover\:border-warning:hover {
border-color: #fad733;
}
.pc\:hover\:border-danger:hover {
border-color: #dc3545;
}
.pc\:hover\:border-light:hover {
border-color: #f8f9fa;
}
.pc\:hover\:border-dark:hover {
border-color: #343a40;
}
.pc\:hover\:border-gray-50:hover {
border-color: #f9fafb;
}
.pc\:hover\:border-gray-100:hover {
border-color: #f3f4f6;
}
.pc\:hover\:border-gray-200:hover {
border-color: #e5e7eb;
}
.pc\:hover\:border-gray-300:hover {
border-color: #d1d5db;
}
.pc\:hover\:border-gray-400:hover {
border-color: #9ca3af;
}
.pc\:hover\:border-gray-500:hover {
border-color: #6b7280;
}
.pc\:hover\:border-gray-600:hover {
border-color: #4b5563;
}
.pc\:hover\:border-gray-700:hover {
border-color: #374151;
}
.pc\:hover\:border-gray-800:hover {
border-color: #1f2937;
}
.pc\:hover\:border-gray-900:hover {
border-color: #111827;
}
.pc\:hover\:border-red-50:hover {
border-color: #fef2f2;
}
.pc\:hover\:border-red-100:hover {
border-color: #fee2e2;
}
.pc\:hover\:border-red-200:hover {
border-color: #fecaca;
}
.pc\:hover\:border-red-300:hover {
border-color: #fca5a5;
}
.pc\:hover\:border-red-400:hover {
border-color: #f87171;
}
.pc\:hover\:border-red-500:hover {
border-color: #ef4444;
}
.pc\:hover\:border-red-600:hover {
border-color: #dc2626;
}
.pc\:hover\:border-red-700:hover {
border-color: #b91c1c;
}
.pc\:hover\:border-red-800:hover {
border-color: #991b1b;
}
.pc\:hover\:border-red-900:hover {
border-color: #7f1d1d;
}
.pc\:hover\:border-yellow-50:hover {
border-color: #fffbeb;
}
.pc\:hover\:border-yellow-100:hover {
border-color: #fef3c7;
}
.pc\:hover\:border-yellow-200:hover {
border-color: #fde68a;
}
.pc\:hover\:border-yellow-300:hover {
border-color: #fcd34d;
}
.pc\:hover\:border-yellow-400:hover {
border-color: #fbbf24;
}
.pc\:hover\:border-yellow-500:hover {
border-color: #f59e0b;
}
.pc\:hover\:border-yellow-600:hover {
border-color: #d97706;
}
.pc\:hover\:border-yellow-700:hover {
border-color: #b45309;
}
.pc\:hover\:border-yellow-800:hover {
border-color: #92400e;
}
.pc\:hover\:border-yellow-900:hover {
border-color: #78350f;
}
.pc\:hover\:border-green-50:hover {
border-color: #ecfdf5;
}
.pc\:hover\:border-green-100:hover {
border-color: #d1fae5;
}
.pc\:hover\:border-green-200:hover {
border-color: #a7f3d0;
}
.pc\:hover\:border-green-300:hover {
border-color: #6ee7b7;
}
.pc\:hover\:border-green-400:hover {
border-color: #34d399;
}
.pc\:hover\:border-green-500:hover {
border-color: #10b981;
}
.pc\:hover\:border-green-600:hover {
border-color: #059669;
}
.pc\:hover\:border-green-700:hover {
border-color: #047857;
}
.pc\:hover\:border-green-800:hover {
border-color: #065f46;
}
.pc\:hover\:border-green-900:hover {
border-color: #064e3b;
}
.pc\:hover\:border-blue-50:hover {
border-color: #eff6ff;
}
.pc\:hover\:border-blue-100:hover {
border-color: #dbeafe;
}
.pc\:hover\:border-blue-200:hover {
border-color: #bfdbfe;
}
.pc\:hover\:border-blue-300:hover {
border-color: #93c5fd;
}
.pc\:hover\:border-blue-400:hover {
border-color: #60a5fa;
}
.pc\:hover\:border-blue-500:hover {
border-color: #3b82f6;
}
.pc\:hover\:border-blue-600:hover {
border-color: #2563eb;
}
.pc\:hover\:border-blue-700:hover {
border-color: #1d4ed8;
}
.pc\:hover\:border-blue-800:hover {
border-color: #1e40af;
}
.pc\:hover\:border-blue-900:hover {
border-color: #1e3a8a;
}
.pc\:hover\:border-cyan-50:hover {
border-color: #ecfeff;
}
.pc\:hover\:border-cyan-100:hover {
border-color: #cffafe;
}
.pc\:hover\:border-cyan-200:hover {
border-color: #a5f3fc;
}
.pc\:hover\:border-cyan-300:hover {
border-color: #67e8f9;
}
.pc\:hover\:border-cyan-400:hover {
border-color: #22d3ee;
}
.pc\:hover\:border-cyan-500:hover {
border-color: #06b6d4;
}
.pc\:hover\:border-cyan-600:hover {
border-color: #0891b2;
}
.pc\:hover\:border-cyan-700:hover {
border-color: #0e7490;
}
.pc\:hover\:border-cyan-800:hover {
border-color: #155e75;
}
.pc\:hover\:border-cyan-900:hover {
border-color: #164e63;
}
.pc\:hover\:border-indigo-50:hover {
border-color: #eef2ff;
}
.pc\:hover\:border-indigo-100:hover {
border-color: #e0e7ff;
}
.pc\:hover\:border-indigo-200:hover {
border-color: #c7d2fe;
}
.pc\:hover\:border-indigo-300:hover {
border-color: #a5b4fc;
}
.pc\:hover\:border-indigo-400:hover {
border-color: #818cf8;
}
.pc\:hover\:border-indigo-500:hover {
border-color: #6366f1;
}
.pc\:hover\:border-indigo-600:hover {
border-color: #4f46e5;
}
.pc\:hover\:border-indigo-700:hover {
border-color: #4338ca;
}
.pc\:hover\:border-indigo-800:hover {
border-color: #3730a3;
}
.pc\:hover\:border-indigo-900:hover {
border-color: #312e81;
}
.pc\:hover\:border-purple-50:hover {
border-color: #f5f3ff;
}
.pc\:hover\:border-purple-100:hover {
border-color: #ede9fe;
}
.pc\:hover\:border-purple-200:hover {
border-color: #ddd6fe;
}
.pc\:hover\:border-purple-300:hover {
border-color: #c4b5fd;
}
.pc\:hover\:border-purple-400:hover {
border-color: #a78bfa;
}
.pc\:hover\:border-purple-500:hover {
border-color: #8b5cf6;
}
.pc\:hover\:border-purple-600:hover {
border-color: #7c3aed;
}
.pc\:hover\:border-purple-700:hover {
border-color: #6d28d9;
}
.pc\:hover\:border-purple-800:hover {
border-color: #5b21b6;
}
.pc\:hover\:border-purple-900:hover {
border-color: #4c1d95;
}
.pc\:hover\:border-pink-50:hover {
border-color: #fdf2f8;
}
.pc\:hover\:border-pink-100:hover {
border-color: #fce7f3;
}
.pc\:hover\:border-pink-200:hover {
border-color: #fbcfe8;
}
.pc\:hover\:border-pink-300:hover {
border-color: #f9a8d4;
}
.pc\:hover\:border-pink-400:hover {
border-color: #f472b6;
}
.pc\:hover\:border-pink-500:hover {
border-color: #ec4899;
}
.pc\:hover\:border-pink-600:hover {
border-color: #db2777;
}
.pc\:hover\:border-pink-700:hover {
border-color: #be185d;
}
.pc\:hover\:border-pink-800:hover {
border-color: #9d174d;
}
.pc\:hover\:border-pink-900:hover {
border-color: #831843;
}
.pc\:active\:border-black.is-active,
.pc\:active\:border-black:active {
border-color: #000;
}
.pc\:active\:border-white.is-active,
.pc\:active\:border-white:active {
border-color: #fff;
}
.pc\:active\:border-primary.is-active,
.pc\:active\:border-primary:active {
border-color: #007bff;
}
.pc\:active\:border-secondary.is-active,
.pc\:active\:border-secondary:active {
border-color: #6c757d;
}
.pc\:active\:border-success.is-active,
.pc\:active\:border-success:active {
border-color: #28a745;
}
.pc\:active\:border-info.is-active,
.pc\:active\:border-info:active {
border-color: #007bff;
}
.pc\:active\:border-warning.is-active,
.pc\:active\:border-warning:active {
border-color: #fad733;
}
.pc\:active\:border-danger.is-active,
.pc\:active\:border-danger:active {
border-color: #dc3545;
}
.pc\:active\:border-light.is-active,
.pc\:active\:border-light:active {
border-color: #f8f9fa;
}
.pc\:active\:border-dark.is-active,
.pc\:active\:border-dark:active {
border-color: #343a40;
}
.pc\:active\:border-gray-50.is-active,
.pc\:active\:border-gray-50:active {
border-color: #f9fafb;
}
.pc\:active\:border-gray-100.is-active,
.pc\:active\:border-gray-100:active {
border-color: #f3f4f6;
}
.pc\:active\:border-gray-200.is-active,
.pc\:active\:border-gray-200:active {
border-color: #e5e7eb;
}
.pc\:active\:border-gray-300.is-active,
.pc\:active\:border-gray-300:active {
border-color: #d1d5db;
}
.pc\:active\:border-gray-400.is-active,
.pc\:active\:border-gray-400:active {
border-color: #9ca3af;
}
.pc\:active\:border-gray-500.is-active,
.pc\:active\:border-gray-500:active {
border-color: #6b7280;
}
.pc\:active\:border-gray-600.is-active,
.pc\:active\:border-gray-600:active {
border-color: #4b5563;
}
.pc\:active\:border-gray-700.is-active,
.pc\:active\:border-gray-700:active {
border-color: #374151;
}
.pc\:active\:border-gray-800.is-active,
.pc\:active\:border-gray-800:active {
border-color: #1f2937;
}
.pc\:active\:border-gray-900.is-active,
.pc\:active\:border-gray-900:active {
border-color: #111827;
}
.pc\:active\:border-red-50.is-active,
.pc\:active\:border-red-50:active {
border-color: #fef2f2;
}
.pc\:active\:border-red-100.is-active,
.pc\:active\:border-red-100:active {
border-color: #fee2e2;
}
.pc\:active\:border-red-200.is-active,
.pc\:active\:border-red-200:active {
border-color: #fecaca;
}
.pc\:active\:border-red-300.is-active,
.pc\:active\:border-red-300:active {
border-color: #fca5a5;
}
.pc\:active\:border-red-400.is-active,
.pc\:active\:border-red-400:active {
border-color: #f87171;
}
.pc\:active\:border-red-500.is-active,
.pc\:active\:border-red-500:active {
border-color: #ef4444;
}
.pc\:active\:border-red-600.is-active,
.pc\:active\:border-red-600:active {
border-color: #dc2626;
}
.pc\:active\:border-red-700.is-active,
.pc\:active\:border-red-700:active {
border-color: #b91c1c;
}
.pc\:active\:border-red-800.is-active,
.pc\:active\:border-red-800:active {
border-color: #991b1b;
}
.pc\:active\:border-red-900.is-active,
.pc\:active\:border-red-900:active {
border-color: #7f1d1d;
}
.pc\:active\:border-yellow-50.is-active,
.pc\:active\:border-yellow-50:active {
border-color: #fffbeb;
}
.pc\:active\:border-yellow-100.is-active,
.pc\:active\:border-yellow-100:active {
border-color: #fef3c7;
}
.pc\:active\:border-yellow-200.is-active,
.pc\:active\:border-yellow-200:active {
border-color: #fde68a;
}
.pc\:active\:border-yellow-300.is-active,
.pc\:active\:border-yellow-300:active {
border-color: #fcd34d;
}
.pc\:active\:border-yellow-400.is-active,
.pc\:active\:border-yellow-400:active {
border-color: #fbbf24;
}
.pc\:active\:border-yellow-500.is-active,
.pc\:active\:border-yellow-500:active {
border-color: #f59e0b;
}
.pc\:active\:border-yellow-600.is-active,
.pc\:active\:border-yellow-600:active {
border-color: #d97706;
}
.pc\:active\:border-yellow-700.is-active,
.pc\:active\:border-yellow-700:active {
border-color: #b45309;
}
.pc\:active\:border-yellow-800.is-active,
.pc\:active\:border-yellow-800:active {
border-color: #92400e;
}
.pc\:active\:border-yellow-900.is-active,
.pc\:active\:border-yellow-900:active {
border-color: #78350f;
}
.pc\:active\:border-green-50.is-active,
.pc\:active\:border-green-50:active {
border-color: #ecfdf5;
}
.pc\:active\:border-green-100.is-active,
.pc\:active\:border-green-100:active {
border-color: #d1fae5;
}
.pc\:active\:border-green-200.is-active,
.pc\:active\:border-green-200:active {
border-color: #a7f3d0;
}
.pc\:active\:border-green-300.is-active,
.pc\:active\:border-green-300:active {
border-color: #6ee7b7;
}
.pc\:active\:border-green-400.is-active,
.pc\:active\:border-green-400:active {
border-color: #34d399;
}
.pc\:active\:border-green-500.is-active,
.pc\:active\:border-green-500:active {
border-color: #10b981;
}
.pc\:active\:border-green-600.is-active,
.pc\:active\:border-green-600:active {
border-color: #059669;
}
.pc\:active\:border-green-700.is-active,
.pc\:active\:border-green-700:active {
border-color: #047857;
}
.pc\:active\:border-green-800.is-active,
.pc\:active\:border-green-800:active {
border-color: #065f46;
}
.pc\:active\:border-green-900.is-active,
.pc\:active\:border-green-900:active {
border-color: #064e3b;
}
.pc\:active\:border-blue-50.is-active,
.pc\:active\:border-blue-50:active {
border-color: #eff6ff;
}
.pc\:active\:border-blue-100.is-active,
.pc\:active\:border-blue-100:active {
border-color: #dbeafe;
}
.pc\:active\:border-blue-200.is-active,
.pc\:active\:border-blue-200:active {
border-color: #bfdbfe;
}
.pc\:active\:border-blue-300.is-active,
.pc\:active\:border-blue-300:active {
border-color: #93c5fd;
}
.pc\:active\:border-blue-400.is-active,
.pc\:active\:border-blue-400:active {
border-color: #60a5fa;
}
.pc\:active\:border-blue-500.is-active,
.pc\:active\:border-blue-500:active {
border-color: #3b82f6;
}
.pc\:active\:border-blue-600.is-active,
.pc\:active\:border-blue-600:active {
border-color: #2563eb;
}
.pc\:active\:border-blue-700.is-active,
.pc\:active\:border-blue-700:active {
border-color: #1d4ed8;
}
.pc\:active\:border-blue-800.is-active,
.pc\:active\:border-blue-800:active {
border-color: #1e40af;
}
.pc\:active\:border-blue-900.is-active,
.pc\:active\:border-blue-900:active {
border-color: #1e3a8a;
}
.pc\:active\:border-cyan-50.is-active,
.pc\:active\:border-cyan-50:active {
border-color: #ecfeff;
}
.pc\:active\:border-cyan-100.is-active,
.pc\:active\:border-cyan-100:active {
border-color: #cffafe;
}
.pc\:active\:border-cyan-200.is-active,
.pc\:active\:border-cyan-200:active {
border-color: #a5f3fc;
}
.pc\:active\:border-cyan-300.is-active,
.pc\:active\:border-cyan-300:active {
border-color: #67e8f9;
}
.pc\:active\:border-cyan-400.is-active,
.pc\:active\:border-cyan-400:active {
border-color: #22d3ee;
}
.pc\:active\:border-cyan-500.is-active,
.pc\:active\:border-cyan-500:active {
border-color: #06b6d4;
}
.pc\:active\:border-cyan-600.is-active,
.pc\:active\:border-cyan-600:active {
border-color: #0891b2;
}
.pc\:active\:border-cyan-700.is-active,
.pc\:active\:border-cyan-700:active {
border-color: #0e7490;
}
.pc\:active\:border-cyan-800.is-active,
.pc\:active\:border-cyan-800:active {
border-color: #155e75;
}
.pc\:active\:border-cyan-900.is-active,
.pc\:active\:border-cyan-900:active {
border-color: #164e63;
}
.pc\:active\:border-indigo-50.is-active,
.pc\:active\:border-indigo-50:active {
border-color: #eef2ff;
}
.pc\:active\:border-indigo-100.is-active,
.pc\:active\:border-indigo-100:active {
border-color: #e0e7ff;
}
.pc\:active\:border-indigo-200.is-active,
.pc\:active\:border-indigo-200:active {
border-color: #c7d2fe;
}
.pc\:active\:border-indigo-300.is-active,
.pc\:active\:border-indigo-300:active {
border-color: #a5b4fc;
}
.pc\:active\:border-indigo-400.is-active,
.pc\:active\:border-indigo-400:active {
border-color: #818cf8;
}
.pc\:active\:border-indigo-500.is-active,
.pc\:active\:border-indigo-500:active {
border-color: #6366f1;
}
.pc\:active\:border-indigo-600.is-active,
.pc\:active\:border-indigo-600:active {
border-color: #4f46e5;
}
.pc\:active\:border-indigo-700.is-active,
.pc\:active\:border-indigo-700:active {
border-color: #4338ca;
}
.pc\:active\:border-indigo-800.is-active,
.pc\:active\:border-indigo-800:active {
border-color: #3730a3;
}
.pc\:active\:border-indigo-900.is-active,
.pc\:active\:border-indigo-900:active {
border-color: #312e81;
}
.pc\:active\:border-purple-50.is-active,
.pc\:active\:border-purple-50:active {
border-color: #f5f3ff;
}
.pc\:active\:border-purple-100.is-active,
.pc\:active\:border-purple-100:active {
border-color: #ede9fe;
}
.pc\:active\:border-purple-200.is-active,
.pc\:active\:border-purple-200:active {
border-color: #ddd6fe;
}
.pc\:active\:border-purple-300.is-active,
.pc\:active\:border-purple-300:active {
border-color: #c4b5fd;
}
.pc\:active\:border-purple-400.is-active,
.pc\:active\:border-purple-400:active {
border-color: #a78bfa;
}
.pc\:active\:border-purple-500.is-active,
.pc\:active\:border-purple-500:active {
border-color: #8b5cf6;
}
.pc\:active\:border-purple-600.is-active,
.pc\:active\:border-purple-600:active {
border-color: #7c3aed;
}
.pc\:active\:border-purple-700.is-active,
.pc\:active\:border-purple-700:active {
border-color: #6d28d9;
}
.pc\:active\:border-purple-800.is-active,
.pc\:active\:border-purple-800:active {
border-color: #5b21b6;
}
.pc\:active\:border-purple-900.is-active,
.pc\:active\:border-purple-900:active {
border-color: #4c1d95;
}
.pc\:active\:border-pink-50.is-active,
.pc\:active\:border-pink-50:active {
border-color: #fdf2f8;
}
.pc\:active\:border-pink-100.is-active,
.pc\:active\:border-pink-100:active {
border-color: #fce7f3;
}
.pc\:active\:border-pink-200.is-active,
.pc\:active\:border-pink-200:active {
border-color: #fbcfe8;
}
.pc\:active\:border-pink-300.is-active,
.pc\:active\:border-pink-300:active {
border-color: #f9a8d4;
}
.pc\:active\:border-pink-400.is-active,
.pc\:active\:border-pink-400:active {
border-color: #f472b6;
}
.pc\:active\:border-pink-500.is-active,
.pc\:active\:border-pink-500:active {
border-color: #ec4899;
}
.pc\:active\:border-pink-600.is-active,
.pc\:active\:border-pink-600:active {
border-color: #db2777;
}
.pc\:active\:border-pink-700.is-active,
.pc\:active\:border-pink-700:active {
border-color: #be185d;
}
.pc\:active\:border-pink-800.is-active,
.pc\:active\:border-pink-800:active {
border-color: #9d174d;
}
.pc\:active\:border-pink-900.is-active,
.pc\:active\:border-pink-900:active {
border-color: #831843;
}
.pc\:focus\:border-black:focus {
border-color: #000;
}
.pc\:focus\:border-white:focus {
border-color: #fff;
}
.pc\:focus\:border-primary:focus {
border-color: #007bff;
}
.pc\:focus\:border-secondary:focus {
border-color: #6c757d;
}
.pc\:focus\:border-success:focus {
border-color: #28a745;
}
.pc\:focus\:border-info:focus {
border-color: #007bff;
}
.pc\:focus\:border-warning:focus {
border-color: #fad733;
}
.pc\:focus\:border-danger:focus {
border-color: #dc3545;
}
.pc\:focus\:border-light:focus {
border-color: #f8f9fa;
}
.pc\:focus\:border-dark:focus {
border-color: #343a40;
}
.pc\:focus\:border-gray-50:focus {
border-color: #f9fafb;
}
.pc\:focus\:border-gray-100:focus {
border-color: #f3f4f6;
}
.pc\:focus\:border-gray-200:focus {
border-color: #e5e7eb;
}
.pc\:focus\:border-gray-300:focus {
border-color: #d1d5db;
}
.pc\:focus\:border-gray-400:focus {
border-color: #9ca3af;
}
.pc\:focus\:border-gray-500:focus {
border-color: #6b7280;
}
.pc\:focus\:border-gray-600:focus {
border-color: #4b5563;
}
.pc\:focus\:border-gray-700:focus {
border-color: #374151;
}
.pc\:focus\:border-gray-800:focus {
border-color: #1f2937;
}
.pc\:focus\:border-gray-900:focus {
border-color: #111827;
}
.pc\:focus\:border-red-50:focus {
border-color: #fef2f2;
}
.pc\:focus\:border-red-100:focus {
border-color: #fee2e2;
}
.pc\:focus\:border-red-200:focus {
border-color: #fecaca;
}
.pc\:focus\:border-red-300:focus {
border-color: #fca5a5;
}
.pc\:focus\:border-red-400:focus {
border-color: #f87171;
}
.pc\:focus\:border-red-500:focus {
border-color: #ef4444;
}
.pc\:focus\:border-red-600:focus {
border-color: #dc2626;
}
.pc\:focus\:border-red-700:focus {
border-color: #b91c1c;
}
.pc\:focus\:border-red-800:focus {
border-color: #991b1b;
}
.pc\:focus\:border-red-900:focus {
border-color: #7f1d1d;
}
.pc\:focus\:border-yellow-50:focus {
border-color: #fffbeb;
}
.pc\:focus\:border-yellow-100:focus {
border-color: #fef3c7;
}
.pc\:focus\:border-yellow-200:focus {
border-color: #fde68a;
}
.pc\:focus\:border-yellow-300:focus {
border-color: #fcd34d;
}
.pc\:focus\:border-yellow-400:focus {
border-color: #fbbf24;
}
.pc\:focus\:border-yellow-500:focus {
border-color: #f59e0b;
}
.pc\:focus\:border-yellow-600:focus {
border-color: #d97706;
}
.pc\:focus\:border-yellow-700:focus {
border-color: #b45309;
}
.pc\:focus\:border-yellow-800:focus {
border-color: #92400e;
}
.pc\:focus\:border-yellow-900:focus {
border-color: #78350f;
}
.pc\:focus\:border-green-50:focus {
border-color: #ecfdf5;
}
.pc\:focus\:border-green-100:focus {
border-color: #d1fae5;
}
.pc\:focus\:border-green-200:focus {
border-color: #a7f3d0;
}
.pc\:focus\:border-green-300:focus {
border-color: #6ee7b7;
}
.pc\:focus\:border-green-400:focus {
border-color: #34d399;
}
.pc\:focus\:border-green-500:focus {
border-color: #10b981;
}
.pc\:focus\:border-green-600:focus {
border-color: #059669;
}
.pc\:focus\:border-green-700:focus {
border-color: #047857;
}
.pc\:focus\:border-green-800:focus {
border-color: #065f46;
}
.pc\:focus\:border-green-900:focus {
border-color: #064e3b;
}
.pc\:focus\:border-blue-50:focus {
border-color: #eff6ff;
}
.pc\:focus\:border-blue-100:focus {
border-color: #dbeafe;
}
.pc\:focus\:border-blue-200:focus {
border-color: #bfdbfe;
}
.pc\:focus\:border-blue-300:focus {
border-color: #93c5fd;
}
.pc\:focus\:border-blue-400:focus {
border-color: #60a5fa;
}
.pc\:focus\:border-blue-500:focus {
border-color: #3b82f6;
}
.pc\:focus\:border-blue-600:focus {
border-color: #2563eb;
}
.pc\:focus\:border-blue-700:focus {
border-color: #1d4ed8;
}
.pc\:focus\:border-blue-800:focus {
border-color: #1e40af;
}
.pc\:focus\:border-blue-900:focus {
border-color: #1e3a8a;
}
.pc\:focus\:border-cyan-50:focus {
border-color: #ecfeff;
}
.pc\:focus\:border-cyan-100:focus {
border-color: #cffafe;
}
.pc\:focus\:border-cyan-200:focus {
border-color: #a5f3fc;
}
.pc\:focus\:border-cyan-300:focus {
border-color: #67e8f9;
}
.pc\:focus\:border-cyan-400:focus {
border-color: #22d3ee;
}
.pc\:focus\:border-cyan-500:focus {
border-color: #06b6d4;
}
.pc\:focus\:border-cyan-600:focus {
border-color: #0891b2;
}
.pc\:focus\:border-cyan-700:focus {
border-color: #0e7490;
}
.pc\:focus\:border-cyan-800:focus {
border-color: #155e75;
}
.pc\:focus\:border-cyan-900:focus {
border-color: #164e63;
}
.pc\:focus\:border-indigo-50:focus {
border-color: #eef2ff;
}
.pc\:focus\:border-indigo-100:focus {
border-color: #e0e7ff;
}
.pc\:focus\:border-indigo-200:focus {
border-color: #c7d2fe;
}
.pc\:focus\:border-indigo-300:focus {
border-color: #a5b4fc;
}
.pc\:focus\:border-indigo-400:focus {
border-color: #818cf8;
}
.pc\:focus\:border-indigo-500:focus {
border-color: #6366f1;
}
.pc\:focus\:border-indigo-600:focus {
border-color: #4f46e5;
}
.pc\:focus\:border-indigo-700:focus {
border-color: #4338ca;
}
.pc\:focus\:border-indigo-800:focus {
border-color: #3730a3;
}
.pc\:focus\:border-indigo-900:focus {
border-color: #312e81;
}
.pc\:focus\:border-purple-50:focus {
border-color: #f5f3ff;
}
.pc\:focus\:border-purple-100:focus {
border-color: #ede9fe;
}
.pc\:focus\:border-purple-200:focus {
border-color: #ddd6fe;
}
.pc\:focus\:border-purple-300:focus {
border-color: #c4b5fd;
}
.pc\:focus\:border-purple-400:focus {
border-color: #a78bfa;
}
.pc\:focus\:border-purple-500:focus {
border-color: #8b5cf6;
}
.pc\:focus\:border-purple-600:focus {
border-color: #7c3aed;
}
.pc\:focus\:border-purple-700:focus {
border-color: #6d28d9;
}
.pc\:focus\:border-purple-800:focus {
border-color: #5b21b6;
}
.pc\:focus\:border-purple-900:focus {
border-color: #4c1d95;
}
.pc\:focus\:border-pink-50:focus {
border-color: #fdf2f8;
}
.pc\:focus\:border-pink-100:focus {
border-color: #fce7f3;
}
.pc\:focus\:border-pink-200:focus {
border-color: #fbcfe8;
}
.pc\:focus\:border-pink-300:focus {
border-color: #f9a8d4;
}
.pc\:focus\:border-pink-400:focus {
border-color: #f472b6;
}
.pc\:focus\:border-pink-500:focus {
border-color: #ec4899;
}
.pc\:focus\:border-pink-600:focus {
border-color: #db2777;
}
.pc\:focus\:border-pink-700:focus {
border-color: #be185d;
}
.pc\:focus\:border-pink-800:focus {
border-color: #9d174d;
}
.pc\:focus\:border-pink-900:focus {
border-color: #831843;
}
.pc\:disabled\:border-black.is-disabled,
.pc\:disabled\:border-black:disabled {
border-color: #000;
}
.pc\:disabled\:border-white.is-disabled,
.pc\:disabled\:border-white:disabled {
border-color: #fff;
}
.pc\:disabled\:border-primary.is-disabled,
.pc\:disabled\:border-primary:disabled {
border-color: #007bff;
}
.pc\:disabled\:border-secondary.is-disabled,
.pc\:disabled\:border-secondary:disabled {
border-color: #6c757d;
}
.pc\:disabled\:border-success.is-disabled,
.pc\:disabled\:border-success:disabled {
border-color: #28a745;
}
.pc\:disabled\:border-info.is-disabled,
.pc\:disabled\:border-info:disabled {
border-color: #007bff;
}
.pc\:disabled\:border-warning.is-disabled,
.pc\:disabled\:border-warning:disabled {
border-color: #fad733;
}
.pc\:disabled\:border-danger.is-disabled,
.pc\:disabled\:border-danger:disabled {
border-color: #dc3545;
}
.pc\:disabled\:border-light.is-disabled,
.pc\:disabled\:border-light:disabled {
border-color: #f8f9fa;
}
.pc\:disabled\:border-dark.is-disabled,
.pc\:disabled\:border-dark:disabled {
border-color: #343a40;
}
.pc\:disabled\:border-gray-50.is-disabled,
.pc\:disabled\:border-gray-50:disabled {
border-color: #f9fafb;
}
.pc\:disabled\:border-gray-100.is-disabled,
.pc\:disabled\:border-gray-100:disabled {
border-color: #f3f4f6;
}
.pc\:disabled\:border-gray-200.is-disabled,
.pc\:disabled\:border-gray-200:disabled {
border-color: #e5e7eb;
}
.pc\:disabled\:border-gray-300.is-disabled,
.pc\:disabled\:border-gray-300:disabled {
border-color: #d1d5db;
}
.pc\:disabled\:border-gray-400.is-disabled,
.pc\:disabled\:border-gray-400:disabled {
border-color: #9ca3af;
}
.pc\:disabled\:border-gray-500.is-disabled,
.pc\:disabled\:border-gray-500:disabled {
border-color: #6b7280;
}
.pc\:disabled\:border-gray-600.is-disabled,
.pc\:disabled\:border-gray-600:disabled {
border-color: #4b5563;
}
.pc\:disabled\:border-gray-700.is-disabled,
.pc\:disabled\:border-gray-700:disabled {
border-color: #374151;
}
.pc\:disabled\:border-gray-800.is-disabled,
.pc\:disabled\:border-gray-800:disabled {
border-color: #1f2937;
}
.pc\:disabled\:border-gray-900.is-disabled,
.pc\:disabled\:border-gray-900:disabled {
border-color: #111827;
}
.pc\:disabled\:border-red-50.is-disabled,
.pc\:disabled\:border-red-50:disabled {
border-color: #fef2f2;
}
.pc\:disabled\:border-red-100.is-disabled,
.pc\:disabled\:border-red-100:disabled {
border-color: #fee2e2;
}
.pc\:disabled\:border-red-200.is-disabled,
.pc\:disabled\:border-red-200:disabled {
border-color: #fecaca;
}
.pc\:disabled\:border-red-300.is-disabled,
.pc\:disabled\:border-red-300:disabled {
border-color: #fca5a5;
}
.pc\:disabled\:border-red-400.is-disabled,
.pc\:disabled\:border-red-400:disabled {
border-color: #f87171;
}
.pc\:disabled\:border-red-500.is-disabled,
.pc\:disabled\:border-red-500:disabled {
border-color: #ef4444;
}
.pc\:disabled\:border-red-600.is-disabled,
.pc\:disabled\:border-red-600:disabled {
border-color: #dc2626;
}
.pc\:disabled\:border-red-700.is-disabled,
.pc\:disabled\:border-red-700:disabled {
border-color: #b91c1c;
}
.pc\:disabled\:border-red-800.is-disabled,
.pc\:disabled\:border-red-800:disabled {
border-color: #991b1b;
}
.pc\:disabled\:border-red-900.is-disabled,
.pc\:disabled\:border-red-900:disabled {
border-color: #7f1d1d;
}
.pc\:disabled\:border-yellow-50.is-disabled,
.pc\:disabled\:border-yellow-50:disabled {
border-color: #fffbeb;
}
.pc\:disabled\:border-yellow-100.is-disabled,
.pc\:disabled\:border-yellow-100:disabled {
border-color: #fef3c7;
}
.pc\:disabled\:border-yellow-200.is-disabled,
.pc\:disabled\:border-yellow-200:disabled {
border-color: #fde68a;
}
.pc\:disabled\:border-yellow-300.is-disabled,
.pc\:disabled\:border-yellow-300:disabled {
border-color: #fcd34d;
}
.pc\:disabled\:border-yellow-400.is-disabled,
.pc\:disabled\:border-yellow-400:disabled {
border-color: #fbbf24;
}
.pc\:disabled\:border-yellow-500.is-disabled,
.pc\:disabled\:border-yellow-500:disabled {
border-color: #f59e0b;
}
.pc\:disabled\:border-yellow-600.is-disabled,
.pc\:disabled\:border-yellow-600:disabled {
border-color: #d97706;
}
.pc\:disabled\:border-yellow-700.is-disabled,
.pc\:disabled\:border-yellow-700:disabled {
border-color: #b45309;
}
.pc\:disabled\:border-yellow-800.is-disabled,
.pc\:disabled\:border-yellow-800:disabled {
border-color: #92400e;
}
.pc\:disabled\:border-yellow-900.is-disabled,
.pc\:disabled\:border-yellow-900:disabled {
border-color: #78350f;
}
.pc\:disabled\:border-green-50.is-disabled,
.pc\:disabled\:border-green-50:disabled {
border-color: #ecfdf5;
}
.pc\:disabled\:border-green-100.is-disabled,
.pc\:disabled\:border-green-100:disabled {
border-color: #d1fae5;
}
.pc\:disabled\:border-green-200.is-disabled,
.pc\:disabled\:border-green-200:disabled {
border-color: #a7f3d0;
}
.pc\:disabled\:border-green-300.is-disabled,
.pc\:disabled\:border-green-300:disabled {
border-color: #6ee7b7;
}
.pc\:disabled\:border-green-400.is-disabled,
.pc\:disabled\:border-green-400:disabled {
border-color: #34d399;
}
.pc\:disabled\:border-green-500.is-disabled,
.pc\:disabled\:border-green-500:disabled {
border-color: #10b981;
}
.pc\:disabled\:border-green-600.is-disabled,
.pc\:disabled\:border-green-600:disabled {
border-color: #059669;
}
.pc\:disabled\:border-green-700.is-disabled,
.pc\:disabled\:border-green-700:disabled {
border-color: #047857;
}
.pc\:disabled\:border-green-800.is-disabled,
.pc\:disabled\:border-green-800:disabled {
border-color: #065f46;
}
.pc\:disabled\:border-green-900.is-disabled,
.pc\:disabled\:border-green-900:disabled {
border-color: #064e3b;
}
.pc\:disabled\:border-blue-50.is-disabled,
.pc\:disabled\:border-blue-50:disabled {
border-color: #eff6ff;
}
.pc\:disabled\:border-blue-100.is-disabled,
.pc\:disabled\:border-blue-100:disabled {
border-color: #dbeafe;
}
.pc\:disabled\:border-blue-200.is-disabled,
.pc\:disabled\:border-blue-200:disabled {
border-color: #bfdbfe;
}
.pc\:disabled\:border-blue-300.is-disabled,
.pc\:disabled\:border-blue-300:disabled {
border-color: #93c5fd;
}
.pc\:disabled\:border-blue-400.is-disabled,
.pc\:disabled\:border-blue-400:disabled {
border-color: #60a5fa;
}
.pc\:disabled\:border-blue-500.is-disabled,
.pc\:disabled\:border-blue-500:disabled {
border-color: #3b82f6;
}
.pc\:disabled\:border-blue-600.is-disabled,
.pc\:disabled\:border-blue-600:disabled {
border-color: #2563eb;
}
.pc\:disabled\:border-blue-700.is-disabled,
.pc\:disabled\:border-blue-700:disabled {
border-color: #1d4ed8;
}
.pc\:disabled\:border-blue-800.is-disabled,
.pc\:disabled\:border-blue-800:disabled {
border-color: #1e40af;
}
.pc\:disabled\:border-blue-900.is-disabled,
.pc\:disabled\:border-blue-900:disabled {
border-color: #1e3a8a;
}
.pc\:disabled\:border-cyan-50.is-disabled,
.pc\:disabled\:border-cyan-50:disabled {
border-color: #ecfeff;
}
.pc\:disabled\:border-cyan-100.is-disabled,
.pc\:disabled\:border-cyan-100:disabled {
border-color: #cffafe;
}
.pc\:disabled\:border-cyan-200.is-disabled,
.pc\:disabled\:border-cyan-200:disabled {
border-color: #a5f3fc;
}
.pc\:disabled\:border-cyan-300.is-disabled,
.pc\:disabled\:border-cyan-300:disabled {
border-color: #67e8f9;
}
.pc\:disabled\:border-cyan-400.is-disabled,
.pc\:disabled\:border-cyan-400:disabled {
border-color: #22d3ee;
}
.pc\:disabled\:border-cyan-500.is-disabled,
.pc\:disabled\:border-cyan-500:disabled {
border-color: #06b6d4;
}
.pc\:disabled\:border-cyan-600.is-disabled,
.pc\:disabled\:border-cyan-600:disabled {
border-color: #0891b2;
}
.pc\:disabled\:border-cyan-700.is-disabled,
.pc\:disabled\:border-cyan-700:disabled {
border-color: #0e7490;
}
.pc\:disabled\:border-cyan-800.is-disabled,
.pc\:disabled\:border-cyan-800:disabled {
border-color: #155e75;
}
.pc\:disabled\:border-cyan-900.is-disabled,
.pc\:disabled\:border-cyan-900:disabled {
border-color: #164e63;
}
.pc\:disabled\:border-indigo-50.is-disabled,
.pc\:disabled\:border-indigo-50:disabled {
border-color: #eef2ff;
}
.pc\:disabled\:border-indigo-100.is-disabled,
.pc\:disabled\:border-indigo-100:disabled {
border-color: #e0e7ff;
}
.pc\:disabled\:border-indigo-200.is-disabled,
.pc\:disabled\:border-indigo-200:disabled {
border-color: #c7d2fe;
}
.pc\:disabled\:border-indigo-300.is-disabled,
.pc\:disabled\:border-indigo-300:disabled {
border-color: #a5b4fc;
}
.pc\:disabled\:border-indigo-400.is-disabled,
.pc\:disabled\:border-indigo-400:disabled {
border-color: #818cf8;
}
.pc\:disabled\:border-indigo-500.is-disabled,
.pc\:disabled\:border-indigo-500:disabled {
border-color: #6366f1;
}
.pc\:disabled\:border-indigo-600.is-disabled,
.pc\:disabled\:border-indigo-600:disabled {
border-color: #4f46e5;
}
.pc\:disabled\:border-indigo-700.is-disabled,
.pc\:disabled\:border-indigo-700:disabled {
border-color: #4338ca;
}
.pc\:disabled\:border-indigo-800.is-disabled,
.pc\:disabled\:border-indigo-800:disabled {
border-color: #3730a3;
}
.pc\:disabled\:border-indigo-900.is-disabled,
.pc\:disabled\:border-indigo-900:disabled {
border-color: #312e81;
}
.pc\:disabled\:border-purple-50.is-disabled,
.pc\:disabled\:border-purple-50:disabled {
border-color: #f5f3ff;
}
.pc\:disabled\:border-purple-100.is-disabled,
.pc\:disabled\:border-purple-100:disabled {
border-color: #ede9fe;
}
.pc\:disabled\:border-purple-200.is-disabled,
.pc\:disabled\:border-purple-200:disabled {
border-color: #ddd6fe;
}
.pc\:disabled\:border-purple-300.is-disabled,
.pc\:disabled\:border-purple-300:disabled {
border-color: #c4b5fd;
}
.pc\:disabled\:border-purple-400.is-disabled,
.pc\:disabled\:border-purple-400:disabled {
border-color: #a78bfa;
}
.pc\:disabled\:border-purple-500.is-disabled,
.pc\:disabled\:border-purple-500:disabled {
border-color: #8b5cf6;
}
.pc\:disabled\:border-purple-600.is-disabled,
.pc\:disabled\:border-purple-600:disabled {
border-color: #7c3aed;
}
.pc\:disabled\:border-purple-700.is-disabled,
.pc\:disabled\:border-purple-700:disabled {
border-color: #6d28d9;
}
.pc\:disabled\:border-purple-800.is-disabled,
.pc\:disabled\:border-purple-800:disabled {
border-color: #5b21b6;
}
.pc\:disabled\:border-purple-900.is-disabled,
.pc\:disabled\:border-purple-900:disabled {
border-color: #4c1d95;
}
.pc\:disabled\:border-pink-50.is-disabled,
.pc\:disabled\:border-pink-50:disabled {
border-color: #fdf2f8;
}
.pc\:disabled\:border-pink-100.is-disabled,
.pc\:disabled\:border-pink-100:disabled {
border-color: #fce7f3;
}
.pc\:disabled\:border-pink-200.is-disabled,
.pc\:disabled\:border-pink-200:disabled {
border-color: #fbcfe8;
}
.pc\:disabled\:border-pink-300.is-disabled,
.pc\:disabled\:border-pink-300:disabled {
border-color: #f9a8d4;
}
.pc\:disabled\:border-pink-400.is-disabled,
.pc\:disabled\:border-pink-400:disabled {
border-color: #f472b6;
}
.pc\:disabled\:border-pink-500.is-disabled,
.pc\:disabled\:border-pink-500:disabled {
border-color: #ec4899;
}
.pc\:disabled\:border-pink-600.is-disabled,
.pc\:disabled\:border-pink-600:disabled {
border-color: #db2777;
}
.pc\:disabled\:border-pink-700.is-disabled,
.pc\:disabled\:border-pink-700:disabled {
border-color: #be185d;
}
.pc\:disabled\:border-pink-800.is-disabled,
.pc\:disabled\:border-pink-800:disabled {
border-color: #9d174d;
}
.pc\:disabled\:border-pink-900.is-disabled,
.pc\:disabled\:border-pink-900:disabled {
border-color: #831843;
}
.group:hover .pc\:group-hover\:border-black {
border-color: #000;
}
.group:hover .pc\:group-hover\:border-white {
border-color: #fff;
}
.group:hover .pc\:group-hover\:border-primary {
border-color: #007bff;
}
.group:hover .pc\:group-hover\:border-secondary {
border-color: #6c757d;
}
.group:hover .pc\:group-hover\:border-success {
border-color: #28a745;
}
.group:hover .pc\:group-hover\:border-info {
border-color: #007bff;
}
.group:hover .pc\:group-hover\:border-warning {
border-color: #fad733;
}
.group:hover .pc\:group-hover\:border-danger {
border-color: #dc3545;
}
.group:hover .pc\:group-hover\:border-light {
border-color: #f8f9fa;
}
.group:hover .pc\:group-hover\:border-dark {
border-color: #343a40;
}
.group:hover .pc\:group-hover\:border-gray-50 {
border-color: #f9fafb;
}
.group:hover .pc\:group-hover\:border-gray-100 {
border-color: #f3f4f6;
}
.group:hover .pc\:group-hover\:border-gray-200 {
border-color: #e5e7eb;
}
.group:hover .pc\:group-hover\:border-gray-300 {
border-color: #d1d5db;
}
.group:hover .pc\:group-hover\:border-gray-400 {
border-color: #9ca3af;
}
.group:hover .pc\:group-hover\:border-gray-500 {
border-color: #6b7280;
}
.group:hover .pc\:group-hover\:border-gray-600 {
border-color: #4b5563;
}
.group:hover .pc\:group-hover\:border-gray-700 {
border-color: #374151;
}
.group:hover .pc\:group-hover\:border-gray-800 {
border-color: #1f2937;
}
.group:hover .pc\:group-hover\:border-gray-900 {
border-color: #111827;
}
.group:hover .pc\:group-hover\:border-red-50 {
border-color: #fef2f2;
}
.group:hover .pc\:group-hover\:border-red-100 {
border-color: #fee2e2;
}
.group:hover .pc\:group-hover\:border-red-200 {
border-color: #fecaca;
}
.group:hover .pc\:group-hover\:border-red-300 {
border-color: #fca5a5;
}
.group:hover .pc\:group-hover\:border-red-400 {
border-color: #f87171;
}
.group:hover .pc\:group-hover\:border-red-500 {
border-color: #ef4444;
}
.group:hover .pc\:group-hover\:border-red-600 {
border-color: #dc2626;
}
.group:hover .pc\:group-hover\:border-red-700 {
border-color: #b91c1c;
}
.group:hover .pc\:group-hover\:border-red-800 {
border-color: #991b1b;
}
.group:hover .pc\:group-hover\:border-red-900 {
border-color: #7f1d1d;
}
.group:hover .pc\:group-hover\:border-yellow-50 {
border-color: #fffbeb;
}
.group:hover .pc\:group-hover\:border-yellow-100 {
border-color: #fef3c7;
}
.group:hover .pc\:group-hover\:border-yellow-200 {
border-color: #fde68a;
}
.group:hover .pc\:group-hover\:border-yellow-300 {
border-color: #fcd34d;
}
.group:hover .pc\:group-hover\:border-yellow-400 {
border-color: #fbbf24;
}
.group:hover .pc\:group-hover\:border-yellow-500 {
border-color: #f59e0b;
}
.group:hover .pc\:group-hover\:border-yellow-600 {
border-color: #d97706;
}
.group:hover .pc\:group-hover\:border-yellow-700 {
border-color: #b45309;
}
.group:hover .pc\:group-hover\:border-yellow-800 {
border-color: #92400e;
}
.group:hover .pc\:group-hover\:border-yellow-900 {
border-color: #78350f;
}
.group:hover .pc\:group-hover\:border-green-50 {
border-color: #ecfdf5;
}
.group:hover .pc\:group-hover\:border-green-100 {
border-color: #d1fae5;
}
.group:hover .pc\:group-hover\:border-green-200 {
border-color: #a7f3d0;
}
.group:hover .pc\:group-hover\:border-green-300 {
border-color: #6ee7b7;
}
.group:hover .pc\:group-hover\:border-green-400 {
border-color: #34d399;
}
.group:hover .pc\:group-hover\:border-green-500 {
border-color: #10b981;
}
.group:hover .pc\:group-hover\:border-green-600 {
border-color: #059669;
}
.group:hover .pc\:group-hover\:border-green-700 {
border-color: #047857;
}
.group:hover .pc\:group-hover\:border-green-800 {
border-color: #065f46;
}
.group:hover .pc\:group-hover\:border-green-900 {
border-color: #064e3b;
}
.group:hover .pc\:group-hover\:border-blue-50 {
border-color: #eff6ff;
}
.group:hover .pc\:group-hover\:border-blue-100 {
border-color: #dbeafe;
}
.group:hover .pc\:group-hover\:border-blue-200 {
border-color: #bfdbfe;
}
.group:hover .pc\:group-hover\:border-blue-300 {
border-color: #93c5fd;
}
.group:hover .pc\:group-hover\:border-blue-400 {
border-color: #60a5fa;
}
.group:hover .pc\:group-hover\:border-blue-500 {
border-color: #3b82f6;
}
.group:hover .pc\:group-hover\:border-blue-600 {
border-color: #2563eb;
}
.group:hover .pc\:group-hover\:border-blue-700 {
border-color: #1d4ed8;
}
.group:hover .pc\:group-hover\:border-blue-800 {
border-color: #1e40af;
}
.group:hover .pc\:group-hover\:border-blue-900 {
border-color: #1e3a8a;
}
.group:hover .pc\:group-hover\:border-cyan-50 {
border-color: #ecfeff;
}
.group:hover .pc\:group-hover\:border-cyan-100 {
border-color: #cffafe;
}
.group:hover .pc\:group-hover\:border-cyan-200 {
border-color: #a5f3fc;
}
.group:hover .pc\:group-hover\:border-cyan-300 {
border-color: #67e8f9;
}
.group:hover .pc\:group-hover\:border-cyan-400 {
border-color: #22d3ee;
}
.group:hover .pc\:group-hover\:border-cyan-500 {
border-color: #06b6d4;
}
.group:hover .pc\:group-hover\:border-cyan-600 {
border-color: #0891b2;
}
.group:hover .pc\:group-hover\:border-cyan-700 {
border-color: #0e7490;
}
.group:hover .pc\:group-hover\:border-cyan-800 {
border-color: #155e75;
}
.group:hover .pc\:group-hover\:border-cyan-900 {
border-color: #164e63;
}
.group:hover .pc\:group-hover\:border-indigo-50 {
border-color: #eef2ff;
}
.group:hover .pc\:group-hover\:border-indigo-100 {
border-color: #e0e7ff;
}
.group:hover .pc\:group-hover\:border-indigo-200 {
border-color: #c7d2fe;
}
.group:hover .pc\:group-hover\:border-indigo-300 {
border-color: #a5b4fc;
}
.group:hover .pc\:group-hover\:border-indigo-400 {
border-color: #818cf8;
}
.group:hover .pc\:group-hover\:border-indigo-500 {
border-color: #6366f1;
}
.group:hover .pc\:group-hover\:border-indigo-600 {
border-color: #4f46e5;
}
.group:hover .pc\:group-hover\:border-indigo-700 {
border-color: #4338ca;
}
.group:hover .pc\:group-hover\:border-indigo-800 {
border-color: #3730a3;
}
.group:hover .pc\:group-hover\:border-indigo-900 {
border-color: #312e81;
}
.group:hover .pc\:group-hover\:border-purple-50 {
border-color: #f5f3ff;
}
.group:hover .pc\:group-hover\:border-purple-100 {
border-color: #ede9fe;
}
.group:hover .pc\:group-hover\:border-purple-200 {
border-color: #ddd6fe;
}
.group:hover .pc\:group-hover\:border-purple-300 {
border-color: #c4b5fd;
}
.group:hover .pc\:group-hover\:border-purple-400 {
border-color: #a78bfa;
}
.group:hover .pc\:group-hover\:border-purple-500 {
border-color: #8b5cf6;
}
.group:hover .pc\:group-hover\:border-purple-600 {
border-color: #7c3aed;
}
.group:hover .pc\:group-hover\:border-purple-700 {
border-color: #6d28d9;
}
.group:hover .pc\:group-hover\:border-purple-800 {
border-color: #5b21b6;
}
.group:hover .pc\:group-hover\:border-purple-900 {
border-color: #4c1d95;
}
.group:hover .pc\:group-hover\:border-pink-50 {
border-color: #fdf2f8;
}
.group:hover .pc\:group-hover\:border-pink-100 {
border-color: #fce7f3;
}
.group:hover .pc\:group-hover\:border-pink-200 {
border-color: #fbcfe8;
}
.group:hover .pc\:group-hover\:border-pink-300 {
border-color: #f9a8d4;
}
.group:hover .pc\:group-hover\:border-pink-400 {
border-color: #f472b6;
}
.group:hover .pc\:group-hover\:border-pink-500 {
border-color: #ec4899;
}
.group:hover .pc\:group-hover\:border-pink-600 {
border-color: #db2777;
}
.group:hover .pc\:group-hover\:border-pink-700 {
border-color: #be185d;
}
.group:hover .pc\:group-hover\:border-pink-800 {
border-color: #9d174d;
}
.group:hover .pc\:group-hover\:border-pink-900 {
border-color: #831843;
}
}
/*!markdown
---
title: 边框圆角
---
| Class | Properties |
| ----------- | ------------------------ |
| rounded-none | border-radius: 0px |
| rounded-sm | border-radius: 0.125rem |
| rounded | border-radius: 0.25rem |
| rounded-md | border-radius: 0.375rem |
| rounded-lg | border-radius: 0.5rem |
| rounded-xl | border-radius: 0.75rem |
| rounded-2xl | border-radius: 1rem |
| rounded-3xl | border-radius: 1.5rem |
| rounded-full | border-radius: 9999px |
| rounded-t-none | border-top-left-radius: 0px; border-top-right-radius: 0px |
| rounded-t-sm | border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem |
| rounded-t | border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem |
| rounded-t-md | border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem |
| rounded-t-lg | border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem |
| rounded-t-xl | border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem |
| rounded-t-2xl | border-top-left-radius: 1rem; border-top-right-radius: 1rem |
| rounded-t-3xl | border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem |
| rounded-t-full | border-top-left-radius: 9999px; border-top-right-radius: 9999px |
| rounded-r-none | border-top-right-radius: 0px; border-bottom-right-radius: 0px |
| rounded-r-sm | border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem |
| rounded-r | border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem |
| rounded-r-md | border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem |
| rounded-r-lg | border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem |
| rounded-r-xl | border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem |
| rounded-r-2xl | border-top-right-radius: 1rem; border-bottom-right-radius: 1rem |
| rounded-r-3xl | border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem |
| rounded-r-full | border-top-right-radius: 9999px; border-bottom-right-radius: 9999px |
| rounded-b-none | border-bottom-right-radius: 0px; border-bottom-left-radius: 0px |
| rounded-b-sm | border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem |
| rounded-b | border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem |
| rounded-b-md | border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem |
| rounded-b-lg | border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem |
| rounded-b-xl | border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem |
| rounded-b-2xl | border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem |
| rounded-b-3xl | border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem |
| rounded-b-full | border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px |
| rounded-l-none | border-top-left-radius: 0px; border-bottom-left-radius: 0px |
| rounded-l-sm | border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem |
| rounded-l | border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem |
| rounded-l-md | border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem |
| rounded-l-lg | border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem |
| rounded-l-xl | border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem |
| rounded-l-2xl | border-top-left-radius: 1rem; border-bottom-left-radius: 1rem |
| rounded-l-3xl | border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem |
| rounded-l-full | border-top-left-radius: 9999px; border-bottom-left-radius: 9999px |
| rounded-tl-none | border-top-left-radius: 0px |
| rounded-tr-none | border-top-right-radius: 0px |
| rounded-br-none | border-bottom-right-radius: 0px |
| rounded-bl-none | border-bottom-left-radius: 0px |
| rounded-tl-sm | border-top-left-radius: 0.125rem |
| rounded-tr-sm | border-top-right-radius: 0.125rem |
| rounded-br-sm | border-bottom-right-radius: 0.125rem |
| rounded-bl-sm | border-bottom-left-radius: 0.125rem |
| rounded-tl | border-top-left-radius: 0.25rem |
| rounded-tr | border-top-right-radius: 0.25rem |
| rounded-br | border-bottom-right-radius: 0.25rem |
| rounded-bl | border-bottom-left-radius: 0.25rem |
| rounded-tl-md | border-top-left-radius: 0.375rem |
| rounded-tr-md | border-top-right-radius: 0.375rem |
| rounded-br-md | border-bottom-right-radius: 0.375rem |
| rounded-bl-md | border-bottom-left-radius: 0.375rem |
| rounded-tl-lg | border-top-left-radius: 0.5rem |
| rounded-tr-lg | border-top-right-radius: 0.5rem |
| rounded-br-lg | border-bottom-right-radius: 0.5rem |
| rounded-bl-lg | border-bottom-left-radius: 0.5rem |
| rounded-tl-xl | border-top-left-radius: 0.75rem |
| rounded-tr-xl | border-top-right-radius: 0.75rem |
| rounded-br-xl | border-bottom-right-radius: 0.75rem |
| rounded-bl-xl | border-bottom-left-radius: 0.75rem |
| rounded-tl-2xl | border-top-left-radius: 1rem |
| rounded-tr-2xl | border-top-right-radius: 1rem |
| rounded-br-2xl | border-bottom-right-radius: 1rem |
| rounded-bl-2xl | border-bottom-left-radius: 1rem |
| rounded-tl-3xl | border-top-left-radius: 1.5rem |
| rounded-tr-3xl | border-top-right-radius: 1.5rem |
| rounded-br-3xl | border-bottom-right-radius: 1.5rem |
| rounded-bl-3xl | border-bottom-left-radius: 1.5rem |
| rounded-tl-full | border-top-left-radius: 9999px |
| rounded-tr-full | border-top-right-radius: 9999px |
| rounded-br-full | border-bottom-right-radius: 9999px |
| rounded-bl-full | border-bottom-left-radius: 9999px |
*/
.rounded-none {
border-radius: 0px;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-t-none {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.rounded-r-none {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.rounded-r-xl {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.rounded-r-2xl {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.rounded-r-3xl {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-b-xl {
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-l-xl {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.rounded-l-2xl {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-l-3xl {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-tl-none {
border-top-left-radius: 0px;
}
.rounded-tr-none {
border-top-right-radius: 0px;
}
.rounded-br-none {
border-bottom-right-radius: 0px;
}
.rounded-bl-none {
border-bottom-left-radius: 0px;
}
.rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.rounded-tl {
border-top-left-radius: 0.25rem;
}
.rounded-tr {
border-top-right-radius: 0.25rem;
}
.rounded-br {
border-bottom-right-radius: 0.25rem;
}
.rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.rounded-tl-xl {
border-top-left-radius: 0.75rem;
}
.rounded-tr-xl {
border-top-right-radius: 0.75rem;
}
.rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.rounded-tl-3xl {
border-top-left-radius: 1.5rem;
}
.rounded-tr-3xl {
border-top-right-radius: 1.5rem;
}
.rounded-br-3xl {
border-bottom-right-radius: 1.5rem;
}
.rounded-bl-3xl {
border-bottom-left-radius: 1.5rem;
}
.rounded-tl-full {
border-top-left-radius: 9999px;
}
.rounded-tr-full {
border-top-right-radius: 9999px;
}
.rounded-br-full {
border-bottom-right-radius: 9999px;
}
.rounded-bl-full {
border-bottom-left-radius: 9999px;
}
@media (max-width: 768px) {
.m\:rounded-none {
border-radius: 0px;
}
.m\:rounded-sm {
border-radius: 0.125rem;
}
.m\:rounded {
border-radius: 0.25rem;
}
.m\:rounded-md {
border-radius: 0.375rem;
}
.m\:rounded-lg {
border-radius: 0.5rem;
}
.m\:rounded-xl {
border-radius: 0.75rem;
}
.m\:rounded-2xl {
border-radius: 1rem;
}
.m\:rounded-3xl {
border-radius: 1.5rem;
}
.m\:rounded-full {
border-radius: 9999px;
}
.m\:rounded-t-none {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.m\:rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.m\:rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.m\:rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.m\:rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.m\:rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.m\:rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.m\:rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.m\:rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.m\:rounded-r-none {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.m\:rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.m\:rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.m\:rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.m\:rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.m\:rounded-r-xl {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.m\:rounded-r-2xl {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.m\:rounded-r-3xl {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.m\:rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.m\:rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.m\:rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.m\:rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.m\:rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.m\:rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.m\:rounded-b-xl {
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.m\:rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.m\:rounded-b-3xl {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.m\:rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.m\:rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.m\:rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.m\:rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.m\:rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.m\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.m\:rounded-l-xl {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.m\:rounded-l-2xl {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.m\:rounded-l-3xl {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.m\:rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.m\:rounded-tl-none {
border-top-left-radius: 0px;
}
.m\:rounded-tr-none {
border-top-right-radius: 0px;
}
.m\:rounded-br-none {
border-bottom-right-radius: 0px;
}
.m\:rounded-bl-none {
border-bottom-left-radius: 0px;
}
.m\:rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.m\:rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.m\:rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.m\:rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.m\:rounded-tl {
border-top-left-radius: 0.25rem;
}
.m\:rounded-tr {
border-top-right-radius: 0.25rem;
}
.m\:rounded-br {
border-bottom-right-radius: 0.25rem;
}
.m\:rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.m\:rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.m\:rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.m\:rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.m\:rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.m\:rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.m\:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.m\:rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.m\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.m\:rounded-tl-xl {
border-top-left-radius: 0.75rem;
}
.m\:rounded-tr-xl {
border-top-right-radius: 0.75rem;
}
.m\:rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.m\:rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.m\:rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.m\:rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.m\:rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.m\:rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.m\:rounded-tl-3xl {
border-top-left-radius: 1.5rem;
}
.m\:rounded-tr-3xl {
border-top-right-radius: 1.5rem;
}
.m\:rounded-br-3xl {
border-bottom-right-radius: 1.5rem;
}
.m\:rounded-bl-3xl {
border-bottom-left-radius: 1.5rem;
}
.m\:rounded-tl-full {
border-top-left-radius: 9999px;
}
.m\:rounded-tr-full {
border-top-right-radius: 9999px;
}
.m\:rounded-br-full {
border-bottom-right-radius: 9999px;
}
.m\:rounded-bl-full {
border-bottom-left-radius: 9999px;
}
}
@media (min-width: 769px) {
.pc\:rounded-none {
border-radius: 0px;
}
.pc\:rounded-sm {
border-radius: 0.125rem;
}
.pc\:rounded {
border-radius: 0.25rem;
}
.pc\:rounded-md {
border-radius: 0.375rem;
}
.pc\:rounded-lg {
border-radius: 0.5rem;
}
.pc\:rounded-xl {
border-radius: 0.75rem;
}
.pc\:rounded-2xl {
border-radius: 1rem;
}
.pc\:rounded-3xl {
border-radius: 1.5rem;
}
.pc\:rounded-full {
border-radius: 9999px;
}
.pc\:rounded-t-none {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.pc\:rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.pc\:rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.pc\:rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.pc\:rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.pc\:rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.pc\:rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.pc\:rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.pc\:rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.pc\:rounded-r-none {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pc\:rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.pc\:rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.pc\:rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.pc\:rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.pc\:rounded-r-xl {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.pc\:rounded-r-2xl {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.pc\:rounded-r-3xl {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.pc\:rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.pc\:rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.pc\:rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.pc\:rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.pc\:rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.pc\:rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.pc\:rounded-b-xl {
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.pc\:rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.pc\:rounded-b-3xl {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.pc\:rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.pc\:rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pc\:rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.pc\:rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.pc\:rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.pc\:rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.pc\:rounded-l-xl {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.pc\:rounded-l-2xl {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.pc\:rounded-l-3xl {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.pc\:rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.pc\:rounded-tl-none {
border-top-left-radius: 0px;
}
.pc\:rounded-tr-none {
border-top-right-radius: 0px;
}
.pc\:rounded-br-none {
border-bottom-right-radius: 0px;
}
.pc\:rounded-bl-none {
border-bottom-left-radius: 0px;
}
.pc\:rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.pc\:rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.pc\:rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.pc\:rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.pc\:rounded-tl {
border-top-left-radius: 0.25rem;
}
.pc\:rounded-tr {
border-top-right-radius: 0.25rem;
}
.pc\:rounded-br {
border-bottom-right-radius: 0.25rem;
}
.pc\:rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.pc\:rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.pc\:rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.pc\:rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.pc\:rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.pc\:rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.pc\:rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.pc\:rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.pc\:rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.pc\:rounded-tl-xl {
border-top-left-radius: 0.75rem;
}
.pc\:rounded-tr-xl {
border-top-right-radius: 0.75rem;
}
.pc\:rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.pc\:rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.pc\:rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.pc\:rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.pc\:rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.pc\:rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.pc\:rounded-tl-3xl {
border-top-left-radius: 1.5rem;
}
.pc\:rounded-tr-3xl {
border-top-right-radius: 1.5rem;
}
.pc\:rounded-br-3xl {
border-bottom-right-radius: 1.5rem;
}
.pc\:rounded-bl-3xl {
border-bottom-left-radius: 1.5rem;
}
.pc\:rounded-tl-full {
border-top-left-radius: 9999px;
}
.pc\:rounded-tr-full {
border-top-right-radius: 9999px;
}
.pc\:rounded-br-full {
border-bottom-right-radius: 9999px;
}
.pc\:rounded-bl-full {
border-bottom-left-radius: 9999px;
}
}
/*!markdown
---
title: 边框宽度
---
| Class | Properties |
| ----------- | ------------------------ |
| border | border-width: 1px |
| border-0 | border-width: 0px |
| border-2 | border-width: 2px |
| border-4 | border-width: 4px |
| border-8 | border-width: 8px |
| border-t | border-top-width: 1px |
| border-r | border-right-width: 1px |
| border-b | border-bottom-width: 1px |
| border-l | border-left-width: 1px |
| border-t-0 | border-top-width: 0px |
| border-r-0 | border-right-width: 0px |
| border-b-0 | border-bottom-width: 0px |
| border-l-0 | border-left-width: 0px |
| border-t-2 | border-top-width: 2px |
| border-r-2 | border-right-width: 2px |
| border-b-2 | border-bottom-width: 2px |
| border-l-2 | border-left-width: 2px |
| border-t-4 | border-top-width: 4px |
| border-r-4 | border-right-width: 4px |
| border-b-4 | border-bottom-width: 4px |
| border-l-4 | border-left-width: 4px |
| border-t-8 | border-top-width: 8px |
| border-r-8 | border-right-width: 8px |
| border-b-8 | border-bottom-width: 8px |
| border-l-8 | border-left-width: 8px |
*/
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-8 {
border-width: 8px;
}
.border-t {
border-top-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.border-t-0 {
border-top-width: 0px;
}
.border-r-0 {
border-right-width: 0px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-l-0 {
border-left-width: 0px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-r-2 {
border-right-width: 2px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-t-4 {
border-top-width: 4px;
}
.border-r-4 {
border-right-width: 4px;
}
.border-b-4 {
border-bottom-width: 4px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-t-8 {
border-top-width: 8px;
}
.border-r-8 {
border-right-width: 8px;
}
.border-b-8 {
border-bottom-width: 8px;
}
.border-l-8 {
border-left-width: 8px;
}
@media (max-width: 768px) {
.m\:border {
border-width: 1px;
}
.m\:border-0 {
border-width: 0px;
}
.m\:border-2 {
border-width: 2px;
}
.m\:border-4 {
border-width: 4px;
}
.m\:border-8 {
border-width: 8px;
}
.m\:border-t {
border-top-width: 1px;
}
.m\:border-r {
border-right-width: 1px;
}
.m\:border-b {
border-bottom-width: 1px;
}
.m\:border-l {
border-left-width: 1px;
}
.m\:border-t-0 {
border-top-width: 0px;
}
.m\:border-r-0 {
border-right-width: 0px;
}
.m\:border-b-0 {
border-bottom-width: 0px;
}
.m\:border-l-0 {
border-left-width: 0px;
}
.m\:border-t-2 {
border-top-width: 2px;
}
.m\:border-r-2 {
border-right-width: 2px;
}
.m\:border-b-2 {
border-bottom-width: 2px;
}
.m\:border-l-2 {
border-left-width: 2px;
}
.m\:border-t-4 {
border-top-width: 4px;
}
.m\:border-r-4 {
border-right-width: 4px;
}
.m\:border-b-4 {
border-bottom-width: 4px;
}
.m\:border-l-4 {
border-left-width: 4px;
}
.m\:border-t-8 {
border-top-width: 8px;
}
.m\:border-r-8 {
border-right-width: 8px;
}
.m\:border-b-8 {
border-bottom-width: 8px;
}
.m\:border-l-8 {
border-left-width: 8px;
}
}
@media (min-width: 769px) {
.pc\:border {
border-width: 1px;
}
.pc\:border-0 {
border-width: 0px;
}
.pc\:border-2 {
border-width: 2px;
}
.pc\:border-4 {
border-width: 4px;
}
.pc\:border-8 {
border-width: 8px;
}
.pc\:border-t {
border-top-width: 1px;
}
.pc\:border-r {
border-right-width: 1px;
}
.pc\:border-b {
border-bottom-width: 1px;
}
.pc\:border-l {
border-left-width: 1px;
}
.pc\:border-t-0 {
border-top-width: 0px;
}
.pc\:border-r-0 {
border-right-width: 0px;
}
.pc\:border-b-0 {
border-bottom-width: 0px;
}
.pc\:border-l-0 {
border-left-width: 0px;
}
.pc\:border-t-2 {
border-top-width: 2px;
}
.pc\:border-r-2 {
border-right-width: 2px;
}
.pc\:border-b-2 {
border-bottom-width: 2px;
}
.pc\:border-l-2 {
border-left-width: 2px;
}
.pc\:border-t-4 {
border-top-width: 4px;
}
.pc\:border-r-4 {
border-right-width: 4px;
}
.pc\:border-b-4 {
border-bottom-width: 4px;
}
.pc\:border-l-4 {
border-left-width: 4px;
}
.pc\:border-t-8 {
border-top-width: 8px;
}
.pc\:border-r-8 {
border-right-width: 8px;
}
.pc\:border-b-8 {
border-bottom-width: 8px;
}
.pc\:border-l-8 {
border-left-width: 8px;
}
}
/*!markdown
---
title: 边框样式
---
| Class | Properties |
| ----------- | ------------------------ |
| border-solid | border-style: solid |
| border-dashed | border-style: dashed |
| border-dotted | border-style: dotted |
| border-double | border-style: double |
| border-none | border-style: none |
*/
.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-double {
border-style: double;
}
.border-none {
border-style: none;
}
@media (max-width: 768px) {
.m\:border-solid {
border-style: solid;
}
.m\:border-dashed {
border-style: dashed;
}
.m\:border-dotted {
border-style: dotted;
}
.m\:border-double {
border-style: double;
}
.m\:border-none {
border-style: none;
}
}
@media (min-width: 769px) {
.pc\:border-solid {
border-style: solid;
}
.pc\:border-dashed {
border-style: dashed;
}
.pc\:border-dotted {
border-style: dotted;
}
.pc\:border-double {
border-style: double;
}
.pc\:border-none {
border-style: none;
}
}
/*!markdown
---
title: Box Sizing
---
Box Sizing 相关样式，主要区别在于设置宽高的时候，是否包含了 padding 和 border 的大小。
| Class | Properties |
| ----------- | ------------------------ |
| box-border | box-sizing: border-box; |
| box-content | box-sizing: content-box; |
## 用法
比如这个例子：左侧是 box-border 类型，整体高宽 128px。而右侧只是内容区域是 128px + 边框(2 * 4px) + padding （2 * 16px） 一共160px。
```html
```
## 响应式设计
不支持 [「响应式设计前缀」](../../../docs/style/responsive-design.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
/*!markdown
---
title: Clear
---
清除浮动相关样式。
| Class | Properties |
| ----------- | ------------- |
| clear-right | clear: right; |
| clear-left | clear: left; |
| clear-none | clear: none; |
| clear-both | clear: both; |
## 用法
请前往以下链接查看属性含义。
https://www.w3school.com.cn/cssref/pr_class_clear.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.clear-right {
clear: right;
}
.clear-left {
clear: left;
}
.clear-none {
clear: none;
}
.clear-both {
clear: both;
}
@media (max-width: 768px) {
.m\:clear-right {
clear: right;
}
.m\:clear-left {
clear: left;
}
.m\:clear-none {
clear: none;
}
.m\:clear-both {
clear: both;
}
}
@media (min-width: 769px) {
.pc\:clear-right {
clear: right;
}
.pc\:clear-left {
clear: left;
}
.pc\:clear-none {
clear: none;
}
.pc\:clear-both {
clear: both;
}
}
/*!markdown
---
title: Display
---
布局相关样式。
| Class | Properties |
| ------------------ | ---------------------------- |
| block | display: block; |
| inline-block | display: inline-block; |
| inline | display: inline; |
| flex | display: flex; |
| inline-flex | display: inline-flex; |
| table | display: table; |
| table-cell | display: table-cell; |
| table-column | display: table-column; |
| table-column-group | display: table-column-group; |
| table-footer-group | display: table-footer-group; |
| table-header-group | display: table-header-group; |
| table-row-group | display: table-row-group; |
| table-row | display: table-row; |
| flow-root | display: flow-root; |
| grid | display: grid; |
| inline-grid | display: inline-grid; |
| contents | display: contents; |
| hidden | display: none; |
## 用法
css 相关的知识点就不介绍了，请参考：
https://www.w3school.com.cn/cssref/pr_class_display.asp
https://tailwindcss.com/docs/display
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-column-group {
display: table-column-group;
}
.table-footer-group {
display: table-footer-group;
}
.table-header-group {
display: table-header-group;
}
.table-row-group {
display: table-row-group;
}
.table-row {
display: table-row;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
@media (max-width: 768px) {
.m\:block {
display: block;
}
.m\:inline-block {
display: inline-block;
}
.m\:inline {
display: inline;
}
.m\:flex {
display: flex;
}
.m\:inline-flex {
display: inline-flex;
}
.m\:table {
display: table;
}
.m\:table-caption {
display: table-caption;
}
.m\:table-cell {
display: table-cell;
}
.m\:table-column {
display: table-column;
}
.m\:table-column-group {
display: table-column-group;
}
.m\:table-footer-group {
display: table-footer-group;
}
.m\:table-header-group {
display: table-header-group;
}
.m\:table-row-group {
display: table-row-group;
}
.m\:table-row {
display: table-row;
}
.m\:flow-root {
display: flow-root;
}
.m\:grid {
display: grid;
}
.m\:inline-grid {
display: inline-grid;
}
.m\:contents {
display: contents;
}
.m\:hidden {
display: none;
}
}
@media (min-width: 769px) {
.pc\:block {
display: block;
}
.pc\:inline-block {
display: inline-block;
}
.pc\:inline {
display: inline;
}
.pc\:flex {
display: flex;
}
.pc\:inline-flex {
display: inline-flex;
}
.pc\:table {
display: table;
}
.pc\:table-caption {
display: table-caption;
}
.pc\:table-cell {
display: table-cell;
}
.pc\:table-column {
display: table-column;
}
.pc\:table-column-group {
display: table-column-group;
}
.pc\:table-footer-group {
display: table-footer-group;
}
.pc\:table-header-group {
display: table-header-group;
}
.pc\:table-row-group {
display: table-row-group;
}
.pc\:table-row {
display: table-row;
}
.pc\:flow-root {
display: flow-root;
}
.pc\:grid {
display: grid;
}
.pc\:inline-grid {
display: inline-grid;
}
.pc\:contents {
display: contents;
}
.pc\:hidden {
display: none;
}
}
/*!markdown
---
title: Floats
---
浮动相关样式。
| Class | Properties |
| ----------- | ------------- |
| float-right | float: right; |
| float-left | float: left; |
| float-none | float: none; |
## 左浮
```html
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.
```
## 右浮
```html
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.
```
## 不浮动
```html
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.
```
## 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
```html
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.
```
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.float-right {
float: right;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
@media (max-width: 768px) {
.m\:float-right {
float: right;
}
.m\:float-left {
float: left;
}
.m\:float-none {
float: none;
}
}
@media (min-width: 769px) {
.pc\:float-right {
float: right;
}
.pc\:float-left {
float: left;
}
.pc\:float-none {
float: none;
}
}
/*!markdown
---
title: Overflow
---
内容超出相关样式。
| Class | Properties |
| ----------- | ------------------------ |
| overflow-auto | overflow: auto; |
| overflow-hidden | overflow: hidden; |
| overflow-visible | overflow: visible; |
| overflow-scroll | overflow: scroll; |
| overflow-x-auto | overflow-x: auto; |
| overflow-y-auto | overflow-y: auto; |
| overflow-x-hidden | overflow-x: hidden; |
| overflow-y-hidden | overflow-y: hidden; |
| overflow-x-visible | overflow-x: visible; |
| overflow-y-visible | overflow-y: visible; |
| overflow-x-scroll | overflow-x: scroll; |
| overflow-y-scroll | overflow-y: scroll; |
## 用法
请前往一下文档查看属性含义。
https://www.w3school.com.cn/cssref/pr_pos_overflow.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-scroll {
overflow-y: scroll;
}
@media (max-width: 768px) {
.m\:overflow-auto {
overflow: auto;
}
.m\:overflow-hidden {
overflow: hidden;
}
.m\:overflow-visible {
overflow: visible;
}
.m\:overflow-scroll {
overflow: scroll;
}
.m\:overflow-x-auto {
overflow-x: auto;
}
.m\:overflow-y-auto {
overflow-y: auto;
}
.m\:overflow-x-hidden {
overflow-x: hidden;
}
.m\:overflow-y-hidden {
overflow-y: hidden;
}
.m\:overflow-x-visible {
overflow-x: visible;
}
.m\:overflow-y-visible {
overflow-y: visible;
}
.m\:overflow-x-scroll {
overflow-x: scroll;
}
.m\:overflow-y-scroll {
overflow-y: scroll;
}
}
@media (min-width: 769px) {
.pc\:overflow-auto {
overflow: auto;
}
.pc\:overflow-hidden {
overflow: hidden;
}
.pc\:overflow-visible {
overflow: visible;
}
.pc\:overflow-scroll {
overflow: scroll;
}
.pc\:overflow-x-auto {
overflow-x: auto;
}
.pc\:overflow-y-auto {
overflow-y: auto;
}
.pc\:overflow-x-hidden {
overflow-x: hidden;
}
.pc\:overflow-y-hidden {
overflow-y: hidden;
}
.pc\:overflow-x-visible {
overflow-x: visible;
}
.pc\:overflow-y-visible {
overflow-y: visible;
}
.pc\:overflow-x-scroll {
overflow-x: scroll;
}
.pc\:overflow-y-scroll {
overflow-y: scroll;
}
}
/*!markdown
---
title: Position
---
定位相关样式。
| Class | Properties |
| ----------- | ------------------------ |
| static | position: static; |
| fixed | position: fixed; |
| absolute | position: absolute; |
| relative | position: relative; |
| sticky | position: sticky; |
## 用法
请前往一下文档查看属性含义。
https://www.w3school.com.cn/cssref/pr_class_position.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
@media (max-width: 768px) {
.m\:static {
position: static;
}
.m\:fixed {
position: fixed;
}
.m\:absolute {
position: absolute;
}
.m\:relative {
position: relative;
}
.m\:sticky {
position: sticky;
}
}
@media (min-width: 769px) {
.pc\:static {
position: static;
}
.pc\:fixed {
position: fixed;
}
.pc\:absolute {
position: absolute;
}
.pc\:relative {
position: relative;
}
.pc\:sticky {
position: sticky;
}
}
/*!markdown
---
title: Top / Right / Bottom / Left
---
用来控制位置的样式集。
| Class | Properties |
| ------------ | --------------------------------------------------------------------------------- |
| inset-0 | top: 0px;
right: 0px;
bottom: 0px;
left: 0px; |
| -inset-0 | top: 0px;
right: 0px;
bottom: 0px;
left: 0px; |
| inset-y-0 | top: 0px;
bottom: 0px; |
| inset-x-0 | right: 0px;
left: 0px; |
| -inset-y-0 | top: 0px;
bottom: 0px; |
| -inset-x-0 | right: 0px;
left: 0px; |
| top-0 | top: 0px; |
| right-0 | right: 0px; |
| bottom-0 | bottom: 0px; |
| left-0 | left: 0px; |
| -top-0 | top: 0px; |
| -right-0 | right: 0px; |
| -bottom-0 | bottom: 0px; |
| -left-0 | left: 0px; |
| inset-0.5 | top: 0.125rem;
right: 0.125rem;
bottom: 0.125rem;
left: 0.125rem; |
| -inset-0.5 | top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem; |
| inset-y-0.5 | top: 0.125rem;
bottom: 0.125rem; |
| inset-x-0.5 | right: 0.125rem;
left: 0.125rem; |
| -inset-y-0.5 | top: -0.125rem;
bottom: -0.125rem; |
| -inset-x-0.5 | right: -0.125rem;
left: -0.125rem; |
| top-0.5 | top: 0.125rem; |
| right-0.5 | right: 0.125rem; |
| bottom-0.5 | bottom: 0.125rem; |
| left-0.5 | left: 0.125rem; |
| -top-0.5 | top: -0.125rem; |
| -right-0.5 | right: -0.125rem; |
| -bottom-0.5 | bottom: -0.125rem; |
| -left-0.5 | left: -0.125rem; |
按以下尺寸表依次类推
| 尺寸 | 大小 |
| ---- | -------------- |
| 0 | 0 |
| 0.5 | 0.125rem; |
| 1 | 0.25rem |
| 1.5 | 0.375rem |
| 1.5 | 0.375rem |
| 2 | 0.5rem |
| 2.5 | 0.625rem |
| 3 | 0.75rem |
| 3.5 | 0.875rem |
| 4 | 1rem |
| 5 | 1.25rem |
| 6 | 1.5rem |
| 7 | 1.75rem |
| 8 | 2rem |
| 9 | 2.25rem |
| 10 | 2.5rem |
| 11 | 2.75rem |
| 12 | 3rem |
| 14 | 3.5rem |
| 16 | 4rem |
| 20 | 5rem |
| 24 | 6rem |
| 28 | 7rem |
| 32 | 8rem |
| 36 | 9rem |
| 40 | 10rem |
| 44 | 11rem |
| 48 | 12rem |
| 52 | 13rem |
| 56 | 14rem |
| 60 | 15rem |
| 64 | 16rem |
| 68 | 17rem |
| 72 | 18rem |
| 76 | 19rem |
| 80 | 20rem |
| 96 | 24rem |
| auto | auto |
| 1/2 | 50% |
| 1/3 | 33.333333% |
| 2/3 | 66.666667% |
| 1/4 | 25%; |
| 2/4 | 50%; |
| 3/4 | 75%; |
| full | 100%; |
| px | 0.0625rem(1px) |
## 用法
结合 relative 和 absolute 定位 和位置样式 `{top|right|bottom|left|inset}-xxx`，可以很方便的实现各种组件布局。
```html
\3c !-- Span top edge -->
\3c !-- Span right edge -->
\3c !-- Span bottom edge -->
\3c !-- Span left edge -->
\3c !-- Fill entire parent -->
\3c !-- Pin to top left corner -->
\3c !-- Pin to top right corner -->
\3c !-- Pin to bottom right corner -->
\3c !-- Pin to bottom left corner -->