Utilities
Border Color
The Border Color utility lets you add color to the borders of UI elements, defining boundaries more clearly.
Utility Class | USS Properties |
|---|---|
| border-transparent | border-color: rgba(0, 0, 0, 0); |
| border-slate-50 | border-color: #F8FAFC; |
| border-slate-100 | border-color: #F1F5F9; |
| border-slate-200 | border-color: #E2E8F0; |
| border-slate-300 | border-color: #CBD5E1; |
| border-slate-400 | border-color: #94A3B8; |
| border-slate-500 | border-color: #64748B; |
| border-slate-600 | border-color: #475569; |
| border-slate-700 | border-color: #334155; |
| border-slate-800 | border-color: #1E293B; |
| border-slate-900 | border-color: #0F172A; |
| border-slate-950 | border-color: #020617; |
| border-gray-50 | border-color: #F9FAFB; |
| border-gray-100 | border-color: #F3F4F6; |
| border-gray-200 | border-color: #E5E7EB; |
| border-gray-300 | border-color: #D1D5DB; |
| border-gray-400 | border-color: #9CA3AF; |
| border-gray-500 | border-color: #6B7280; |
| border-gray-600 | border-color: #4B5563; |
| border-gray-700 | border-color: #374151; |
| border-gray-800 | border-color: #1F2937; |
| border-gray-900 | border-color: #111827; |
| border-gray-950 | border-color: #030712; |
| border-zinc-50 | border-color: #FAFAFA; |
| border-zinc-100 | border-color: #F4F4F5; |
| border-zinc-200 | border-color: #E4E4E7; |
| border-zinc-300 | border-color: #D4D4D8; |
| border-zinc-400 | border-color: #A1A1AA; |
| border-zinc-500 | border-color: #71717A; |
| border-zinc-600 | border-color: #52525B; |
| border-zinc-700 | border-color: #3F3F46; |
| border-zinc-800 | border-color: #27272A; |
| border-zinc-900 | border-color: #18181B; |
| border-zinc-950 | border-color: #09090B; |
| border-neutral-50 | border-color: #FAFAFA; |
| border-neutral-100 | border-color: #F5F5F5; |
| border-neutral-200 | border-color: #E5E5E5; |
| border-neutral-300 | border-color: #D4D4D4; |
| border-neutral-400 | border-color: #A3A3A3; |
| border-neutral-500 | border-color: #737373; |
| border-neutral-600 | border-color: #525252; |
| border-neutral-700 | border-color: #404040; |
| border-neutral-800 | border-color: #262626; |
| border-neutral-900 | border-color: #171717; |
| border-neutral-950 | border-color: #0A0A0A; |
| border-stone-50 | border-color: #FAFAF9; |
| border-stone-100 | border-color: #F5F5F4; |
| border-stone-200 | border-color: #E7E5E4; |
| border-stone-300 | border-color: #D6D3D1; |
| border-stone-400 | border-color: #A8A29E; |
| border-stone-500 | border-color: #78716C; |
| border-stone-600 | border-color: #57534E; |
| border-stone-700 | border-color: #44403C; |
| border-stone-800 | border-color: #292524; |
| border-stone-900 | border-color: #1C1917; |
| border-stone-950 | border-color: #0C0A09; |
| border-red-50 | border-color: #FEF2F2; |
| border-red-100 | border-color: #FEE2E2; |
| border-red-200 | border-color: #FECACA; |
| border-red-300 | border-color: #FCA5A5; |
| border-red-400 | border-color: #F87171; |
| border-red-500 | border-color: #EF4444; |
| border-red-600 | border-color: #DC2626; |
| border-red-700 | border-color: #B91C1C; |
| border-red-800 | border-color: #991B1B; |
| border-red-900 | border-color: #7F1D1D; |
| border-red-950 | border-color: #450A0A; |
| border-orange-50 | border-color: #FFF7ED; |
| border-orange-100 | border-color: #FFEDD5; |
| border-orange-200 | border-color: #FED7AA; |
| border-orange-300 | border-color: #FDBA74; |
| border-orange-400 | border-color: #FB923C; |
| border-orange-500 | border-color: #F97316; |
| border-orange-600 | border-color: #EA580C; |
| border-orange-700 | border-color: #C2410C; |
| border-orange-800 | border-color: #9A3412; |
| border-orange-900 | border-color: #7C2D12; |
| border-orange-950 | border-color: #431407; |
| border-amber-50 | border-color: #FFFBEB; |
| border-amber-100 | border-color: #FEF3C7; |
| border-amber-200 | border-color: #FDE68A; |
| border-amber-300 | border-color: #FCD34D; |
| border-amber-400 | border-color: #FBBF24; |
| border-amber-500 | border-color: #F59E0B; |
| border-amber-600 | border-color: #D97706; |
| border-amber-700 | border-color: #B45309; |
| border-amber-800 | border-color: #92400E; |
| border-amber-900 | border-color: #78350F; |
| border-amber-950 | border-color: #451A03; |
| border-yellow-50 | border-color: #FEFCE8; |
| border-yellow-100 | border-color: #FEF9C3; |
| border-yellow-200 | border-color: #FEF08A; |
| border-yellow-300 | border-color: #FDE047; |
| border-yellow-400 | border-color: #FACC15; |
| border-yellow-500 | border-color: #EAB308; |
| border-yellow-600 | border-color: #CA8A04; |
| border-yellow-700 | border-color: #A16207; |
| border-yellow-800 | border-color: #854D0E; |
| border-yellow-900 | border-color: #713F12; |
| border-yellow-950 | border-color: #422006; |
| border-lime-50 | border-color: #F7FEE7; |
| border-lime-100 | border-color: #ECFCCB; |
| border-lime-200 | border-color: #D9F99D; |
| border-lime-300 | border-color: #BEF264; |
| border-lime-400 | border-color: #A3E635; |
| border-lime-500 | border-color: #84CC16; |
| border-lime-600 | border-color: #65A30D; |
| border-lime-700 | border-color: #4D7C0F; |
| border-lime-800 | border-color: #3F6212; |
| border-lime-900 | border-color: #365314; |
| border-lime-950 | border-color: #1A2E05; |
| border-green-50 | border-color: #F0FDF4; |
| border-green-100 | border-color: #DCFCE7; |
| border-green-200 | border-color: #BBF7D0; |
| border-green-300 | border-color: #86EFAC; |
| border-green-400 | border-color: #4ADE80; |
| border-green-500 | border-color: #22C55E; |
| border-green-600 | border-color: #16A34A; |
| border-green-700 | border-color: #15803D; |
| border-green-800 | border-color: #166534; |
| border-green-900 | border-color: #14532D; |
| border-green-950 | border-color: #052E16; |
| border-emerald-50 | border-color: #ECFDF5; |
| border-emerald-100 | border-color: #D1FAE5; |
| border-emerald-200 | border-color: #A7F3D0; |
| border-emerald-300 | border-color: #6EE7B7; |
| border-emerald-400 | border-color: #34D399; |
| border-emerald-500 | border-color: #10B981; |
| border-emerald-600 | border-color: #059669; |
| border-emerald-700 | border-color: #047857; |
| border-emerald-800 | border-color: #065F46; |
| border-emerald-900 | border-color: #064E3B; |
| border-emerald-950 | border-color: #022C22; |
| border-teal-50 | border-color: #F0FDFA; |
| border-teal-100 | border-color: #CCFBF1; |
| border-teal-200 | border-color: #99F6E4; |
| border-teal-300 | border-color: #5EEAD4; |
| border-teal-400 | border-color: #2DD4BF; |
| border-teal-500 | border-color: #14B8A6; |
| border-teal-600 | border-color: #0D9488; |
| border-teal-700 | border-color: #0F766E; |
| border-teal-800 | border-color: #115E59; |
| border-teal-900 | border-color: #134E4A; |
| border-teal-950 | border-color: #042F2E; |
| border-cyan-50 | border-color: #ECFEFF; |
| border-cyan-100 | border-color: #CFFAFE; |
| border-cyan-200 | border-color: #A5F3FC; |
| border-cyan-300 | border-color: #67E8F9; |
| border-cyan-400 | border-color: #22D3EE; |
| border-cyan-500 | border-color: #06B6D4; |
| border-cyan-600 | border-color: #0891B2; |
| border-cyan-700 | border-color: #0E7490; |
| border-cyan-800 | border-color: #155E75; |
| border-cyan-900 | border-color: #164E63; |
| border-cyan-950 | border-color: #083344; |
| border-sky-50 | border-color: #F0F9FF; |
| border-sky-100 | border-color: #E0F2FE; |
| border-sky-200 | border-color: #BAE6FD; |
| border-sky-300 | border-color: #7DD3FC; |
| border-sky-400 | border-color: #38BDF8; |
| border-sky-500 | border-color: #0EA5E9; |
| border-sky-600 | border-color: #0284C7; |
| border-sky-700 | border-color: #0369A1; |
| border-sky-800 | border-color: #075985; |
| border-sky-900 | border-color: #0C4A6E; |
| border-sky-950 | border-color: #082F49; |
| border-blue-50 | border-color: #EFF6FF; |
| border-blue-100 | border-color: #DBEAFE; |
| border-blue-200 | border-color: #BFDBFE; |
| border-blue-300 | border-color: #93C5FD; |
| border-blue-400 | border-color: #60A5FA; |
| border-blue-500 | border-color: #3B82F6; |
| border-blue-600 | border-color: #2563EB; |
| border-blue-700 | border-color: #1D4ED8; |
| border-blue-800 | border-color: #1E40AF; |
| border-blue-900 | border-color: #1E3A8A; |
| border-blue-950 | border-color: #172554; |
| border-indigo-50 | border-color: #EEF2FF; |
| border-indigo-100 | border-color: #E0E7FF; |
| border-indigo-200 | border-color: #C7D2FE; |
| border-indigo-300 | border-color: #A5B4FC; |
| border-indigo-400 | border-color: #818CF8; |
| border-indigo-500 | border-color: #6366F1; |
| border-indigo-600 | border-color: #4F46E5; |
| border-indigo-700 | border-color: #4338CA; |
| border-indigo-800 | border-color: #3730A3; |
| border-indigo-900 | border-color: #312E81; |
| border-indigo-950 | border-color: #1E1B4B; |
| border-violet-50 | border-color: #F5F3FF; |
| border-violet-100 | border-color: #EDE9FE; |
| border-violet-200 | border-color: #DDD6FE; |
| border-violet-300 | border-color: #C4B5FD; |
| border-violet-400 | border-color: #A78BFA; |
| border-violet-500 | border-color: #8B5CF6; |
| border-violet-600 | border-color: #7C3AED; |
| border-violet-700 | border-color: #6D28D9; |
| border-violet-800 | border-color: #5B21B6; |
| border-violet-900 | border-color: #4C1D95; |
| border-violet-950 | border-color: #2E1065; |
| border-purple-50 | border-color: #FAF5FF; |
| border-purple-100 | border-color: #F3E8FF; |
| border-purple-200 | border-color: #E9D5FF; |
| border-purple-300 | border-color: #D8B4FE; |
| border-purple-400 | border-color: #C084FC; |
| border-purple-500 | border-color: #A855F7; |
| border-purple-600 | border-color: #9333EA; |
| border-purple-700 | border-color: #7E22CE; |
| border-purple-800 | border-color: #6B21A8; |
| border-purple-900 | border-color: #581C87; |
| border-purple-950 | border-color: #3B0764; |
| border-fuchsia-50 | border-color: #FDF4FF; |
| border-fuchsia-100 | border-color: #FAE8FF; |
| border-fuchsia-200 | border-color: #F5D0FE; |
| border-fuchsia-300 | border-color: #F0ABFC; |
| border-fuchsia-400 | border-color: #E879F9; |
| border-fuchsia-500 | border-color: #D946EF; |
| border-fuchsia-600 | border-color: #C026D3; |
| border-fuchsia-700 | border-color: #A21CAF; |
| border-fuchsia-800 | border-color: #86198F; |
| border-fuchsia-900 | border-color: #701A75; |
| border-fuchsia-950 | border-color: #4A044E; |
| border-pink-50 | border-color: #FDF2F8; |
| border-pink-100 | border-color: #FCE7F3; |
| border-pink-200 | border-color: #FBCFE8; |
| border-pink-300 | border-color: #F9A8D4; |
| border-pink-400 | border-color: #F472B6; |
| border-pink-500 | border-color: #EC4899; |
| border-pink-600 | border-color: #DB2777; |
| border-pink-700 | border-color: #BE185D; |
| border-pink-800 | border-color: #9D174D; |
| border-pink-900 | border-color: #831843; |
| border-pink-950 | border-color: #500724; |
| border-rose-50 | border-color: #FFF1F2; |
| border-rose-100 | border-color: #FFE4E6; |
| border-rose-200 | border-color: #FECDD3; |
| border-rose-300 | border-color: #FDA4AF; |
| border-rose-400 | border-color: #FB7185; |
| border-rose-500 | border-color: #F43F5E; |
| border-rose-600 | border-color: #E11D48; |
| border-rose-700 | border-color: #BE123C; |
| border-rose-800 | border-color: #9F1239; |
| border-rose-900 | border-color: #881337; |
| border-rose-950 | border-color: #4C0519; |
| border-t-transparent | border-top-color: rgba(0, 0, 0, 0); |
| border-t-slate-50 | border-top-color: #F8FAFC; |
| border-t-slate-100 | border-top-color: #F1F5F9; |
| border-t-slate-200 | border-top-color: #E2E8F0; |
| border-t-slate-300 | border-top-color: #CBD5E1; |
| border-t-slate-400 | border-top-color: #94A3B8; |
| border-t-slate-500 | border-top-color: #64748B; |
| border-t-slate-600 | border-top-color: #475569; |
| border-t-slate-700 | border-top-color: #334155; |
| border-t-slate-800 | border-top-color: #1E293B; |
| border-t-slate-900 | border-top-color: #0F172A; |
| border-t-slate-950 | border-top-color: #020617; |
| border-t-gray-50 | border-top-color: #F9FAFB; |
| border-t-gray-100 | border-top-color: #F3F4F6; |
| border-t-gray-200 | border-top-color: #E5E7EB; |
| border-t-gray-300 | border-top-color: #D1D5DB; |
| border-t-gray-400 | border-top-color: #9CA3AF; |
| border-t-gray-500 | border-top-color: #6B7280; |
| border-t-gray-600 | border-top-color: #4B5563; |
| border-t-gray-700 | border-top-color: #374151; |
| border-t-gray-800 | border-top-color: #1F2937; |
| border-t-gray-900 | border-top-color: #111827; |
| border-t-gray-950 | border-top-color: #030712; |
| border-t-zinc-50 | border-top-color: #FAFAFA; |
| border-t-zinc-100 | border-top-color: #F4F4F5; |
| border-t-zinc-200 | border-top-color: #E4E4E7; |
| border-t-zinc-300 | border-top-color: #D4D4D8; |
| border-t-zinc-400 | border-top-color: #A1A1AA; |
| border-t-zinc-500 | border-top-color: #71717A; |
| border-t-zinc-600 | border-top-color: #52525B; |
| border-t-zinc-700 | border-top-color: #3F3F46; |
| border-t-zinc-800 | border-top-color: #27272A; |
| border-t-zinc-900 | border-top-color: #18181B; |
| border-t-zinc-950 | border-top-color: #09090B; |
| border-t-neutral-50 | border-top-color: #FAFAFA; |
| border-t-neutral-100 | border-top-color: #F5F5F5; |
| border-t-neutral-200 | border-top-color: #E5E5E5; |
| border-t-neutral-300 | border-top-color: #D4D4D4; |
| border-t-neutral-400 | border-top-color: #A3A3A3; |
| border-t-neutral-500 | border-top-color: #737373; |
| border-t-neutral-600 | border-top-color: #525252; |
| border-t-neutral-700 | border-top-color: #404040; |
| border-t-neutral-800 | border-top-color: #262626; |
| border-t-neutral-900 | border-top-color: #171717; |
| border-t-neutral-950 | border-top-color: #0A0A0A; |
| border-t-stone-50 | border-top-color: #FAFAF9; |
| border-t-stone-100 | border-top-color: #F5F5F4; |
| border-t-stone-200 | border-top-color: #E7E5E4; |
| border-t-stone-300 | border-top-color: #D6D3D1; |
| border-t-stone-400 | border-top-color: #A8A29E; |
| border-t-stone-500 | border-top-color: #78716C; |
| border-t-stone-600 | border-top-color: #57534E; |
| border-t-stone-700 | border-top-color: #44403C; |
| border-t-stone-800 | border-top-color: #292524; |
| border-t-stone-900 | border-top-color: #1C1917; |
| border-t-stone-950 | border-top-color: #0C0A09; |
| border-t-red-50 | border-top-color: #FEF2F2; |
| border-t-red-100 | border-top-color: #FEE2E2; |
| border-t-red-200 | border-top-color: #FECACA; |
| border-t-red-300 | border-top-color: #FCA5A5; |
| border-t-red-400 | border-top-color: #F87171; |
| border-t-red-500 | border-top-color: #EF4444; |
| border-t-red-600 | border-top-color: #DC2626; |
| border-t-red-700 | border-top-color: #B91C1C; |
| border-t-red-800 | border-top-color: #991B1B; |
| border-t-red-900 | border-top-color: #7F1D1D; |
| border-t-red-950 | border-top-color: #450A0A; |
| border-t-orange-50 | border-top-color: #FFF7ED; |
| border-t-orange-100 | border-top-color: #FFEDD5; |
| border-t-orange-200 | border-top-color: #FED7AA; |
| border-t-orange-300 | border-top-color: #FDBA74; |
| border-t-orange-400 | border-top-color: #FB923C; |
| border-t-orange-500 | border-top-color: #F97316; |
| border-t-orange-600 | border-top-color: #EA580C; |
| border-t-orange-700 | border-top-color: #C2410C; |
| border-t-orange-800 | border-top-color: #9A3412; |
| border-t-orange-900 | border-top-color: #7C2D12; |
| border-t-orange-950 | border-top-color: #431407; |
| border-t-amber-50 | border-top-color: #FFFBEB; |
| border-t-amber-100 | border-top-color: #FEF3C7; |
| border-t-amber-200 | border-top-color: #FDE68A; |
| border-t-amber-300 | border-top-color: #FCD34D; |
| border-t-amber-400 | border-top-color: #FBBF24; |
| border-t-amber-500 | border-top-color: #F59E0B; |
| border-t-amber-600 | border-top-color: #D97706; |
| border-t-amber-700 | border-top-color: #B45309; |
| border-t-amber-800 | border-top-color: #92400E; |
| border-t-amber-900 | border-top-color: #78350F; |
| border-t-amber-950 | border-top-color: #451A03; |
| border-t-yellow-50 | border-top-color: #FEFCE8; |
| border-t-yellow-100 | border-top-color: #FEF9C3; |
| border-t-yellow-200 | border-top-color: #FEF08A; |
| border-t-yellow-300 | border-top-color: #FDE047; |
| border-t-yellow-400 | border-top-color: #FACC15; |
| border-t-yellow-500 | border-top-color: #EAB308; |
| border-t-yellow-600 | border-top-color: #CA8A04; |
| border-t-yellow-700 | border-top-color: #A16207; |
| border-t-yellow-800 | border-top-color: #854D0E; |
| border-t-yellow-900 | border-top-color: #713F12; |
| border-t-yellow-950 | border-top-color: #422006; |
| border-t-lime-50 | border-top-color: #F7FEE7; |
| border-t-lime-100 | border-top-color: #ECFCCB; |
| border-t-lime-200 | border-top-color: #D9F99D; |
| border-t-lime-300 | border-top-color: #BEF264; |
| border-t-lime-400 | border-top-color: #A3E635; |
| border-t-lime-500 | border-top-color: #84CC16; |
| border-t-lime-600 | border-top-color: #65A30D; |
| border-t-lime-700 | border-top-color: #4D7C0F; |
| border-t-lime-800 | border-top-color: #3F6212; |
| border-t-lime-900 | border-top-color: #365314; |
| border-t-lime-950 | border-top-color: #1A2E05; |
| border-t-green-50 | border-top-color: #F0FDF4; |
| border-t-green-100 | border-top-color: #DCFCE7; |
| border-t-green-200 | border-top-color: #BBF7D0; |
| border-t-green-300 | border-top-color: #86EFAC; |
| border-t-green-400 | border-top-color: #4ADE80; |
| border-t-green-500 | border-top-color: #22C55E; |
| border-t-green-600 | border-top-color: #16A34A; |
| border-t-green-700 | border-top-color: #15803D; |
| border-t-green-800 | border-top-color: #166534; |
| border-t-green-900 | border-top-color: #14532D; |
| border-t-green-950 | border-top-color: #052E16; |
| border-t-emerald-50 | border-top-color: #ECFDF5; |
| border-t-emerald-100 | border-top-color: #D1FAE5; |
| border-t-emerald-200 | border-top-color: #A7F3D0; |
| border-t-emerald-300 | border-top-color: #6EE7B7; |
| border-t-emerald-400 | border-top-color: #34D399; |
| border-t-emerald-500 | border-top-color: #10B981; |
| border-t-emerald-600 | border-top-color: #059669; |
| border-t-emerald-700 | border-top-color: #047857; |
| border-t-emerald-800 | border-top-color: #065F46; |
| border-t-emerald-900 | border-top-color: #064E3B; |
| border-t-emerald-950 | border-top-color: #022C22; |
| border-t-teal-50 | border-top-color: #F0FDFA; |
| border-t-teal-100 | border-top-color: #CCFBF1; |
| border-t-teal-200 | border-top-color: #99F6E4; |
| border-t-teal-300 | border-top-color: #5EEAD4; |
| border-t-teal-400 | border-top-color: #2DD4BF; |
| border-t-teal-500 | border-top-color: #14B8A6; |
| border-t-teal-600 | border-top-color: #0D9488; |
| border-t-teal-700 | border-top-color: #0F766E; |
| border-t-teal-800 | border-top-color: #115E59; |
| border-t-teal-900 | border-top-color: #134E4A; |
| border-t-teal-950 | border-top-color: #042F2E; |
| border-t-cyan-50 | border-top-color: #ECFEFF; |
| border-t-cyan-100 | border-top-color: #CFFAFE; |
| border-t-cyan-200 | border-top-color: #A5F3FC; |
| border-t-cyan-300 | border-top-color: #67E8F9; |
| border-t-cyan-400 | border-top-color: #22D3EE; |
| border-t-cyan-500 | border-top-color: #06B6D4; |
| border-t-cyan-600 | border-top-color: #0891B2; |
| border-t-cyan-700 | border-top-color: #0E7490; |
| border-t-cyan-800 | border-top-color: #155E75; |
| border-t-cyan-900 | border-top-color: #164E63; |
| border-t-cyan-950 | border-top-color: #083344; |
| border-t-sky-50 | border-top-color: #F0F9FF; |
| border-t-sky-100 | border-top-color: #E0F2FE; |
| border-t-sky-200 | border-top-color: #BAE6FD; |
| border-t-sky-300 | border-top-color: #7DD3FC; |
| border-t-sky-400 | border-top-color: #38BDF8; |
| border-t-sky-500 | border-top-color: #0EA5E9; |
| border-t-sky-600 | border-top-color: #0284C7; |
| border-t-sky-700 | border-top-color: #0369A1; |
| border-t-sky-800 | border-top-color: #075985; |
| border-t-sky-900 | border-top-color: #0C4A6E; |
| border-t-sky-950 | border-top-color: #082F49; |
| border-t-blue-50 | border-top-color: #EFF6FF; |
| border-t-blue-100 | border-top-color: #DBEAFE; |
| border-t-blue-200 | border-top-color: #BFDBFE; |
| border-t-blue-300 | border-top-color: #93C5FD; |
| border-t-blue-400 | border-top-color: #60A5FA; |
| border-t-blue-500 | border-top-color: #3B82F6; |
| border-t-blue-600 | border-top-color: #2563EB; |
| border-t-blue-700 | border-top-color: #1D4ED8; |
| border-t-blue-800 | border-top-color: #1E40AF; |
| border-t-blue-900 | border-top-color: #1E3A8A; |
| border-t-blue-950 | border-top-color: #172554; |
| border-t-indigo-50 | border-top-color: #EEF2FF; |
| border-t-indigo-100 | border-top-color: #E0E7FF; |
| border-t-indigo-200 | border-top-color: #C7D2FE; |
| border-t-indigo-300 | border-top-color: #A5B4FC; |
| border-t-indigo-400 | border-top-color: #818CF8; |
| border-t-indigo-500 | border-top-color: #6366F1; |
| border-t-indigo-600 | border-top-color: #4F46E5; |
| border-t-indigo-700 | border-top-color: #4338CA; |
| border-t-indigo-800 | border-top-color: #3730A3; |
| border-t-indigo-900 | border-top-color: #312E81; |
| border-t-indigo-950 | border-top-color: #1E1B4B; |
| border-t-violet-50 | border-top-color: #F5F3FF; |
| border-t-violet-100 | border-top-color: #EDE9FE; |
| border-t-violet-200 | border-top-color: #DDD6FE; |
| border-t-violet-300 | border-top-color: #C4B5FD; |
| border-t-violet-400 | border-top-color: #A78BFA; |
| border-t-violet-500 | border-top-color: #8B5CF6; |
| border-t-violet-600 | border-top-color: #7C3AED; |
| border-t-violet-700 | border-top-color: #6D28D9; |
| border-t-violet-800 | border-top-color: #5B21B6; |
| border-t-violet-900 | border-top-color: #4C1D95; |
| border-t-violet-950 | border-top-color: #2E1065; |
| border-t-purple-50 | border-top-color: #FAF5FF; |
| border-t-purple-100 | border-top-color: #F3E8FF; |
| border-t-purple-200 | border-top-color: #E9D5FF; |
| border-t-purple-300 | border-top-color: #D8B4FE; |
| border-t-purple-400 | border-top-color: #C084FC; |
| border-t-purple-500 | border-top-color: #A855F7; |
| border-t-purple-600 | border-top-color: #9333EA; |
| border-t-purple-700 | border-top-color: #7E22CE; |
| border-t-purple-800 | border-top-color: #6B21A8; |
| border-t-purple-900 | border-top-color: #581C87; |
| border-t-purple-950 | border-top-color: #3B0764; |
| border-t-fuchsia-50 | border-top-color: #FDF4FF; |
| border-t-fuchsia-100 | border-top-color: #FAE8FF; |
| border-t-fuchsia-200 | border-top-color: #F5D0FE; |
| border-t-fuchsia-300 | border-top-color: #F0ABFC; |
| border-t-fuchsia-400 | border-top-color: #E879F9; |
| border-t-fuchsia-500 | border-top-color: #D946EF; |
| border-t-fuchsia-600 | border-top-color: #C026D3; |
| border-t-fuchsia-700 | border-top-color: #A21CAF; |
| border-t-fuchsia-800 | border-top-color: #86198F; |
| border-t-fuchsia-900 | border-top-color: #701A75; |
| border-t-fuchsia-950 | border-top-color: #4A044E; |
| border-t-pink-50 | border-top-color: #FDF2F8; |
| border-t-pink-100 | border-top-color: #FCE7F3; |
| border-t-pink-200 | border-top-color: #FBCFE8; |
| border-t-pink-300 | border-top-color: #F9A8D4; |
| border-t-pink-400 | border-top-color: #F472B6; |
| border-t-pink-500 | border-top-color: #EC4899; |
| border-t-pink-600 | border-top-color: #DB2777; |
| border-t-pink-700 | border-top-color: #BE185D; |
| border-t-pink-800 | border-top-color: #9D174D; |
| border-t-pink-900 | border-top-color: #831843; |
| border-t-pink-950 | border-top-color: #500724; |
| border-t-rose-50 | border-top-color: #FFF1F2; |
| border-t-rose-100 | border-top-color: #FFE4E6; |
| border-t-rose-200 | border-top-color: #FECDD3; |
| border-t-rose-300 | border-top-color: #FDA4AF; |
| border-t-rose-400 | border-top-color: #FB7185; |
| border-t-rose-500 | border-top-color: #F43F5E; |
| border-t-rose-600 | border-top-color: #E11D48; |
| border-t-rose-700 | border-top-color: #BE123C; |
| border-t-rose-800 | border-top-color: #9F1239; |
| border-t-rose-900 | border-top-color: #881337; |
| border-t-rose-950 | border-top-color: #4C0519; |
| border-r-transparent | border-right-color: rgba(0, 0, 0, 0); |
| border-r-slate-50 | border-right-color: #F8FAFC; |
| border-r-slate-100 | border-right-color: #F1F5F9; |
| border-r-slate-200 | border-right-color: #E2E8F0; |
| border-r-slate-300 | border-right-color: #CBD5E1; |
| border-r-slate-400 | border-right-color: #94A3B8; |
| border-r-slate-500 | border-right-color: #64748B; |
| border-r-slate-600 | border-right-color: #475569; |
| border-r-slate-700 | border-right-color: #334155; |
| border-r-slate-800 | border-right-color: #1E293B; |
| border-r-slate-900 | border-right-color: #0F172A; |
| border-r-slate-950 | border-right-color: #020617; |
| border-r-gray-50 | border-right-color: #F9FAFB; |
| border-r-gray-100 | border-right-color: #F3F4F6; |
| border-r-gray-200 | border-right-color: #E5E7EB; |
| border-r-gray-300 | border-right-color: #D1D5DB; |
| border-r-gray-400 | border-right-color: #9CA3AF; |
| border-r-gray-500 | border-right-color: #6B7280; |
| border-r-gray-600 | border-right-color: #4B5563; |
| border-r-gray-700 | border-right-color: #374151; |
| border-r-gray-800 | border-right-color: #1F2937; |
| border-r-gray-900 | border-right-color: #111827; |
| border-r-gray-950 | border-right-color: #030712; |
| border-r-zinc-50 | border-right-color: #FAFAFA; |
| border-r-zinc-100 | border-right-color: #F4F4F5; |
| border-r-zinc-200 | border-right-color: #E4E4E7; |
| border-r-zinc-300 | border-right-color: #D4D4D8; |
| border-r-zinc-400 | border-right-color: #A1A1AA; |
| border-r-zinc-500 | border-right-color: #71717A; |
| border-r-zinc-600 | border-right-color: #52525B; |
| border-r-zinc-700 | border-right-color: #3F3F46; |
| border-r-zinc-800 | border-right-color: #27272A; |
| border-r-zinc-900 | border-right-color: #18181B; |
| border-r-zinc-950 | border-right-color: #09090B; |
| border-r-neutral-50 | border-right-color: #FAFAFA; |
| border-r-neutral-100 | border-right-color: #F5F5F5; |
| border-r-neutral-200 | border-right-color: #E5E5E5; |
| border-r-neutral-300 | border-right-color: #D4D4D4; |
| border-r-neutral-400 | border-right-color: #A3A3A3; |
| border-r-neutral-500 | border-right-color: #737373; |
| border-r-neutral-600 | border-right-color: #525252; |
| border-r-neutral-700 | border-right-color: #404040; |
| border-r-neutral-800 | border-right-color: #262626; |
| border-r-neutral-900 | border-right-color: #171717; |
| border-r-neutral-950 | border-right-color: #0A0A0A; |
| border-r-stone-50 | border-right-color: #FAFAF9; |
| border-r-stone-100 | border-right-color: #F5F5F4; |
| border-r-stone-200 | border-right-color: #E7E5E4; |
| border-r-stone-300 | border-right-color: #D6D3D1; |
| border-r-stone-400 | border-right-color: #A8A29E; |
| border-r-stone-500 | border-right-color: #78716C; |
| border-r-stone-600 | border-right-color: #57534E; |
| border-r-stone-700 | border-right-color: #44403C; |
| border-r-stone-800 | border-right-color: #292524; |
| border-r-stone-900 | border-right-color: #1C1917; |
| border-r-stone-950 | border-right-color: #0C0A09; |
| border-r-red-50 | border-right-color: #FEF2F2; |
| border-r-red-100 | border-right-color: #FEE2E2; |
| border-r-red-200 | border-right-color: #FECACA; |
| border-r-red-300 | border-right-color: #FCA5A5; |
| border-r-red-400 | border-right-color: #F87171; |
| border-r-red-500 | border-right-color: #EF4444; |
| border-r-red-600 | border-right-color: #DC2626; |
| border-r-red-700 | border-right-color: #B91C1C; |
| border-r-red-800 | border-right-color: #991B1B; |
| border-r-red-900 | border-right-color: #7F1D1D; |
| border-r-red-950 | border-right-color: #450A0A; |
| border-r-orange-50 | border-right-color: #FFF7ED; |
| border-r-orange-100 | border-right-color: #FFEDD5; |
| border-r-orange-200 | border-right-color: #FED7AA; |
| border-r-orange-300 | border-right-color: #FDBA74; |
| border-r-orange-400 | border-right-color: #FB923C; |
| border-r-orange-500 | border-right-color: #F97316; |
| border-r-orange-600 | border-right-color: #EA580C; |
| border-r-orange-700 | border-right-color: #C2410C; |
| border-r-orange-800 | border-right-color: #9A3412; |
| border-r-orange-900 | border-right-color: #7C2D12; |
| border-r-orange-950 | border-right-color: #431407; |
| border-r-amber-50 | border-right-color: #FFFBEB; |
| border-r-amber-100 | border-right-color: #FEF3C7; |
| border-r-amber-200 | border-right-color: #FDE68A; |
| border-r-amber-300 | border-right-color: #FCD34D; |
| border-r-amber-400 | border-right-color: #FBBF24; |
| border-r-amber-500 | border-right-color: #F59E0B; |
| border-r-amber-600 | border-right-color: #D97706; |
| border-r-amber-700 | border-right-color: #B45309; |
| border-r-amber-800 | border-right-color: #92400E; |
| border-r-amber-900 | border-right-color: #78350F; |
| border-r-amber-950 | border-right-color: #451A03; |
| border-r-yellow-50 | border-right-color: #FEFCE8; |
| border-r-yellow-100 | border-right-color: #FEF9C3; |
| border-r-yellow-200 | border-right-color: #FEF08A; |
| border-r-yellow-300 | border-right-color: #FDE047; |
| border-r-yellow-400 | border-right-color: #FACC15; |
| border-r-yellow-500 | border-right-color: #EAB308; |
| border-r-yellow-600 | border-right-color: #CA8A04; |
| border-r-yellow-700 | border-right-color: #A16207; |
| border-r-yellow-800 | border-right-color: #854D0E; |
| border-r-yellow-900 | border-right-color: #713F12; |
| border-r-yellow-950 | border-right-color: #422006; |
| border-r-lime-50 | border-right-color: #F7FEE7; |
| border-r-lime-100 | border-right-color: #ECFCCB; |
| border-r-lime-200 | border-right-color: #D9F99D; |
| border-r-lime-300 | border-right-color: #BEF264; |
| border-r-lime-400 | border-right-color: #A3E635; |
| border-r-lime-500 | border-right-color: #84CC16; |
| border-r-lime-600 | border-right-color: #65A30D; |
| border-r-lime-700 | border-right-color: #4D7C0F; |
| border-r-lime-800 | border-right-color: #3F6212; |
| border-r-lime-900 | border-right-color: #365314; |
| border-r-lime-950 | border-right-color: #1A2E05; |
| border-r-green-50 | border-right-color: #F0FDF4; |
| border-r-green-100 | border-right-color: #DCFCE7; |
| border-r-green-200 | border-right-color: #BBF7D0; |
| border-r-green-300 | border-right-color: #86EFAC; |
| border-r-green-400 | border-right-color: #4ADE80; |
| border-r-green-500 | border-right-color: #22C55E; |
| border-r-green-600 | border-right-color: #16A34A; |
| border-r-green-700 | border-right-color: #15803D; |
| border-r-green-800 | border-right-color: #166534; |
| border-r-green-900 | border-right-color: #14532D; |
| border-r-green-950 | border-right-color: #052E16; |
| border-r-emerald-50 | border-right-color: #ECFDF5; |
| border-r-emerald-100 | border-right-color: #D1FAE5; |
| border-r-emerald-200 | border-right-color: #A7F3D0; |
| border-r-emerald-300 | border-right-color: #6EE7B7; |
| border-r-emerald-400 | border-right-color: #34D399; |
| border-r-emerald-500 | border-right-color: #10B981; |
| border-r-emerald-600 | border-right-color: #059669; |
| border-r-emerald-700 | border-right-color: #047857; |
| border-r-emerald-800 | border-right-color: #065F46; |
| border-r-emerald-900 | border-right-color: #064E3B; |
| border-r-emerald-950 | border-right-color: #022C22; |
| border-r-teal-50 | border-right-color: #F0FDFA; |
| border-r-teal-100 | border-right-color: #CCFBF1; |
| border-r-teal-200 | border-right-color: #99F6E4; |
| border-r-teal-300 | border-right-color: #5EEAD4; |
| border-r-teal-400 | border-right-color: #2DD4BF; |
| border-r-teal-500 | border-right-color: #14B8A6; |
| border-r-teal-600 | border-right-color: #0D9488; |
| border-r-teal-700 | border-right-color: #0F766E; |
| border-r-teal-800 | border-right-color: #115E59; |
| border-r-teal-900 | border-right-color: #134E4A; |
| border-r-teal-950 | border-right-color: #042F2E; |
| border-r-cyan-50 | border-right-color: #ECFEFF; |
| border-r-cyan-100 | border-right-color: #CFFAFE; |
| border-r-cyan-200 | border-right-color: #A5F3FC; |
| border-r-cyan-300 | border-right-color: #67E8F9; |
| border-r-cyan-400 | border-right-color: #22D3EE; |
| border-r-cyan-500 | border-right-color: #06B6D4; |
| border-r-cyan-600 | border-right-color: #0891B2; |
| border-r-cyan-700 | border-right-color: #0E7490; |
| border-r-cyan-800 | border-right-color: #155E75; |
| border-r-cyan-900 | border-right-color: #164E63; |
| border-r-cyan-950 | border-right-color: #083344; |
| border-r-sky-50 | border-right-color: #F0F9FF; |
| border-r-sky-100 | border-right-color: #E0F2FE; |
| border-r-sky-200 | border-right-color: #BAE6FD; |
| border-r-sky-300 | border-right-color: #7DD3FC; |
| border-r-sky-400 | border-right-color: #38BDF8; |
| border-r-sky-500 | border-right-color: #0EA5E9; |
| border-r-sky-600 | border-right-color: #0284C7; |
| border-r-sky-700 | border-right-color: #0369A1; |
| border-r-sky-800 | border-right-color: #075985; |
| border-r-sky-900 | border-right-color: #0C4A6E; |
| border-r-sky-950 | border-right-color: #082F49; |
| border-r-blue-50 | border-right-color: #EFF6FF; |
| border-r-blue-100 | border-right-color: #DBEAFE; |
| border-r-blue-200 | border-right-color: #BFDBFE; |
| border-r-blue-300 | border-right-color: #93C5FD; |
| border-r-blue-400 | border-right-color: #60A5FA; |
| border-r-blue-500 | border-right-color: #3B82F6; |
| border-r-blue-600 | border-right-color: #2563EB; |
| border-r-blue-700 | border-right-color: #1D4ED8; |
| border-r-blue-800 | border-right-color: #1E40AF; |
| border-r-blue-900 | border-right-color: #1E3A8A; |
| border-r-blue-950 | border-right-color: #172554; |
| border-r-indigo-50 | border-right-color: #EEF2FF; |
| border-r-indigo-100 | border-right-color: #E0E7FF; |
| border-r-indigo-200 | border-right-color: #C7D2FE; |
| border-r-indigo-300 | border-right-color: #A5B4FC; |
| border-r-indigo-400 | border-right-color: #818CF8; |
| border-r-indigo-500 | border-right-color: #6366F1; |
| border-r-indigo-600 | border-right-color: #4F46E5; |
| border-r-indigo-700 | border-right-color: #4338CA; |
| border-r-indigo-800 | border-right-color: #3730A3; |
| border-r-indigo-900 | border-right-color: #312E81; |
| border-r-indigo-950 | border-right-color: #1E1B4B; |
| border-r-violet-50 | border-right-color: #F5F3FF; |
| border-r-violet-100 | border-right-color: #EDE9FE; |
| border-r-violet-200 | border-right-color: #DDD6FE; |
| border-r-violet-300 | border-right-color: #C4B5FD; |
| border-r-violet-400 | border-right-color: #A78BFA; |
| border-r-violet-500 | border-right-color: #8B5CF6; |
| border-r-violet-600 | border-right-color: #7C3AED; |
| border-r-violet-700 | border-right-color: #6D28D9; |
| border-r-violet-800 | border-right-color: #5B21B6; |
| border-r-violet-900 | border-right-color: #4C1D95; |
| border-r-violet-950 | border-right-color: #2E1065; |
| border-r-purple-50 | border-right-color: #FAF5FF; |
| border-r-purple-100 | border-right-color: #F3E8FF; |
| border-r-purple-200 | border-right-color: #E9D5FF; |
| border-r-purple-300 | border-right-color: #D8B4FE; |
| border-r-purple-400 | border-right-color: #C084FC; |
| border-r-purple-500 | border-right-color: #A855F7; |
| border-r-purple-600 | border-right-color: #9333EA; |
| border-r-purple-700 | border-right-color: #7E22CE; |
| border-r-purple-800 | border-right-color: #6B21A8; |
| border-r-purple-900 | border-right-color: #581C87; |
| border-r-purple-950 | border-right-color: #3B0764; |
| border-r-fuchsia-50 | border-right-color: #FDF4FF; |
| border-r-fuchsia-100 | border-right-color: #FAE8FF; |
| border-r-fuchsia-200 | border-right-color: #F5D0FE; |
| border-r-fuchsia-300 | border-right-color: #F0ABFC; |
| border-r-fuchsia-400 | border-right-color: #E879F9; |
| border-r-fuchsia-500 | border-right-color: #D946EF; |
| border-r-fuchsia-600 | border-right-color: #C026D3; |
| border-r-fuchsia-700 | border-right-color: #A21CAF; |
| border-r-fuchsia-800 | border-right-color: #86198F; |
| border-r-fuchsia-900 | border-right-color: #701A75; |
| border-r-fuchsia-950 | border-right-color: #4A044E; |
| border-r-pink-50 | border-right-color: #FDF2F8; |
| border-r-pink-100 | border-right-color: #FCE7F3; |
| border-r-pink-200 | border-right-color: #FBCFE8; |
| border-r-pink-300 | border-right-color: #F9A8D4; |
| border-r-pink-400 | border-right-color: #F472B6; |
| border-r-pink-500 | border-right-color: #EC4899; |
| border-r-pink-600 | border-right-color: #DB2777; |
| border-r-pink-700 | border-right-color: #BE185D; |
| border-r-pink-800 | border-right-color: #9D174D; |
| border-r-pink-900 | border-right-color: #831843; |
| border-r-pink-950 | border-right-color: #500724; |
| border-r-rose-50 | border-right-color: #FFF1F2; |
| border-r-rose-100 | border-right-color: #FFE4E6; |
| border-r-rose-200 | border-right-color: #FECDD3; |
| border-r-rose-300 | border-right-color: #FDA4AF; |
| border-r-rose-400 | border-right-color: #FB7185; |
| border-r-rose-500 | border-right-color: #F43F5E; |
| border-r-rose-600 | border-right-color: #E11D48; |
| border-r-rose-700 | border-right-color: #BE123C; |
| border-r-rose-800 | border-right-color: #9F1239; |
| border-r-rose-900 | border-right-color: #881337; |
| border-r-rose-950 | border-right-color: #4C0519; |
| border-b-transparent | border-bottom-color: rgba(0, 0, 0, 0); |
| border-b-slate-50 | border-bottom-color: #F8FAFC; |
| border-b-slate-100 | border-bottom-color: #F1F5F9; |
| border-b-slate-200 | border-bottom-color: #E2E8F0; |
| border-b-slate-300 | border-bottom-color: #CBD5E1; |
| border-b-slate-400 | border-bottom-color: #94A3B8; |
| border-b-slate-500 | border-bottom-color: #64748B; |
| border-b-slate-600 | border-bottom-color: #475569; |
| border-b-slate-700 | border-bottom-color: #334155; |
| border-b-slate-800 | border-bottom-color: #1E293B; |
| border-b-slate-900 | border-bottom-color: #0F172A; |
| border-b-slate-950 | border-bottom-color: #020617; |
| border-b-gray-50 | border-bottom-color: #F9FAFB; |
| border-b-gray-100 | border-bottom-color: #F3F4F6; |
| border-b-gray-200 | border-bottom-color: #E5E7EB; |
| border-b-gray-300 | border-bottom-color: #D1D5DB; |
| border-b-gray-400 | border-bottom-color: #9CA3AF; |
| border-b-gray-500 | border-bottom-color: #6B7280; |
| border-b-gray-600 | border-bottom-color: #4B5563; |
| border-b-gray-700 | border-bottom-color: #374151; |
| border-b-gray-800 | border-bottom-color: #1F2937; |
| border-b-gray-900 | border-bottom-color: #111827; |
| border-b-gray-950 | border-bottom-color: #030712; |
| border-b-zinc-50 | border-bottom-color: #FAFAFA; |
| border-b-zinc-100 | border-bottom-color: #F4F4F5; |
| border-b-zinc-200 | border-bottom-color: #E4E4E7; |
| border-b-zinc-300 | border-bottom-color: #D4D4D8; |
| border-b-zinc-400 | border-bottom-color: #A1A1AA; |
| border-b-zinc-500 | border-bottom-color: #71717A; |
| border-b-zinc-600 | border-bottom-color: #52525B; |
| border-b-zinc-700 | border-bottom-color: #3F3F46; |
| border-b-zinc-800 | border-bottom-color: #27272A; |
| border-b-zinc-900 | border-bottom-color: #18181B; |
| border-b-zinc-950 | border-bottom-color: #09090B; |
| border-b-neutral-50 | border-bottom-color: #FAFAFA; |
| border-b-neutral-100 | border-bottom-color: #F5F5F5; |
| border-b-neutral-200 | border-bottom-color: #E5E5E5; |
| border-b-neutral-300 | border-bottom-color: #D4D4D4; |
| border-b-neutral-400 | border-bottom-color: #A3A3A3; |
| border-b-neutral-500 | border-bottom-color: #737373; |
| border-b-neutral-600 | border-bottom-color: #525252; |
| border-b-neutral-700 | border-bottom-color: #404040; |
| border-b-neutral-800 | border-bottom-color: #262626; |
| border-b-neutral-900 | border-bottom-color: #171717; |
| border-b-neutral-950 | border-bottom-color: #0A0A0A; |
| border-b-stone-50 | border-bottom-color: #FAFAF9; |
| border-b-stone-100 | border-bottom-color: #F5F5F4; |
| border-b-stone-200 | border-bottom-color: #E7E5E4; |
| border-b-stone-300 | border-bottom-color: #D6D3D1; |
| border-b-stone-400 | border-bottom-color: #A8A29E; |
| border-b-stone-500 | border-bottom-color: #78716C; |
| border-b-stone-600 | border-bottom-color: #57534E; |
| border-b-stone-700 | border-bottom-color: #44403C; |
| border-b-stone-800 | border-bottom-color: #292524; |
| border-b-stone-900 | border-bottom-color: #1C1917; |
| border-b-stone-950 | border-bottom-color: #0C0A09; |
| border-b-red-50 | border-bottom-color: #FEF2F2; |
| border-b-red-100 | border-bottom-color: #FEE2E2; |
| border-b-red-200 | border-bottom-color: #FECACA; |
| border-b-red-300 | border-bottom-color: #FCA5A5; |
| border-b-red-400 | border-bottom-color: #F87171; |
| border-b-red-500 | border-bottom-color: #EF4444; |
| border-b-red-600 | border-bottom-color: #DC2626; |
| border-b-red-700 | border-bottom-color: #B91C1C; |
| border-b-red-800 | border-bottom-color: #991B1B; |
| border-b-red-900 | border-bottom-color: #7F1D1D; |
| border-b-red-950 | border-bottom-color: #450A0A; |
| border-b-orange-50 | border-bottom-color: #FFF7ED; |
| border-b-orange-100 | border-bottom-color: #FFEDD5; |
| border-b-orange-200 | border-bottom-color: #FED7AA; |
| border-b-orange-300 | border-bottom-color: #FDBA74; |
| border-b-orange-400 | border-bottom-color: #FB923C; |
| border-b-orange-500 | border-bottom-color: #F97316; |
| border-b-orange-600 | border-bottom-color: #EA580C; |
| border-b-orange-700 | border-bottom-color: #C2410C; |
| border-b-orange-800 | border-bottom-color: #9A3412; |
| border-b-orange-900 | border-bottom-color: #7C2D12; |
| border-b-orange-950 | border-bottom-color: #431407; |
| border-b-amber-50 | border-bottom-color: #FFFBEB; |
| border-b-amber-100 | border-bottom-color: #FEF3C7; |
| border-b-amber-200 | border-bottom-color: #FDE68A; |
| border-b-amber-300 | border-bottom-color: #FCD34D; |
| border-b-amber-400 | border-bottom-color: #FBBF24; |
| border-b-amber-500 | border-bottom-color: #F59E0B; |
| border-b-amber-600 | border-bottom-color: #D97706; |
| border-b-amber-700 | border-bottom-color: #B45309; |
| border-b-amber-800 | border-bottom-color: #92400E; |
| border-b-amber-900 | border-bottom-color: #78350F; |
| border-b-amber-950 | border-bottom-color: #451A03; |
| border-b-yellow-50 | border-bottom-color: #FEFCE8; |
| border-b-yellow-100 | border-bottom-color: #FEF9C3; |
| border-b-yellow-200 | border-bottom-color: #FEF08A; |
| border-b-yellow-300 | border-bottom-color: #FDE047; |
| border-b-yellow-400 | border-bottom-color: #FACC15; |
| border-b-yellow-500 | border-bottom-color: #EAB308; |
| border-b-yellow-600 | border-bottom-color: #CA8A04; |
| border-b-yellow-700 | border-bottom-color: #A16207; |
| border-b-yellow-800 | border-bottom-color: #854D0E; |
| border-b-yellow-900 | border-bottom-color: #713F12; |
| border-b-yellow-950 | border-bottom-color: #422006; |
| border-b-lime-50 | border-bottom-color: #F7FEE7; |
| border-b-lime-100 | border-bottom-color: #ECFCCB; |
| border-b-lime-200 | border-bottom-color: #D9F99D; |
| border-b-lime-300 | border-bottom-color: #BEF264; |
| border-b-lime-400 | border-bottom-color: #A3E635; |
| border-b-lime-500 | border-bottom-color: #84CC16; |
| border-b-lime-600 | border-bottom-color: #65A30D; |
| border-b-lime-700 | border-bottom-color: #4D7C0F; |
| border-b-lime-800 | border-bottom-color: #3F6212; |
| border-b-lime-900 | border-bottom-color: #365314; |
| border-b-lime-950 | border-bottom-color: #1A2E05; |
| border-b-green-50 | border-bottom-color: #F0FDF4; |
| border-b-green-100 | border-bottom-color: #DCFCE7; |
| border-b-green-200 | border-bottom-color: #BBF7D0; |
| border-b-green-300 | border-bottom-color: #86EFAC; |
| border-b-green-400 | border-bottom-color: #4ADE80; |
| border-b-green-500 | border-bottom-color: #22C55E; |
| border-b-green-600 | border-bottom-color: #16A34A; |
| border-b-green-700 | border-bottom-color: #15803D; |
| border-b-green-800 | border-bottom-color: #166534; |
| border-b-green-900 | border-bottom-color: #14532D; |
| border-b-green-950 | border-bottom-color: #052E16; |
| border-b-emerald-50 | border-bottom-color: #ECFDF5; |
| border-b-emerald-100 | border-bottom-color: #D1FAE5; |
| border-b-emerald-200 | border-bottom-color: #A7F3D0; |
| border-b-emerald-300 | border-bottom-color: #6EE7B7; |
| border-b-emerald-400 | border-bottom-color: #34D399; |
| border-b-emerald-500 | border-bottom-color: #10B981; |
| border-b-emerald-600 | border-bottom-color: #059669; |
| border-b-emerald-700 | border-bottom-color: #047857; |
| border-b-emerald-800 | border-bottom-color: #065F46; |
| border-b-emerald-900 | border-bottom-color: #064E3B; |
| border-b-emerald-950 | border-bottom-color: #022C22; |
| border-b-teal-50 | border-bottom-color: #F0FDFA; |
| border-b-teal-100 | border-bottom-color: #CCFBF1; |
| border-b-teal-200 | border-bottom-color: #99F6E4; |
| border-b-teal-300 | border-bottom-color: #5EEAD4; |
| border-b-teal-400 | border-bottom-color: #2DD4BF; |
| border-b-teal-500 | border-bottom-color: #14B8A6; |
| border-b-teal-600 | border-bottom-color: #0D9488; |
| border-b-teal-700 | border-bottom-color: #0F766E; |
| border-b-teal-800 | border-bottom-color: #115E59; |
| border-b-teal-900 | border-bottom-color: #134E4A; |
| border-b-teal-950 | border-bottom-color: #042F2E; |
| border-b-cyan-50 | border-bottom-color: #ECFEFF; |
| border-b-cyan-100 | border-bottom-color: #CFFAFE; |
| border-b-cyan-200 | border-bottom-color: #A5F3FC; |
| border-b-cyan-300 | border-bottom-color: #67E8F9; |
| border-b-cyan-400 | border-bottom-color: #22D3EE; |
| border-b-cyan-500 | border-bottom-color: #06B6D4; |
| border-b-cyan-600 | border-bottom-color: #0891B2; |
| border-b-cyan-700 | border-bottom-color: #0E7490; |
| border-b-cyan-800 | border-bottom-color: #155E75; |
| border-b-cyan-900 | border-bottom-color: #164E63; |
| border-b-cyan-950 | border-bottom-color: #083344; |
| border-b-sky-50 | border-bottom-color: #F0F9FF; |
| border-b-sky-100 | border-bottom-color: #E0F2FE; |
| border-b-sky-200 | border-bottom-color: #BAE6FD; |
| border-b-sky-300 | border-bottom-color: #7DD3FC; |
| border-b-sky-400 | border-bottom-color: #38BDF8; |
| border-b-sky-500 | border-bottom-color: #0EA5E9; |
| border-b-sky-600 | border-bottom-color: #0284C7; |
| border-b-sky-700 | border-bottom-color: #0369A1; |
| border-b-sky-800 | border-bottom-color: #075985; |
| border-b-sky-900 | border-bottom-color: #0C4A6E; |
| border-b-sky-950 | border-bottom-color: #082F49; |
| border-b-blue-50 | border-bottom-color: #EFF6FF; |
| border-b-blue-100 | border-bottom-color: #DBEAFE; |
| border-b-blue-200 | border-bottom-color: #BFDBFE; |
| border-b-blue-300 | border-bottom-color: #93C5FD; |
| border-b-blue-400 | border-bottom-color: #60A5FA; |
| border-b-blue-500 | border-bottom-color: #3B82F6; |
| border-b-blue-600 | border-bottom-color: #2563EB; |
| border-b-blue-700 | border-bottom-color: #1D4ED8; |
| border-b-blue-800 | border-bottom-color: #1E40AF; |
| border-b-blue-900 | border-bottom-color: #1E3A8A; |
| border-b-blue-950 | border-bottom-color: #172554; |
| border-b-indigo-50 | border-bottom-color: #EEF2FF; |
| border-b-indigo-100 | border-bottom-color: #E0E7FF; |
| border-b-indigo-200 | border-bottom-color: #C7D2FE; |
| border-b-indigo-300 | border-bottom-color: #A5B4FC; |
| border-b-indigo-400 | border-bottom-color: #818CF8; |
| border-b-indigo-500 | border-bottom-color: #6366F1; |
| border-b-indigo-600 | border-bottom-color: #4F46E5; |
| border-b-indigo-700 | border-bottom-color: #4338CA; |
| border-b-indigo-800 | border-bottom-color: #3730A3; |
| border-b-indigo-900 | border-bottom-color: #312E81; |
| border-b-indigo-950 | border-bottom-color: #1E1B4B; |
| border-b-violet-50 | border-bottom-color: #F5F3FF; |
| border-b-violet-100 | border-bottom-color: #EDE9FE; |
| border-b-violet-200 | border-bottom-color: #DDD6FE; |
| border-b-violet-300 | border-bottom-color: #C4B5FD; |
| border-b-violet-400 | border-bottom-color: #A78BFA; |
| border-b-violet-500 | border-bottom-color: #8B5CF6; |
| border-b-violet-600 | border-bottom-color: #7C3AED; |
| border-b-violet-700 | border-bottom-color: #6D28D9; |
| border-b-violet-800 | border-bottom-color: #5B21B6; |
| border-b-violet-900 | border-bottom-color: #4C1D95; |
| border-b-violet-950 | border-bottom-color: #2E1065; |
| border-b-purple-50 | border-bottom-color: #FAF5FF; |
| border-b-purple-100 | border-bottom-color: #F3E8FF; |
| border-b-purple-200 | border-bottom-color: #E9D5FF; |
| border-b-purple-300 | border-bottom-color: #D8B4FE; |
| border-b-purple-400 | border-bottom-color: #C084FC; |
| border-b-purple-500 | border-bottom-color: #A855F7; |
| border-b-purple-600 | border-bottom-color: #9333EA; |
| border-b-purple-700 | border-bottom-color: #7E22CE; |
| border-b-purple-800 | border-bottom-color: #6B21A8; |
| border-b-purple-900 | border-bottom-color: #581C87; |
| border-b-purple-950 | border-bottom-color: #3B0764; |
| border-b-fuchsia-50 | border-bottom-color: #FDF4FF; |
| border-b-fuchsia-100 | border-bottom-color: #FAE8FF; |
| border-b-fuchsia-200 | border-bottom-color: #F5D0FE; |
| border-b-fuchsia-300 | border-bottom-color: #F0ABFC; |
| border-b-fuchsia-400 | border-bottom-color: #E879F9; |
| border-b-fuchsia-500 | border-bottom-color: #D946EF; |
| border-b-fuchsia-600 | border-bottom-color: #C026D3; |
| border-b-fuchsia-700 | border-bottom-color: #A21CAF; |
| border-b-fuchsia-800 | border-bottom-color: #86198F; |
| border-b-fuchsia-900 | border-bottom-color: #701A75; |
| border-b-fuchsia-950 | border-bottom-color: #4A044E; |
| border-b-pink-50 | border-bottom-color: #FDF2F8; |
| border-b-pink-100 | border-bottom-color: #FCE7F3; |
| border-b-pink-200 | border-bottom-color: #FBCFE8; |
| border-b-pink-300 | border-bottom-color: #F9A8D4; |
| border-b-pink-400 | border-bottom-color: #F472B6; |
| border-b-pink-500 | border-bottom-color: #EC4899; |
| border-b-pink-600 | border-bottom-color: #DB2777; |
| border-b-pink-700 | border-bottom-color: #BE185D; |
| border-b-pink-800 | border-bottom-color: #9D174D; |
| border-b-pink-900 | border-bottom-color: #831843; |
| border-b-pink-950 | border-bottom-color: #500724; |
| border-b-rose-50 | border-bottom-color: #FFF1F2; |
| border-b-rose-100 | border-bottom-color: #FFE4E6; |
| border-b-rose-200 | border-bottom-color: #FECDD3; |
| border-b-rose-300 | border-bottom-color: #FDA4AF; |
| border-b-rose-400 | border-bottom-color: #FB7185; |
| border-b-rose-500 | border-bottom-color: #F43F5E; |
| border-b-rose-600 | border-bottom-color: #E11D48; |
| border-b-rose-700 | border-bottom-color: #BE123C; |
| border-b-rose-800 | border-bottom-color: #9F1239; |
| border-b-rose-900 | border-bottom-color: #881337; |
| border-b-rose-950 | border-bottom-color: #4C0519; |
| border-l-transparent | border-left-color: rgba(0, 0, 0, 0); |
| border-l-slate-50 | border-left-color: #F8FAFC; |
| border-l-slate-100 | border-left-color: #F1F5F9; |
| border-l-slate-200 | border-left-color: #E2E8F0; |
| border-l-slate-300 | border-left-color: #CBD5E1; |
| border-l-slate-400 | border-left-color: #94A3B8; |
| border-l-slate-500 | border-left-color: #64748B; |
| border-l-slate-600 | border-left-color: #475569; |
| border-l-slate-700 | border-left-color: #334155; |
| border-l-slate-800 | border-left-color: #1E293B; |
| border-l-slate-900 | border-left-color: #0F172A; |
| border-l-slate-950 | border-left-color: #020617; |
| border-l-gray-50 | border-left-color: #F9FAFB; |
| border-l-gray-100 | border-left-color: #F3F4F6; |
| border-l-gray-200 | border-left-color: #E5E7EB; |
| border-l-gray-300 | border-left-color: #D1D5DB; |
| border-l-gray-400 | border-left-color: #9CA3AF; |
| border-l-gray-500 | border-left-color: #6B7280; |
| border-l-gray-600 | border-left-color: #4B5563; |
| border-l-gray-700 | border-left-color: #374151; |
| border-l-gray-800 | border-left-color: #1F2937; |
| border-l-gray-900 | border-left-color: #111827; |
| border-l-gray-950 | border-left-color: #030712; |
| border-l-zinc-50 | border-left-color: #FAFAFA; |
| border-l-zinc-100 | border-left-color: #F4F4F5; |
| border-l-zinc-200 | border-left-color: #E4E4E7; |
| border-l-zinc-300 | border-left-color: #D4D4D8; |
| border-l-zinc-400 | border-left-color: #A1A1AA; |
| border-l-zinc-500 | border-left-color: #71717A; |
| border-l-zinc-600 | border-left-color: #52525B; |
| border-l-zinc-700 | border-left-color: #3F3F46; |
| border-l-zinc-800 | border-left-color: #27272A; |
| border-l-zinc-900 | border-left-color: #18181B; |
| border-l-zinc-950 | border-left-color: #09090B; |
| border-l-neutral-50 | border-left-color: #FAFAFA; |
| border-l-neutral-100 | border-left-color: #F5F5F5; |
| border-l-neutral-200 | border-left-color: #E5E5E5; |
| border-l-neutral-300 | border-left-color: #D4D4D4; |
| border-l-neutral-400 | border-left-color: #A3A3A3; |
| border-l-neutral-500 | border-left-color: #737373; |
| border-l-neutral-600 | border-left-color: #525252; |
| border-l-neutral-700 | border-left-color: #404040; |
| border-l-neutral-800 | border-left-color: #262626; |
| border-l-neutral-900 | border-left-color: #171717; |
| border-l-neutral-950 | border-left-color: #0A0A0A; |
| border-l-stone-50 | border-left-color: #FAFAF9; |
| border-l-stone-100 | border-left-color: #F5F5F4; |
| border-l-stone-200 | border-left-color: #E7E5E4; |
| border-l-stone-300 | border-left-color: #D6D3D1; |
| border-l-stone-400 | border-left-color: #A8A29E; |
| border-l-stone-500 | border-left-color: #78716C; |
| border-l-stone-600 | border-left-color: #57534E; |
| border-l-stone-700 | border-left-color: #44403C; |
| border-l-stone-800 | border-left-color: #292524; |
| border-l-stone-900 | border-left-color: #1C1917; |
| border-l-stone-950 | border-left-color: #0C0A09; |
| border-l-red-50 | border-left-color: #FEF2F2; |
| border-l-red-100 | border-left-color: #FEE2E2; |
| border-l-red-200 | border-left-color: #FECACA; |
| border-l-red-300 | border-left-color: #FCA5A5; |
| border-l-red-400 | border-left-color: #F87171; |
| border-l-red-500 | border-left-color: #EF4444; |
| border-l-red-600 | border-left-color: #DC2626; |
| border-l-red-700 | border-left-color: #B91C1C; |
| border-l-red-800 | border-left-color: #991B1B; |
| border-l-red-900 | border-left-color: #7F1D1D; |
| border-l-red-950 | border-left-color: #450A0A; |
| border-l-orange-50 | border-left-color: #FFF7ED; |
| border-l-orange-100 | border-left-color: #FFEDD5; |
| border-l-orange-200 | border-left-color: #FED7AA; |
| border-l-orange-300 | border-left-color: #FDBA74; |
| border-l-orange-400 | border-left-color: #FB923C; |
| border-l-orange-500 | border-left-color: #F97316; |
| border-l-orange-600 | border-left-color: #EA580C; |
| border-l-orange-700 | border-left-color: #C2410C; |
| border-l-orange-800 | border-left-color: #9A3412; |
| border-l-orange-900 | border-left-color: #7C2D12; |
| border-l-orange-950 | border-left-color: #431407; |
| border-l-amber-50 | border-left-color: #FFFBEB; |
| border-l-amber-100 | border-left-color: #FEF3C7; |
| border-l-amber-200 | border-left-color: #FDE68A; |
| border-l-amber-300 | border-left-color: #FCD34D; |
| border-l-amber-400 | border-left-color: #FBBF24; |
| border-l-amber-500 | border-left-color: #F59E0B; |
| border-l-amber-600 | border-left-color: #D97706; |
| border-l-amber-700 | border-left-color: #B45309; |
| border-l-amber-800 | border-left-color: #92400E; |
| border-l-amber-900 | border-left-color: #78350F; |
| border-l-amber-950 | border-left-color: #451A03; |
| border-l-yellow-50 | border-left-color: #FEFCE8; |
| border-l-yellow-100 | border-left-color: #FEF9C3; |
| border-l-yellow-200 | border-left-color: #FEF08A; |
| border-l-yellow-300 | border-left-color: #FDE047; |
| border-l-yellow-400 | border-left-color: #FACC15; |
| border-l-yellow-500 | border-left-color: #EAB308; |
| border-l-yellow-600 | border-left-color: #CA8A04; |
| border-l-yellow-700 | border-left-color: #A16207; |
| border-l-yellow-800 | border-left-color: #854D0E; |
| border-l-yellow-900 | border-left-color: #713F12; |
| border-l-yellow-950 | border-left-color: #422006; |
| border-l-lime-50 | border-left-color: #F7FEE7; |
| border-l-lime-100 | border-left-color: #ECFCCB; |
| border-l-lime-200 | border-left-color: #D9F99D; |
| border-l-lime-300 | border-left-color: #BEF264; |
| border-l-lime-400 | border-left-color: #A3E635; |
| border-l-lime-500 | border-left-color: #84CC16; |
| border-l-lime-600 | border-left-color: #65A30D; |
| border-l-lime-700 | border-left-color: #4D7C0F; |
| border-l-lime-800 | border-left-color: #3F6212; |
| border-l-lime-900 | border-left-color: #365314; |
| border-l-lime-950 | border-left-color: #1A2E05; |
| border-l-green-50 | border-left-color: #F0FDF4; |
| border-l-green-100 | border-left-color: #DCFCE7; |
| border-l-green-200 | border-left-color: #BBF7D0; |
| border-l-green-300 | border-left-color: #86EFAC; |
| border-l-green-400 | border-left-color: #4ADE80; |
| border-l-green-500 | border-left-color: #22C55E; |
| border-l-green-600 | border-left-color: #16A34A; |
| border-l-green-700 | border-left-color: #15803D; |
| border-l-green-800 | border-left-color: #166534; |
| border-l-green-900 | border-left-color: #14532D; |
| border-l-green-950 | border-left-color: #052E16; |
| border-l-emerald-50 | border-left-color: #ECFDF5; |
| border-l-emerald-100 | border-left-color: #D1FAE5; |
| border-l-emerald-200 | border-left-color: #A7F3D0; |
| border-l-emerald-300 | border-left-color: #6EE7B7; |
| border-l-emerald-400 | border-left-color: #34D399; |
| border-l-emerald-500 | border-left-color: #10B981; |
| border-l-emerald-600 | border-left-color: #059669; |
| border-l-emerald-700 | border-left-color: #047857; |
| border-l-emerald-800 | border-left-color: #065F46; |
| border-l-emerald-900 | border-left-color: #064E3B; |
| border-l-emerald-950 | border-left-color: #022C22; |
| border-l-teal-50 | border-left-color: #F0FDFA; |
| border-l-teal-100 | border-left-color: #CCFBF1; |
| border-l-teal-200 | border-left-color: #99F6E4; |
| border-l-teal-300 | border-left-color: #5EEAD4; |
| border-l-teal-400 | border-left-color: #2DD4BF; |
| border-l-teal-500 | border-left-color: #14B8A6; |
| border-l-teal-600 | border-left-color: #0D9488; |
| border-l-teal-700 | border-left-color: #0F766E; |
| border-l-teal-800 | border-left-color: #115E59; |
| border-l-teal-900 | border-left-color: #134E4A; |
| border-l-teal-950 | border-left-color: #042F2E; |
| border-l-cyan-50 | border-left-color: #ECFEFF; |
| border-l-cyan-100 | border-left-color: #CFFAFE; |
| border-l-cyan-200 | border-left-color: #A5F3FC; |
| border-l-cyan-300 | border-left-color: #67E8F9; |
| border-l-cyan-400 | border-left-color: #22D3EE; |
| border-l-cyan-500 | border-left-color: #06B6D4; |
| border-l-cyan-600 | border-left-color: #0891B2; |
| border-l-cyan-700 | border-left-color: #0E7490; |
| border-l-cyan-800 | border-left-color: #155E75; |
| border-l-cyan-900 | border-left-color: #164E63; |
| border-l-cyan-950 | border-left-color: #083344; |
| border-l-sky-50 | border-left-color: #F0F9FF; |
| border-l-sky-100 | border-left-color: #E0F2FE; |
| border-l-sky-200 | border-left-color: #BAE6FD; |
| border-l-sky-300 | border-left-color: #7DD3FC; |
| border-l-sky-400 | border-left-color: #38BDF8; |
| border-l-sky-500 | border-left-color: #0EA5E9; |
| border-l-sky-600 | border-left-color: #0284C7; |
| border-l-sky-700 | border-left-color: #0369A1; |
| border-l-sky-800 | border-left-color: #075985; |
| border-l-sky-900 | border-left-color: #0C4A6E; |
| border-l-sky-950 | border-left-color: #082F49; |
| border-l-blue-50 | border-left-color: #EFF6FF; |
| border-l-blue-100 | border-left-color: #DBEAFE; |
| border-l-blue-200 | border-left-color: #BFDBFE; |
| border-l-blue-300 | border-left-color: #93C5FD; |
| border-l-blue-400 | border-left-color: #60A5FA; |
| border-l-blue-500 | border-left-color: #3B82F6; |
| border-l-blue-600 | border-left-color: #2563EB; |
| border-l-blue-700 | border-left-color: #1D4ED8; |
| border-l-blue-800 | border-left-color: #1E40AF; |
| border-l-blue-900 | border-left-color: #1E3A8A; |
| border-l-blue-950 | border-left-color: #172554; |
| border-l-indigo-50 | border-left-color: #EEF2FF; |
| border-l-indigo-100 | border-left-color: #E0E7FF; |
| border-l-indigo-200 | border-left-color: #C7D2FE; |
| border-l-indigo-300 | border-left-color: #A5B4FC; |
| border-l-indigo-400 | border-left-color: #818CF8; |
| border-l-indigo-500 | border-left-color: #6366F1; |
| border-l-indigo-600 | border-left-color: #4F46E5; |
| border-l-indigo-700 | border-left-color: #4338CA; |
| border-l-indigo-800 | border-left-color: #3730A3; |
| border-l-indigo-900 | border-left-color: #312E81; |
| border-l-indigo-950 | border-left-color: #1E1B4B; |
| border-l-violet-50 | border-left-color: #F5F3FF; |
| border-l-violet-100 | border-left-color: #EDE9FE; |
| border-l-violet-200 | border-left-color: #DDD6FE; |
| border-l-violet-300 | border-left-color: #C4B5FD; |
| border-l-violet-400 | border-left-color: #A78BFA; |
| border-l-violet-500 | border-left-color: #8B5CF6; |
| border-l-violet-600 | border-left-color: #7C3AED; |
| border-l-violet-700 | border-left-color: #6D28D9; |
| border-l-violet-800 | border-left-color: #5B21B6; |
| border-l-violet-900 | border-left-color: #4C1D95; |
| border-l-violet-950 | border-left-color: #2E1065; |
| border-l-purple-50 | border-left-color: #FAF5FF; |
| border-l-purple-100 | border-left-color: #F3E8FF; |
| border-l-purple-200 | border-left-color: #E9D5FF; |
| border-l-purple-300 | border-left-color: #D8B4FE; |
| border-l-purple-400 | border-left-color: #C084FC; |
| border-l-purple-500 | border-left-color: #A855F7; |
| border-l-purple-600 | border-left-color: #9333EA; |
| border-l-purple-700 | border-left-color: #7E22CE; |
| border-l-purple-800 | border-left-color: #6B21A8; |
| border-l-purple-900 | border-left-color: #581C87; |
| border-l-purple-950 | border-left-color: #3B0764; |
| border-l-fuchsia-50 | border-left-color: #FDF4FF; |
| border-l-fuchsia-100 | border-left-color: #FAE8FF; |
| border-l-fuchsia-200 | border-left-color: #F5D0FE; |
| border-l-fuchsia-300 | border-left-color: #F0ABFC; |
| border-l-fuchsia-400 | border-left-color: #E879F9; |
| border-l-fuchsia-500 | border-left-color: #D946EF; |
| border-l-fuchsia-600 | border-left-color: #C026D3; |
| border-l-fuchsia-700 | border-left-color: #A21CAF; |
| border-l-fuchsia-800 | border-left-color: #86198F; |
| border-l-fuchsia-900 | border-left-color: #701A75; |
| border-l-fuchsia-950 | border-left-color: #4A044E; |
| border-l-pink-50 | border-left-color: #FDF2F8; |
| border-l-pink-100 | border-left-color: #FCE7F3; |
| border-l-pink-200 | border-left-color: #FBCFE8; |
| border-l-pink-300 | border-left-color: #F9A8D4; |
| border-l-pink-400 | border-left-color: #F472B6; |
| border-l-pink-500 | border-left-color: #EC4899; |
| border-l-pink-600 | border-left-color: #DB2777; |
| border-l-pink-700 | border-left-color: #BE185D; |
| border-l-pink-800 | border-left-color: #9D174D; |
| border-l-pink-900 | border-left-color: #831843; |
| border-l-pink-950 | border-left-color: #500724; |
| border-l-rose-50 | border-left-color: #FFF1F2; |
| border-l-rose-100 | border-left-color: #FFE4E6; |
| border-l-rose-200 | border-left-color: #FECDD3; |
| border-l-rose-300 | border-left-color: #FDA4AF; |
| border-l-rose-400 | border-left-color: #FB7185; |
| border-l-rose-500 | border-left-color: #F43F5E; |
| border-l-rose-600 | border-left-color: #E11D48; |
| border-l-rose-700 | border-left-color: #BE123C; |
| border-l-rose-800 | border-left-color: #9F1239; |
| border-l-rose-900 | border-left-color: #881337; |
| border-l-rose-950 | border-left-color: #4C0519; |
Using Default Border Colors
By default, ZoboUI includes a variety of colors from the Colors field in the Core section of the Theme Config asset. These colors can be applied as border colors. You can also add your own custom colors or override the existing colors in the Theme Config asset.
Applying a Border Color
To set a border color, use the border-{color} class, where {color} is the key for your chosen color. This class will apply the selected color to the border of an element.
Basic Usage in UXML
<ui:Button class="border border-indigo-500"></ui:Button>
<ui:Button class="border border-rose-300"></ui:Button>
Customize
Modifier Variations
You can customize which modifier variations of the Border Color utility are generated, such as pseudo-classes (e.g., hover, focus) and custom modifiers.
Border Color utility by default:- hover
- focus
- checked
By fine-tuning the utility variations, you maintain control over your stylesheet's size and complexity, ensuring that only necessary styles are included. To update these values:
- Open the Theme Config Asset: Find the asset within your Unity project.
- Navigate to the 'Utilities' Section: Locate the
Border Colorutility. - Adjust Modifier Variations: Select which modifiers you want to be generated for the utility. Keep in mind that the order of the modifiers will affect the order and specificity of the generated USS classes.
Class Tags and Properties
The Border Color utility generates classes based on predefined tags and their associated USS properties. While we recommend keeping these defaults for consistency and ease of reference in our documentation, you have the option to customize them to suit your project's specific needs.
These values are prepended to the defined values in this format tag-{value}. If a tag is empty, the generated class will simply be the value by itself.
Here are the default tags and the USS properties they set for the Border Color utility:
- border : border-color
- border-t : border-top-color
- border-r : border-right-color
- border-b : border-bottom-color
- border-l : border-left-color
To customize these tags and properties, you can edit the Tag Property Map field for the Border Color utility in the Theme Config asset. This allows you to define new tags or modify existing ones, thus tailoring the generated classes to your preferences.
Extending Core Fields
The Border Color utility uses values from the following fields from the Core section of the Theme Config asset:
- Colors
To customize or define these extended fields:
- Open the Theme Config Asset: Locate the asset within your Unity project.
- Navigate to the 'Utilities' Section: Find the
Border Colorutility. - Customize Extend Fields: Modify or add fields in the
Extend Fieldsarray to change the core configuration values that are extended. You'll only be able to extend fields of the same type.
Disable Utility
The Border Color utility is enabled by default. You can disable it by unchecking the Enabled option in the Theme Config asset. This will prevent the generation of the utility's styles.