背景
Utilities for controlling the color stops in background gradients.
Class | Properties | Preview |
---|---|---|
from-inherit | --tw-gradient-from: inherit var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-current | --tw-gradient-from: currentColor var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-transparent | --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-black | --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-white | --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-50 | --tw-gradient-from: #f8fafc var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-100 | --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-200 | --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-300 | --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-400 | --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-500 | --tw-gradient-from: #64748b var(--tw-gradient-from-position); --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-600 | --tw-gradient-from: #475569 var(--tw-gradient-from-position); --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-700 | --tw-gradient-from: #334155 var(--tw-gradient-from-position); --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-800 | --tw-gradient-from: #1e293b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-900 | --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-slate-950 | --tw-gradient-from: #020617 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-50 | --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-100 | --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-200 | --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-300 | --tw-gradient-from: #d1d5db var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-400 | --tw-gradient-from: #9ca3af var(--tw-gradient-from-position); --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-500 | --tw-gradient-from: #6b7280 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-600 | --tw-gradient-from: #4b5563 var(--tw-gradient-from-position); --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-700 | --tw-gradient-from: #374151 var(--tw-gradient-from-position); --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-800 | --tw-gradient-from: #1f2937 var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-900 | --tw-gradient-from: #111827 var(--tw-gradient-from-position); --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-gray-950 | --tw-gradient-from: #030712 var(--tw-gradient-from-position); --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-50 | --tw-gradient-from: #fafafa var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-100 | --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-200 | --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-300 | --tw-gradient-from: #d4d4d8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-400 | --tw-gradient-from: #a1a1aa var(--tw-gradient-from-position); --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-500 | --tw-gradient-from: #71717a var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-600 | --tw-gradient-from: #52525b var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-700 | --tw-gradient-from: #3f3f46 var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-800 | --tw-gradient-from: #27272a var(--tw-gradient-from-position); --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-900 | --tw-gradient-from: #18181b var(--tw-gradient-from-position); --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-zinc-950 | --tw-gradient-from: #09090b var(--tw-gradient-from-position); --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-50 | --tw-gradient-from: #fafafa var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-100 | --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-200 | --tw-gradient-from: #e5e5e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-300 | --tw-gradient-from: #d4d4d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-400 | --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-500 | --tw-gradient-from: #737373 var(--tw-gradient-from-position); --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-600 | --tw-gradient-from: #525252 var(--tw-gradient-from-position); --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-700 | --tw-gradient-from: #404040 var(--tw-gradient-from-position); --tw-gradient-to: rgb(64 64 64 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-800 | --tw-gradient-from: #262626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-900 | --tw-gradient-from: #171717 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-neutral-950 | --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-50 | --tw-gradient-from: #fafaf9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-100 | --tw-gradient-from: #f5f5f4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-200 | --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-300 | --tw-gradient-from: #d6d3d1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(214 211 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-400 | --tw-gradient-from: #a8a29e var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-500 | --tw-gradient-from: #78716c var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-600 | --tw-gradient-from: #57534e var(--tw-gradient-from-position); --tw-gradient-to: rgb(87 83 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-700 | --tw-gradient-from: #44403c var(--tw-gradient-from-position); --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-800 | --tw-gradient-from: #292524 var(--tw-gradient-from-position); --tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-900 | --tw-gradient-from: #1c1917 var(--tw-gradient-from-position); --tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-stone-950 | --tw-gradient-from: #0c0a09 var(--tw-gradient-from-position); --tw-gradient-to: rgb(12 10 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-50 | --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-100 | --tw-gradient-from: #fee2e2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-200 | --tw-gradient-from: #fecaca var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-300 | --tw-gradient-from: #fca5a5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-400 | --tw-gradient-from: #f87171 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-500 | --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-600 | --tw-gradient-from: #dc2626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-700 | --tw-gradient-from: #b91c1c var(--tw-gradient-from-position); --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-800 | --tw-gradient-from: #991b1b var(--tw-gradient-from-position); --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-900 | --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position); --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-red-950 | --tw-gradient-from: #450a0a var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-50 | --tw-gradient-from: #fff7ed var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-100 | --tw-gradient-from: #ffedd5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-200 | --tw-gradient-from: #fed7aa var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-300 | --tw-gradient-from: #fdba74 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-400 | --tw-gradient-from: #fb923c var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-500 | --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-600 | --tw-gradient-from: #ea580c var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-700 | --tw-gradient-from: #c2410c var(--tw-gradient-from-position); --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-800 | --tw-gradient-from: #9a3412 var(--tw-gradient-from-position); --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-900 | --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-orange-950 | --tw-gradient-from: #431407 var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-50 | --tw-gradient-from: #fffbeb var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-100 | --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-200 | --tw-gradient-from: #fde68a var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-300 | --tw-gradient-from: #fcd34d var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-400 | --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-500 | --tw-gradient-from: #f59e0b var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-600 | --tw-gradient-from: #d97706 var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-700 | --tw-gradient-from: #b45309 var(--tw-gradient-from-position); --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-800 | --tw-gradient-from: #92400e var(--tw-gradient-from-position); --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-900 | --tw-gradient-from: #78350f var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-amber-950 | --tw-gradient-from: #451a03 var(--tw-gradient-from-position); --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-50 | --tw-gradient-from: #fefce8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-100 | --tw-gradient-from: #fef9c3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-200 | --tw-gradient-from: #fef08a var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-300 | --tw-gradient-from: #fde047 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-400 | --tw-gradient-from: #facc15 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-500 | --tw-gradient-from: #eab308 var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-600 | --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position); --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-700 | --tw-gradient-from: #a16207 var(--tw-gradient-from-position); --tw-gradient-to: rgb(161 98 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-800 | --tw-gradient-from: #854d0e var(--tw-gradient-from-position); --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-900 | --tw-gradient-from: #713f12 var(--tw-gradient-from-position); --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-yellow-950 | --tw-gradient-from: #422006 var(--tw-gradient-from-position); --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-50 | --tw-gradient-from: #f7fee7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(247 254 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-100 | --tw-gradient-from: #ecfccb var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 252 203 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-200 | --tw-gradient-from: #d9f99d var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-300 | --tw-gradient-from: #bef264 var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 242 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-400 | --tw-gradient-from: #a3e635 var(--tw-gradient-from-position); --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-500 | --tw-gradient-from: #84cc16 var(--tw-gradient-from-position); --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-600 | --tw-gradient-from: #65a30d var(--tw-gradient-from-position); --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-700 | --tw-gradient-from: #4d7c0f var(--tw-gradient-from-position); --tw-gradient-to: rgb(77 124 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-800 | --tw-gradient-from: #3f6212 var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 98 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-900 | --tw-gradient-from: #365314 var(--tw-gradient-from-position); --tw-gradient-to: rgb(54 83 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-lime-950 | --tw-gradient-from: #1a2e05 var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 46 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-50 | --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-100 | --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-200 | --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-300 | --tw-gradient-from: #86efac var(--tw-gradient-from-position); --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-400 | --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-500 | --tw-gradient-from: #22c55e var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-600 | --tw-gradient-from: #16a34a var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-700 | --tw-gradient-from: #15803d var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-800 | --tw-gradient-from: #166534 var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-900 | --tw-gradient-from: #14532d var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-green-950 | --tw-gradient-from: #052e16 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-50 | --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-100 | --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-200 | --tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position); --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-300 | --tw-gradient-from: #6ee7b7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-400 | --tw-gradient-from: #34d399 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-500 | --tw-gradient-from: #10b981 var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-600 | --tw-gradient-from: #059669 var(--tw-gradient-from-position); --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-700 | --tw-gradient-from: #047857 var(--tw-gradient-from-position); --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-800 | --tw-gradient-from: #065f46 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 95 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-900 | --tw-gradient-from: #064e3b var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-emerald-950 | --tw-gradient-from: #022c22 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-50 | --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-100 | --tw-gradient-from: #ccfbf1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-200 | --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-300 | --tw-gradient-from: #5eead4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-400 | --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-500 | --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-600 | --tw-gradient-from: #0d9488 var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-700 | --tw-gradient-from: #0f766e var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-800 | --tw-gradient-from: #115e59 var(--tw-gradient-from-position); --tw-gradient-to: rgb(17 94 89 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-900 | --tw-gradient-from: #134e4a var(--tw-gradient-from-position); --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-teal-950 | --tw-gradient-from: #042f2e var(--tw-gradient-from-position); --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-50 | --tw-gradient-from: #ecfeff var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-100 | --tw-gradient-from: #cffafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-200 | --tw-gradient-from: #a5f3fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-300 | --tw-gradient-from: #67e8f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-400 | --tw-gradient-from: #22d3ee var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-500 | --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-600 | --tw-gradient-from: #0891b2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-700 | --tw-gradient-from: #0e7490 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-800 | --tw-gradient-from: #155e75 var(--tw-gradient-from-position); --tw-gradient-to: rgb(21 94 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-900 | --tw-gradient-from: #164e63 var(--tw-gradient-from-position); --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-cyan-950 | --tw-gradient-from: #083344 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-50 | --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-100 | --tw-gradient-from: #e0f2fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-200 | --tw-gradient-from: #bae6fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-300 | --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-400 | --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-500 | --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-600 | --tw-gradient-from: #0284c7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-700 | --tw-gradient-from: #0369a1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-800 | --tw-gradient-from: #075985 var(--tw-gradient-from-position); --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-900 | --tw-gradient-from: #0c4a6e var(--tw-gradient-from-position); --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-sky-950 | --tw-gradient-from: #082f49 var(--tw-gradient-from-position); --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-50 | --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-100 | --tw-gradient-from: #dbeafe var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-200 | --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position); --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-300 | --tw-gradient-from: #93c5fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-400 | --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-500 | --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-600 | --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-700 | --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-800 | --tw-gradient-from: #1e40af var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-900 | --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-blue-950 | --tw-gradient-from: #172554 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-50 | --tw-gradient-from: #eef2ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-100 | --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-200 | --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-300 | --tw-gradient-from: #a5b4fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-400 | --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-500 | --tw-gradient-from: #6366f1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-600 | --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-700 | --tw-gradient-from: #4338ca var(--tw-gradient-from-position); --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-800 | --tw-gradient-from: #3730a3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-900 | --tw-gradient-from: #312e81 var(--tw-gradient-from-position); --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-indigo-950 | --tw-gradient-from: #1e1b4b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-50 | --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-100 | --tw-gradient-from: #ede9fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-200 | --tw-gradient-from: #ddd6fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-300 | --tw-gradient-from: #c4b5fd var(--tw-gradient-from-position); --tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-400 | --tw-gradient-from: #a78bfa var(--tw-gradient-from-position); --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-500 | --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-600 | --tw-gradient-from: #7c3aed var(--tw-gradient-from-position); --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-700 | --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-800 | --tw-gradient-from: #5b21b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(91 33 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-900 | --tw-gradient-from: #4c1d95 var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-violet-950 | --tw-gradient-from: #2e1065 var(--tw-gradient-from-position); --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-50 | --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-100 | --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-200 | --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-300 | --tw-gradient-from: #d8b4fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-400 | --tw-gradient-from: #c084fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-500 | --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-600 | --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-700 | --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-800 | --tw-gradient-from: #6b21a8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-900 | --tw-gradient-from: #581c87 var(--tw-gradient-from-position); --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-purple-950 | --tw-gradient-from: #3b0764 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-50 | --tw-gradient-from: #fdf4ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-100 | --tw-gradient-from: #fae8ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-200 | --tw-gradient-from: #f5d0fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(245 208 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-300 | --tw-gradient-from: #f0abfc var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-400 | --tw-gradient-from: #e879f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-500 | --tw-gradient-from: #d946ef var(--tw-gradient-from-position); --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-600 | --tw-gradient-from: #c026d3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-700 | --tw-gradient-from: #a21caf var(--tw-gradient-from-position); --tw-gradient-to: rgb(162 28 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-800 | --tw-gradient-from: #86198f var(--tw-gradient-from-position); --tw-gradient-to: rgb(134 25 143 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-900 | --tw-gradient-from: #701a75 var(--tw-gradient-from-position); --tw-gradient-to: rgb(112 26 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-fuchsia-950 | --tw-gradient-from: #4a044e var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-50 | --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-100 | --tw-gradient-from: #fce7f3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-200 | --tw-gradient-from: #fbcfe8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 207 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-300 | --tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-400 | --tw-gradient-from: #f472b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-500 | --tw-gradient-from: #ec4899 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-600 | --tw-gradient-from: #db2777 var(--tw-gradient-from-position); --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-700 | --tw-gradient-from: #be185d var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-800 | --tw-gradient-from: #9d174d var(--tw-gradient-from-position); --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-900 | --tw-gradient-from: #831843 var(--tw-gradient-from-position); --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-pink-950 | --tw-gradient-from: #500724 var(--tw-gradient-from-position); --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-50 | --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-100 | --tw-gradient-from: #ffe4e6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-200 | --tw-gradient-from: #fecdd3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 205 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-300 | --tw-gradient-from: #fda4af var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 164 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-400 | --tw-gradient-from: #fb7185 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-500 | --tw-gradient-from: #f43f5e var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-600 | --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-700 | --tw-gradient-from: #be123c var(--tw-gradient-from-position); --tw-gradient-to: rgb(190 18 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-800 | --tw-gradient-from: #9f1239 var(--tw-gradient-from-position); --tw-gradient-to: rgb(159 18 57 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-900 | --tw-gradient-from: #881337 var(--tw-gradient-from-position); --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-rose-950 | --tw-gradient-from: #4c0519 var(--tw-gradient-from-position); --tw-gradient-to: rgb(76 5 25 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); | |
from-0% | --tw-gradient-from-position: 0%; | |
from-5% | --tw-gradient-from-position: 5%; | |
from-10% | --tw-gradient-from-position: 10%; | |
from-15% | --tw-gradient-from-position: 15%; | |
from-20% | --tw-gradient-from-position: 20%; | |
from-25% | --tw-gradient-from-position: 25%; | |
from-30% | --tw-gradient-from-position: 30%; | |
from-35% | --tw-gradient-from-position: 35%; | |
from-40% | --tw-gradient-from-position: 40%; | |
from-45% | --tw-gradient-from-position: 45%; | |
from-50% | --tw-gradient-from-position: 50%; | |
from-55% | --tw-gradient-from-position: 55%; | |
from-60% | --tw-gradient-from-position: 60%; | |
from-65% | --tw-gradient-from-position: 65%; | |
from-70% | --tw-gradient-from-position: 70%; | |
from-75% | --tw-gradient-from-position: 75%; | |
from-80% | --tw-gradient-from-position: 80%; | |
from-85% | --tw-gradient-from-position: 85%; | |
from-90% | --tw-gradient-from-position: 90%; | |
from-95% | --tw-gradient-from-position: 95%; | |
from-100% | --tw-gradient-from-position: 100%; | |
via-inherit | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), inherit var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-current | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), currentColor var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-transparent | --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-black | --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-white | --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-50 | --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-100 | --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f1f5f9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-200 | --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-300 | --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-400 | --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #94a3b8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-500 | --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-600 | --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #475569 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-700 | --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-800 | --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-900 | --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-slate-950 | --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #020617 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-50 | --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-100 | --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-200 | --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-300 | --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-400 | --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9ca3af var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-500 | --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6b7280 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-600 | --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4b5563 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-700 | --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #374151 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-800 | --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-900 | --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-gray-950 | --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #030712 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-50 | --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-100 | --tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f4f4f5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-200 | --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e4e4e7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-300 | --tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d4d4d8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-400 | --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a1a1aa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-500 | --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #71717a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-600 | --tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #52525b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-700 | --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3f3f46 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-800 | --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-900 | --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-zinc-950 | --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-50 | --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-100 | --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-200 | --tw-gradient-to: rgb(229 229 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e5e5e5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-300 | --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d4d4d4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-400 | --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a3a3a3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-500 | --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #737373 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-600 | --tw-gradient-to: rgb(82 82 82 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #525252 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-700 | --tw-gradient-to: rgb(64 64 64 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #404040 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-800 | --tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #262626 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-900 | --tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #171717 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-neutral-950 | --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0a0a0a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-50 | --tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fafaf9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-100 | --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f5f4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-200 | --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e7e5e4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-300 | --tw-gradient-to: rgb(214 211 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d3d1 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-400 | --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a8a29e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-500 | --tw-gradient-to: rgb(120 113 108 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #78716c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-600 | --tw-gradient-to: rgb(87 83 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #57534e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-700 | --tw-gradient-to: rgb(68 64 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #44403c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-800 | --tw-gradient-to: rgb(41 37 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #292524 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-900 | --tw-gradient-to: rgb(28 25 23 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1c1917 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-stone-950 | --tw-gradient-to: rgb(12 10 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0c0a09 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-50 | --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef2f2 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-100 | --tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fee2e2 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-200 | --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fecaca var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-300 | --tw-gradient-to: rgb(252 165 165 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-400 | --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-500 | --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-600 | --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-700 | --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b91c1c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-800 | --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #991b1b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-900 | --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-red-950 | --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #450a0a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-50 | --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-100 | --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffedd5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-200 | --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fed7aa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-300 | --tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-400 | --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-500 | --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-600 | --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ea580c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-700 | --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c2410c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-800 | --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9a3412 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-900 | --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7c2d12 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-orange-950 | --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #431407 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-50 | --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-100 | --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-200 | --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fde68a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-300 | --tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-400 | --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-500 | --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-600 | --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-700 | --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b45309 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-800 | --tw-gradient-to: rgb(146 64 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #92400e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-900 | --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #78350f var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-amber-950 | --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #451a03 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-50 | --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fefce8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-100 | --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef9c3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-200 | --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fef08a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-300 | --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-400 | --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-500 | --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-600 | --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ca8a04 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-700 | --tw-gradient-to: rgb(161 98 7 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a16207 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-800 | --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #854d0e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-900 | --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #713f12 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-yellow-950 | --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #422006 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-50 | --tw-gradient-to: rgb(247 254 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f7fee7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-100 | --tw-gradient-to: rgb(236 252 203 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfccb var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-200 | --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d9f99d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-300 | --tw-gradient-to: rgb(190 242 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bef264 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-400 | --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-500 | --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #84cc16 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-600 | --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-700 | --tw-gradient-to: rgb(77 124 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4d7c0f var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-800 | --tw-gradient-to: rgb(63 98 18 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3f6212 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-900 | --tw-gradient-to: rgb(54 83 20 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #365314 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-lime-950 | --tw-gradient-to: rgb(26 46 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1a2e05 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-50 | --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0fdf4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-100 | --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dcfce7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-200 | --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bbf7d0 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-300 | --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #86efac var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-400 | --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4ade80 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-500 | --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-600 | --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #16a34a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-700 | --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #15803d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-800 | --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #166534 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-900 | --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #14532d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-green-950 | --tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #052e16 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-50 | --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-100 | --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d1fae5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-200 | --tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-300 | --tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-400 | --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-500 | --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-600 | --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-700 | --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #047857 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-800 | --tw-gradient-to: rgb(6 95 70 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #065f46 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-900 | --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-emerald-950 | --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #022c22 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-50 | --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0fdfa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-100 | --tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ccfbf1 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-200 | --tw-gradient-to: rgb(153 246 228 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #99f6e4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-300 | --tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #5eead4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-400 | --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2dd4bf var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-500 | --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-600 | --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-700 | --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0f766e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-800 | --tw-gradient-to: rgb(17 94 89 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #115e59 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-900 | --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #134e4a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-teal-950 | --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #042f2e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-50 | --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ecfeff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-100 | --tw-gradient-to: rgb(207 250 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #cffafe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-200 | --tw-gradient-to: rgb(165 243 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a5f3fc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-300 | --tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #67e8f9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-400 | --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-500 | --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-600 | --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-700 | --tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0e7490 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-800 | --tw-gradient-to: rgb(21 94 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #155e75 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-900 | --tw-gradient-to: rgb(22 78 99 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #164e63 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-cyan-950 | --tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #083344 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-50 | --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0f9ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-100 | --tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e0f2fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-200 | --tw-gradient-to: rgb(186 230 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bae6fd var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-300 | --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7dd3fc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-400 | --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-500 | --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-600 | --tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0284c7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-700 | --tw-gradient-to: rgb(3 105 161 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0369a1 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-800 | --tw-gradient-to: rgb(7 89 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #075985 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-900 | --tw-gradient-to: rgb(12 74 110 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #0c4a6e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-sky-950 | --tw-gradient-to: rgb(8 47 73 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #082f49 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-50 | --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-100 | --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-200 | --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-300 | --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #93c5fd var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-400 | --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-500 | --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-600 | --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-700 | --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-800 | --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-900 | --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-blue-950 | --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #172554 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-50 | --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-100 | --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-200 | --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-300 | --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-400 | --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-500 | --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-600 | --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-700 | --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-800 | --tw-gradient-to: rgb(55 48 163 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3730a3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-900 | --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-indigo-950 | --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e1b4b var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-50 | --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-100 | --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ede9fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-200 | --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-300 | --tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-400 | --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a78bfa var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-500 | --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-600 | --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-700 | --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6d28d9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-800 | --tw-gradient-to: rgb(91 33 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #5b21b6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-900 | --tw-gradient-to: rgb(76 29 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4c1d95 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-violet-950 | --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2e1065 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-50 | --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-100 | --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f3e8ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-200 | --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-300 | --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-400 | --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-500 | --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-600 | --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-700 | --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-800 | --tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-900 | --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-purple-950 | --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b0764 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-50 | --tw-gradient-to: rgb(253 244 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdf4ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-100 | --tw-gradient-to: rgb(250 232 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fae8ff var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-200 | --tw-gradient-to: rgb(245 208 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f5d0fe var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-300 | --tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f0abfc var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-400 | --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-500 | --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-600 | --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c026d3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-700 | --tw-gradient-to: rgb(162 28 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #a21caf var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-800 | --tw-gradient-to: rgb(134 25 143 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #86198f var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-900 | --tw-gradient-to: rgb(112 26 117 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #701a75 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-fuchsia-950 | --tw-gradient-to: rgb(74 4 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4a044e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-50 | --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-100 | --tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-200 | --tw-gradient-to: rgb(251 207 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-300 | --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-400 | --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f472b6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-500 | --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-600 | --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-700 | --tw-gradient-to: rgb(190 24 93 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #be185d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-800 | --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9d174d var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-900 | --tw-gradient-to: rgb(131 24 67 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #831843 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-pink-950 | --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #500724 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-50 | --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-100 | --tw-gradient-to: rgb(255 228 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffe4e6 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-200 | --tw-gradient-to: rgb(254 205 211 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fecdd3 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-300 | --tw-gradient-to: rgb(253 164 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fda4af var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-400 | --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-500 | --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-600 | --tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e11d48 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-700 | --tw-gradient-to: rgb(190 18 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #be123c var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-800 | --tw-gradient-to: rgb(159 18 57 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #9f1239 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-900 | --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #881337 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-rose-950 | --tw-gradient-to: rgb(76 5 25 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #4c0519 var(--tw-gradient-via-position), var(--tw-gradient-to); | |
via-0% | --tw-gradient-via-position: 0%; | |
via-5% | --tw-gradient-via-position: 5%; | |
via-10% | --tw-gradient-via-position: 10%; | |
via-15% | --tw-gradient-via-position: 15%; | |
via-20% | --tw-gradient-via-position: 20%; | |
via-25% | --tw-gradient-via-position: 25%; | |
via-30% | --tw-gradient-via-position: 30%; | |
via-35% | --tw-gradient-via-position: 35%; | |
via-40% | --tw-gradient-via-position: 40%; | |
via-45% | --tw-gradient-via-position: 45%; | |
via-50% | --tw-gradient-via-position: 50%; | |
via-55% | --tw-gradient-via-position: 55%; | |
via-60% | --tw-gradient-via-position: 60%; | |
via-65% | --tw-gradient-via-position: 65%; | |
via-70% | --tw-gradient-via-position: 70%; | |
via-75% | --tw-gradient-via-position: 75%; | |
via-80% | --tw-gradient-via-position: 80%; | |
via-85% | --tw-gradient-via-position: 85%; | |
via-90% | --tw-gradient-via-position: 90%; | |
via-95% | --tw-gradient-via-position: 95%; | |
via-100% | --tw-gradient-via-position: 100%; | |
to-inherit | --tw-gradient-to: inherit var(--tw-gradient-to-position); | |
to-current | --tw-gradient-to: currentColor var(--tw-gradient-to-position); | |
to-transparent | --tw-gradient-to: transparent var(--tw-gradient-to-position); | |
to-black | --tw-gradient-to: #000 var(--tw-gradient-to-position); | |
to-white | --tw-gradient-to: #fff var(--tw-gradient-to-position); | |
to-slate-50 | --tw-gradient-to: #f8fafc var(--tw-gradient-to-position); | |
to-slate-100 | --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position); | |
to-slate-200 | --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position); | |
to-slate-300 | --tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position); | |
to-slate-400 | --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position); | |
to-slate-500 | --tw-gradient-to: #64748b var(--tw-gradient-to-position); | |
to-slate-600 | --tw-gradient-to: #475569 var(--tw-gradient-to-position); | |
to-slate-700 | --tw-gradient-to: #334155 var(--tw-gradient-to-position); | |
to-slate-800 | --tw-gradient-to: #1e293b var(--tw-gradient-to-position); | |
to-slate-900 | --tw-gradient-to: #0f172a var(--tw-gradient-to-position); | |
to-slate-950 | --tw-gradient-to: #020617 var(--tw-gradient-to-position); | |
to-gray-50 | --tw-gradient-to: #f9fafb var(--tw-gradient-to-position); | |
to-gray-100 | --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position); | |
to-gray-200 | --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position); | |
to-gray-300 | --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); | |
to-gray-400 | --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); | |
to-gray-500 | --tw-gradient-to: #6b7280 var(--tw-gradient-to-position); | |
to-gray-600 | --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); | |
to-gray-700 | --tw-gradient-to: #374151 var(--tw-gradient-to-position); | |
to-gray-800 | --tw-gradient-to: #1f2937 var(--tw-gradient-to-position); | |
to-gray-900 | --tw-gradient-to: #111827 var(--tw-gradient-to-position); | |
to-gray-950 | --tw-gradient-to: #030712 var(--tw-gradient-to-position); | |
to-zinc-50 | --tw-gradient-to: #fafafa var(--tw-gradient-to-position); | |
to-zinc-100 | --tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position); | |
to-zinc-200 | --tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position); | |
to-zinc-300 | --tw-gradient-to: #d4d4d8 var(--tw-gradient-to-position); | |
to-zinc-400 | --tw-gradient-to: #a1a1aa var(--tw-gradient-to-position); | |
to-zinc-500 | --tw-gradient-to: #71717a var(--tw-gradient-to-position); | |
to-zinc-600 | --tw-gradient-to: #52525b var(--tw-gradient-to-position); | |
to-zinc-700 | --tw-gradient-to: #3f3f46 var(--tw-gradient-to-position); | |
to-zinc-800 | --tw-gradient-to: #27272a var(--tw-gradient-to-position); | |
to-zinc-900 | --tw-gradient-to: #18181b var(--tw-gradient-to-position); | |
to-zinc-950 | --tw-gradient-to: #09090b var(--tw-gradient-to-position); | |
to-neutral-50 | --tw-gradient-to: #fafafa var(--tw-gradient-to-position); | |
to-neutral-100 | --tw-gradient-to: #f5f5f5 var(--tw-gradient-to-position); | |
to-neutral-200 | --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position); | |
to-neutral-300 | --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position); | |
to-neutral-400 | --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position); | |
to-neutral-500 | --tw-gradient-to: #737373 var(--tw-gradient-to-position); | |
to-neutral-600 | --tw-gradient-to: #525252 var(--tw-gradient-to-position); | |
to-neutral-700 | --tw-gradient-to: #404040 var(--tw-gradient-to-position); | |
to-neutral-800 | --tw-gradient-to: #262626 var(--tw-gradient-to-position); | |
to-neutral-900 | --tw-gradient-to: #171717 var(--tw-gradient-to-position); | |
to-neutral-950 | --tw-gradient-to: #0a0a0a var(--tw-gradient-to-position); | |
to-stone-50 | --tw-gradient-to: #fafaf9 var(--tw-gradient-to-position); | |
to-stone-100 | --tw-gradient-to: #f5f5f4 var(--tw-gradient-to-position); | |
to-stone-200 | --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position); | |
to-stone-300 | --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position); | |
to-stone-400 | --tw-gradient-to: #a8a29e var(--tw-gradient-to-position); | |
to-stone-500 | --tw-gradient-to: #78716c var(--tw-gradient-to-position); | |
to-stone-600 | --tw-gradient-to: #57534e var(--tw-gradient-to-position); | |
to-stone-700 | --tw-gradient-to: #44403c var(--tw-gradient-to-position); | |
to-stone-800 | --tw-gradient-to: #292524 var(--tw-gradient-to-position); | |
to-stone-900 | --tw-gradient-to: #1c1917 var(--tw-gradient-to-position); | |
to-stone-950 | --tw-gradient-to: #0c0a09 var(--tw-gradient-to-position); | |
to-red-50 | --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position); | |
to-red-100 | --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position); | |
to-red-200 | --tw-gradient-to: #fecaca var(--tw-gradient-to-position); | |
to-red-300 | --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position); | |
to-red-400 | --tw-gradient-to: #f87171 var(--tw-gradient-to-position); | |
to-red-500 | --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); | |
to-red-600 | --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); | |
to-red-700 | --tw-gradient-to: #b91c1c var(--tw-gradient-to-position); | |
to-red-800 | --tw-gradient-to: #991b1b var(--tw-gradient-to-position); | |
to-red-900 | --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position); | |
to-red-950 | --tw-gradient-to: #450a0a var(--tw-gradient-to-position); | |
to-orange-50 | --tw-gradient-to: #fff7ed var(--tw-gradient-to-position); | |
to-orange-100 | --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position); | |
to-orange-200 | --tw-gradient-to: #fed7aa var(--tw-gradient-to-position); | |
to-orange-300 | --tw-gradient-to: #fdba74 var(--tw-gradient-to-position); | |
to-orange-400 | --tw-gradient-to: #fb923c var(--tw-gradient-to-position); | |
to-orange-500 | --tw-gradient-to: #f97316 var(--tw-gradient-to-position); | |
to-orange-600 | --tw-gradient-to: #ea580c var(--tw-gradient-to-position); | |
to-orange-700 | --tw-gradient-to: #c2410c var(--tw-gradient-to-position); | |
to-orange-800 | --tw-gradient-to: #9a3412 var(--tw-gradient-to-position); | |
to-orange-900 | --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position); | |
to-orange-950 | --tw-gradient-to: #431407 var(--tw-gradient-to-position); | |
to-amber-50 | --tw-gradient-to: #fffbeb var(--tw-gradient-to-position); | |
to-amber-100 | --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position); | |
to-amber-200 | --tw-gradient-to: #fde68a var(--tw-gradient-to-position); | |
to-amber-300 | --tw-gradient-to: #fcd34d var(--tw-gradient-to-position); | |
to-amber-400 | --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position); | |
to-amber-500 | --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); | |
to-amber-600 | --tw-gradient-to: #d97706 var(--tw-gradient-to-position); | |
to-amber-700 | --tw-gradient-to: #b45309 var(--tw-gradient-to-position); | |
to-amber-800 | --tw-gradient-to: #92400e var(--tw-gradient-to-position); | |
to-amber-900 | --tw-gradient-to: #78350f var(--tw-gradient-to-position); | |
to-amber-950 | --tw-gradient-to: #451a03 var(--tw-gradient-to-position); | |
to-yellow-50 | --tw-gradient-to: #fefce8 var(--tw-gradient-to-position); | |
to-yellow-100 | --tw-gradient-to: #fef9c3 var(--tw-gradient-to-position); | |
to-yellow-200 | --tw-gradient-to: #fef08a var(--tw-gradient-to-position); | |
to-yellow-300 | --tw-gradient-to: #fde047 var(--tw-gradient-to-position); | |
to-yellow-400 | --tw-gradient-to: #facc15 var(--tw-gradient-to-position); | |
to-yellow-500 | --tw-gradient-to: #eab308 var(--tw-gradient-to-position); | |
to-yellow-600 | --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position); | |
to-yellow-700 | --tw-gradient-to: #a16207 var(--tw-gradient-to-position); | |
to-yellow-800 | --tw-gradient-to: #854d0e var(--tw-gradient-to-position); | |
to-yellow-900 | --tw-gradient-to: #713f12 var(--tw-gradient-to-position); | |
to-yellow-950 | --tw-gradient-to: #422006 var(--tw-gradient-to-position); | |
to-lime-50 | --tw-gradient-to: #f7fee7 var(--tw-gradient-to-position); | |
to-lime-100 | --tw-gradient-to: #ecfccb var(--tw-gradient-to-position); | |
to-lime-200 | --tw-gradient-to: #d9f99d var(--tw-gradient-to-position); | |
to-lime-300 | --tw-gradient-to: #bef264 var(--tw-gradient-to-position); | |
to-lime-400 | --tw-gradient-to: #a3e635 var(--tw-gradient-to-position); | |
to-lime-500 | --tw-gradient-to: #84cc16 var(--tw-gradient-to-position); | |
to-lime-600 | --tw-gradient-to: #65a30d var(--tw-gradient-to-position); | |
to-lime-700 | --tw-gradient-to: #4d7c0f var(--tw-gradient-to-position); | |
to-lime-800 | --tw-gradient-to: #3f6212 var(--tw-gradient-to-position); | |
to-lime-900 | --tw-gradient-to: #365314 var(--tw-gradient-to-position); | |
to-lime-950 | --tw-gradient-to: #1a2e05 var(--tw-gradient-to-position); | |
to-green-50 | --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position); | |
to-green-100 | --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position); | |
to-green-200 | --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position); | |
to-green-300 | --tw-gradient-to: #86efac var(--tw-gradient-to-position); | |
to-green-400 | --tw-gradient-to: #4ade80 var(--tw-gradient-to-position); | |
to-green-500 | --tw-gradient-to: #22c55e var(--tw-gradient-to-position); | |
to-green-600 | --tw-gradient-to: #16a34a var(--tw-gradient-to-position); | |
to-green-700 | --tw-gradient-to: #15803d var(--tw-gradient-to-position); | |
to-green-800 | --tw-gradient-to: #166534 var(--tw-gradient-to-position); | |
to-green-900 | --tw-gradient-to: #14532d var(--tw-gradient-to-position); | |
to-green-950 | --tw-gradient-to: #052e16 var(--tw-gradient-to-position); | |
to-emerald-50 | --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position); | |
to-emerald-100 | --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position); | |
to-emerald-200 | --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position); | |
to-emerald-300 | --tw-gradient-to: #6ee7b7 var(--tw-gradient-to-position); | |
to-emerald-400 | --tw-gradient-to: #34d399 var(--tw-gradient-to-position); | |
to-emerald-500 | --tw-gradient-to: #10b981 var(--tw-gradient-to-position); | |
to-emerald-600 | --tw-gradient-to: #059669 var(--tw-gradient-to-position); | |
to-emerald-700 | --tw-gradient-to: #047857 var(--tw-gradient-to-position); | |
to-emerald-800 | --tw-gradient-to: #065f46 var(--tw-gradient-to-position); | |
to-emerald-900 | --tw-gradient-to: #064e3b var(--tw-gradient-to-position); | |
to-emerald-950 | --tw-gradient-to: #022c22 var(--tw-gradient-to-position); | |
to-teal-50 | --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position); | |
to-teal-100 | --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position); | |
to-teal-200 | --tw-gradient-to: #99f6e4 var(--tw-gradient-to-position); | |
to-teal-300 | --tw-gradient-to: #5eead4 var(--tw-gradient-to-position); | |
to-teal-400 | --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position); | |
to-teal-500 | --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position); | |
to-teal-600 | --tw-gradient-to: #0d9488 var(--tw-gradient-to-position); | |
to-teal-700 | --tw-gradient-to: #0f766e var(--tw-gradient-to-position); | |
to-teal-800 | --tw-gradient-to: #115e59 var(--tw-gradient-to-position); | |
to-teal-900 | --tw-gradient-to: #134e4a var(--tw-gradient-to-position); | |
to-teal-950 | --tw-gradient-to: #042f2e var(--tw-gradient-to-position); | |
to-cyan-50 | --tw-gradient-to: #ecfeff var(--tw-gradient-to-position); | |
to-cyan-100 | --tw-gradient-to: #cffafe var(--tw-gradient-to-position); | |
to-cyan-200 | --tw-gradient-to: #a5f3fc var(--tw-gradient-to-position); | |
to-cyan-300 | --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position); | |
to-cyan-400 | --tw-gradient-to: #22d3ee var(--tw-gradient-to-position); | |
to-cyan-500 | --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); | |
to-cyan-600 | --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); | |
to-cyan-700 | --tw-gradient-to: #0e7490 var(--tw-gradient-to-position); | |
to-cyan-800 | --tw-gradient-to: #155e75 var(--tw-gradient-to-position); | |
to-cyan-900 | --tw-gradient-to: #164e63 var(--tw-gradient-to-position); | |
to-cyan-950 | --tw-gradient-to: #083344 var(--tw-gradient-to-position); | |
to-sky-50 | --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position); | |
to-sky-100 | --tw-gradient-to: #e0f2fe var(--tw-gradient-to-position); | |
to-sky-200 | --tw-gradient-to: #bae6fd var(--tw-gradient-to-position); | |
to-sky-300 | --tw-gradient-to: #7dd3fc var(--tw-gradient-to-position); | |
to-sky-400 | --tw-gradient-to: #38bdf8 var(--tw-gradient-to-position); | |
to-sky-500 | --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position); | |
to-sky-600 | --tw-gradient-to: #0284c7 var(--tw-gradient-to-position); | |
to-sky-700 | --tw-gradient-to: #0369a1 var(--tw-gradient-to-position); | |
to-sky-800 | --tw-gradient-to: #075985 var(--tw-gradient-to-position); | |
to-sky-900 | --tw-gradient-to: #0c4a6e var(--tw-gradient-to-position); | |
to-sky-950 | --tw-gradient-to: #082f49 var(--tw-gradient-to-position); | |
to-blue-50 | --tw-gradient-to: #eff6ff var(--tw-gradient-to-position); | |
to-blue-100 | --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); | |
to-blue-200 | --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position); | |
to-blue-300 | --tw-gradient-to: #93c5fd var(--tw-gradient-to-position); | |
to-blue-400 | --tw-gradient-to: #60a5fa var(--tw-gradient-to-position); | |
to-blue-500 | --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); | |
to-blue-600 | --tw-gradient-to: #2563eb var(--tw-gradient-to-position); | |
to-blue-700 | --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); | |
to-blue-800 | --tw-gradient-to: #1e40af var(--tw-gradient-to-position); | |
to-blue-900 | --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position); | |
to-blue-950 | --tw-gradient-to: #172554 var(--tw-gradient-to-position); | |
to-indigo-50 | --tw-gradient-to: #eef2ff var(--tw-gradient-to-position); | |
to-indigo-100 | --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position); | |
to-indigo-200 | --tw-gradient-to: #c7d2fe var(--tw-gradient-to-position); | |
to-indigo-300 | --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position); | |
to-indigo-400 | --tw-gradient-to: #818cf8 var(--tw-gradient-to-position); | |
to-indigo-500 | --tw-gradient-to: #6366f1 var(--tw-gradient-to-position); | |
to-indigo-600 | --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position); | |
to-indigo-700 | --tw-gradient-to: #4338ca var(--tw-gradient-to-position); | |
to-indigo-800 | --tw-gradient-to: #3730a3 var(--tw-gradient-to-position); | |
to-indigo-900 | --tw-gradient-to: #312e81 var(--tw-gradient-to-position); | |
to-indigo-950 | --tw-gradient-to: #1e1b4b var(--tw-gradient-to-position); | |
to-violet-50 | --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position); | |
to-violet-100 | --tw-gradient-to: #ede9fe var(--tw-gradient-to-position); | |
to-violet-200 | --tw-gradient-to: #ddd6fe var(--tw-gradient-to-position); | |
to-violet-300 | --tw-gradient-to: #c4b5fd var(--tw-gradient-to-position); | |
to-violet-400 | --tw-gradient-to: #a78bfa var(--tw-gradient-to-position); | |
to-violet-500 | --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position); | |
to-violet-600 | --tw-gradient-to: #7c3aed var(--tw-gradient-to-position); | |
to-violet-700 | --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position); | |
to-violet-800 | --tw-gradient-to: #5b21b6 var(--tw-gradient-to-position); | |
to-violet-900 | --tw-gradient-to: #4c1d95 var(--tw-gradient-to-position); | |
to-violet-950 | --tw-gradient-to: #2e1065 var(--tw-gradient-to-position); | |
to-purple-50 | --tw-gradient-to: #faf5ff var(--tw-gradient-to-position); | |
to-purple-100 | --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position); | |
to-purple-200 | --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position); | |
to-purple-300 | --tw-gradient-to: #d8b4fe var(--tw-gradient-to-position); | |
to-purple-400 | --tw-gradient-to: #c084fc var(--tw-gradient-to-position); | |
to-purple-500 | --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); | |
to-purple-600 | --tw-gradient-to: #9333ea var(--tw-gradient-to-position); | |
to-purple-700 | --tw-gradient-to: #7e22ce var(--tw-gradient-to-position); | |
to-purple-800 | --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position); | |
to-purple-900 | --tw-gradient-to: #581c87 var(--tw-gradient-to-position); | |
to-purple-950 | --tw-gradient-to: #3b0764 var(--tw-gradient-to-position); | |
to-fuchsia-50 | --tw-gradient-to: #fdf4ff var(--tw-gradient-to-position); | |
to-fuchsia-100 | --tw-gradient-to: #fae8ff var(--tw-gradient-to-position); | |
to-fuchsia-200 | --tw-gradient-to: #f5d0fe var(--tw-gradient-to-position); | |
to-fuchsia-300 | --tw-gradient-to: #f0abfc var(--tw-gradient-to-position); | |
to-fuchsia-400 | --tw-gradient-to: #e879f9 var(--tw-gradient-to-position); | |
to-fuchsia-500 | --tw-gradient-to: #d946ef var(--tw-gradient-to-position); | |
to-fuchsia-600 | --tw-gradient-to: #c026d3 var(--tw-gradient-to-position); | |
to-fuchsia-700 | --tw-gradient-to: #a21caf var(--tw-gradient-to-position); | |
to-fuchsia-800 | --tw-gradient-to: #86198f var(--tw-gradient-to-position); | |
to-fuchsia-900 | --tw-gradient-to: #701a75 var(--tw-gradient-to-position); | |
to-fuchsia-950 | --tw-gradient-to: #4a044e var(--tw-gradient-to-position); | |
to-pink-50 | --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position); | |
to-pink-100 | --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position); | |
to-pink-200 | --tw-gradient-to: #fbcfe8 var(--tw-gradient-to-position); | |
to-pink-300 | --tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position); | |
to-pink-400 | --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); | |
to-pink-500 | --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); | |
to-pink-600 | --tw-gradient-to: #db2777 var(--tw-gradient-to-position); | |
to-pink-700 | --tw-gradient-to: #be185d var(--tw-gradient-to-position); | |
to-pink-800 | --tw-gradient-to: #9d174d var(--tw-gradient-to-position); | |
to-pink-900 | --tw-gradient-to: #831843 var(--tw-gradient-to-position); | |
to-pink-950 | --tw-gradient-to: #500724 var(--tw-gradient-to-position); | |
to-rose-50 | --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position); | |
to-rose-100 | --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position); | |
to-rose-200 | --tw-gradient-to: #fecdd3 var(--tw-gradient-to-position); | |
to-rose-300 | --tw-gradient-to: #fda4af var(--tw-gradient-to-position); | |
to-rose-400 | --tw-gradient-to: #fb7185 var(--tw-gradient-to-position); | |
to-rose-500 | --tw-gradient-to: #f43f5e var(--tw-gradient-to-position); | |
to-rose-600 | --tw-gradient-to: #e11d48 var(--tw-gradient-to-position); | |
to-rose-700 | --tw-gradient-to: #be123c var(--tw-gradient-to-position); | |
to-rose-800 | --tw-gradient-to: #9f1239 var(--tw-gradient-to-position); | |
to-rose-900 | --tw-gradient-to: #881337 var(--tw-gradient-to-position); | |
to-rose-950 | --tw-gradient-to: #4c0519 var(--tw-gradient-to-position); | |
to-0% | --tw-gradient-to-position: 0%; | |
to-5% | --tw-gradient-to-position: 5%; | |
to-10% | --tw-gradient-to-position: 10%; | |
to-15% | --tw-gradient-to-position: 15%; | |
to-20% | --tw-gradient-to-position: 20%; | |
to-25% | --tw-gradient-to-position: 25%; | |
to-30% | --tw-gradient-to-position: 30%; | |
to-35% | --tw-gradient-to-position: 35%; | |
to-40% | --tw-gradient-to-position: 40%; | |
to-45% | --tw-gradient-to-position: 45%; | |
to-50% | --tw-gradient-to-position: 50%; | |
to-55% | --tw-gradient-to-position: 55%; | |
to-60% | --tw-gradient-to-position: 60%; | |
to-65% | --tw-gradient-to-position: 65%; | |
to-70% | --tw-gradient-to-position: 70%; | |
to-75% | --tw-gradient-to-position: 75%; | |
to-80% | --tw-gradient-to-position: 80%; | |
to-85% | --tw-gradient-to-position: 85%; | |
to-90% | --tw-gradient-to-position: 90%; | |
to-95% | --tw-gradient-to-position: 95%; | |
to-100% | --tw-gradient-to-position: 100%; |
Use the from-*
utilities to set the starting color of a gradient.
<div class="bg-gradient-to-r from-indigo-500 ..."></div>
Use the to-*
utilities to set the ending color of a gradient.
<div class="bg-gradient-to-r from-cyan-500 to-blue-500 ..."></div>
Gradients do not fade in from transparent by default. To fade in from transparent, reverse the gradient direction and use a from-*
utility.
Use the via-*
utilities to add a middle color to a gradient.
<div class="bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 ..."></div>
Gradients with a from-*
and via-*
will fade out to transparent by default if no to-*
is present.
For more control over the gradient color stop positions, combine the gradient color utilities with gradient position utilities like from-10%
, via-30%
and to-90%
.
<div class="bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% ..."></div>
Gradients fade out to transparent by default, without requiring you to add to-transparent
explicitly. Tailwind intelligently calculates the right “transparent” value to use based on the starting color to avoid a bug in Safari < 15.4 that causes fading to simply the transparent
keyword to fade through gray, which just looks awful.
Don’t add to-transparent
explicitly
<div class="bg-gradient-to-r from-blue-500 to-transparent">
<!-- ... -->
</div>
Only specify a from color and fade to transparent automatically
<div class="bg-gradient-to-r from-blue-500">
<!-- ... -->
</div>
Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:from-pink-500
to only apply the from-pink-500
utility on hover.
<button type="button" class="bg-gradient-to-r from-teal-400 to-blue-500 hover:from-pink-500 hover:to-orange-500 ...">
Hover me
</button>
Note that conditionally setting the from-*
color resets the entire gradient, so if you want to keep the same to-*
color you need to specify it again for that condition.
<div class="from-teal-400 to-blue-500 hover:from-purple-500 hover:to-blue-500 ...">
<!-- ... -->
</div>
For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.
You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use md:from-yellow-500
to apply the from-yellow-500
utility at only medium screen sizes and above.
<div class="bg-gradient-to-r from-purple-400 md:from-yellow-500">
<!-- ... -->
</div>
To learn more, check out the documentation on Responsive Design, Dark Mode and other media query modifiers.
By default, Tailwind makes the entire default color palette available as gradient colors. You can customize your color palette by editing theme.colors
or theme.extend.colors
in your tailwind.config.js
file.
module.exports = {
theme: {
extend: {
colors: {
'regal-blue': '#243c5a',
},
}
}
}
Alternatively, you can customize just your gradient colors by editing theme.gradientColorStops
or theme.extend.gradientColorStops
in your tailwind.config.js
file.
In addition to the colors, you can also customize the gradient color stop positions by editing theme.gradientColorStopPositions
or theme.extend.gradientColorStopPositions
.
module.exports = {
theme: {
extend: {
gradientColorStopPositions: {
33: '33%',
}
}
}
}
Learn more about customizing the default theme in the theme customization documentation.
If you need to use a one-off gradient color stop value that doesn’t make sense to include in your theme, use square brackets to generate a property on the fly using any arbitrary value.
<div class="from-[#243c5a]">
<!-- ... -->
</div>
Learn more about arbitrary value support in the arbitrary values documentation.