/* =====================================================================
1. COLOR PALETTE (CSS custom properties) - standard Tailwind v3 colors
======================================================================== */
:root {
  --c-white: #ffffff;
  --c-black: #000000;

  --c-slate-50:#f8fafc; --c-slate-100:#f1f5f9; --c-slate-200:#e2e8f0; --c-slate-300:#cbd5e1; --c-slate-400:#94a3b8; --c-slate-500:#64748b; --c-slate-600:#475569; --c-slate-700:#334155; --c-slate-800:#1e293b; --c-slate-900:#0f172a; --c-slate-950:#020617; 
  --c-gray-50:#f9fafb; --c-gray-100:#f3f4f6; --c-gray-200:#e5e7eb; --c-gray-300:#d1d5db; --c-gray-400:#9ca3af; --c-gray-500:#6b7280; --c-gray-600:#4b5563; --c-gray-700:#374151; --c-gray-800:#1f2937; --c-gray-900:#111827; --c-gray-950:#030712; 
  --c-zinc-50:#fafafa; --c-zinc-100:#f4f4f5; --c-zinc-200:#e4e4e7; --c-zinc-300:#d4d4d8; --c-zinc-400:#a1a1aa; --c-zinc-500:#71717a; --c-zinc-600:#52525b; --c-zinc-700:#3f3f46; --c-zinc-800:#27272a; --c-zinc-900:#18181b; --c-zinc-950:#09090b; 
  --c-neutral-50:#fafafa; --c-neutral-100:#f5f5f5; --c-neutral-200:#e5e5e5; --c-neutral-300:#d4d4d4; --c-neutral-400:#a3a3a3; --c-neutral-500:#737373; --c-neutral-600:#525252; --c-neutral-700:#404040; --c-neutral-800:#262626; --c-neutral-900:#171717; --c-neutral-950:#0a0a0a; 
  --c-stone-50:#fafaf9; --c-stone-100:#f5f5f4; --c-stone-200:#e7e5e4; --c-stone-300:#d6d3d1; --c-stone-400:#a8a29e; --c-stone-500:#78716c; --c-stone-600:#57534e; --c-stone-700:#44403c; --c-stone-800:#292524; --c-stone-900:#1c1917; --c-stone-950:#0c0a09; 
  --c-red-50:#fef2f2; --c-red-100:#fee2e2; --c-red-200:#fecaca; --c-red-300:#fca5a5; --c-red-400:#f87171; --c-red-500:#ef4444; --c-red-600:#dc2626; --c-red-700:#b91c1c; --c-red-800:#991b1b; --c-red-900:#7f1d1d; --c-red-950:#450a0a; 
  --c-orange-50:#fff7ed; --c-orange-100:#ffedd5; --c-orange-200:#fed7aa; --c-orange-300:#fdba74; --c-orange-400:#fb923c; --c-orange-500:#f97316; --c-orange-600:#ea580c; --c-orange-700:#c2410c; --c-orange-800:#9a3412; --c-orange-900:#7c2d12; --c-orange-950:#431407;
  --c-amber-50:#fffbeb; --c-amber-100:#fef3c7; --c-amber-200:#fde68a; --c-amber-300:#fcd34d; --c-amber-400:#fbbf24; --c-amber-500:#f59e0b; --c-amber-600:#d97706; --c-amber-700:#b45309; --c-amber-800:#92400e; --c-amber-900:#78350f; --c-amber-950:#451a03; 
  --c-yellow-50:#fefce8; --c-yellow-100:#fef9c3; --c-yellow-200:#fef08a; --c-yellow-300:#fde047; --c-yellow-400:#facc15; --c-yellow-500:#eab308; --c-yellow-600:#ca8a04; --c-yellow-700:#a16207; --c-yellow-800:#854d0e; --c-yellow-900:#713f12; --c-yellow-950:#422006; 
  --c-lime-50:#f7fee7; --c-lime-100:#ecfccb; --c-lime-200:#d9f99d; --c-lime-300:#bef264; --c-lime-400:#a3e635; --c-lime-500:#84cc16; --c-lime-600:#65a30d; --c-lime-700:#4d7c0f; --c-lime-800:#3f6212; --c-lime-900:#365314; --c-lime-950:#1a2e05; 
  --c-green-50:#f0fdf4; --c-green-100:#dcfce7; --c-green-200:#bbf7d0; --c-green-300:#86efac; --c-green-400:#4ade80; --c-green-500:#22c55e; --c-green-600:#16a34a; --c-green-700:#15803d; --c-green-800:#166534; --c-green-900:#14532d; --c-green-950:#052e16; 
  --c-emerald-50:#ecfdf5; --c-emerald-100:#d1fae5; --c-emerald-200:#a7f3d0; --c-emerald-300:#6ee7b7; --c-emerald-400:#34d399; --c-emerald-500:#10b981; --c-emerald-600:#059669; --c-emerald-700:#047857; --c-emerald-800:#065f46; --c-emerald-900:#064e3b; --c-emerald-950:#022c22; 
  --c-teal-50:#f0fdfa; --c-teal-100:#ccfbf1; --c-teal-200:#99f6e4; --c-teal-300:#5eead4; --c-teal-400:#2dd4bf; --c-teal-500:#14b8a6; --c-teal-600:#0d9488; --c-teal-700:#0f766e; --c-teal-800:#115e59; --c-teal-900:#134e4a; --c-teal-950:#042f2e; 
  --c-cyan-50:#ecfeff; --c-cyan-100:#cffafe; --c-cyan-200:#a5f3fc; --c-cyan-300:#67e8f9; --c-cyan-400:#22d3ee; --c-cyan-500:#06b6d4; --c-cyan-600:#0891b2; --c-cyan-700:#0e7490; --c-cyan-800:#155e75; --c-cyan-900:#164e63; --c-cyan-950:#083344;
  --c-sky-50:#f0f9ff; --c-sky-100:#e0f2fe; --c-sky-200:#bae6fd; --c-sky-300:#7dd3fc; --c-sky-400:#38bdf8; --c-sky-500:#0ea5e9; --c-sky-600:#0284c7; --c-sky-700:#0369a1; --c-sky-800:#075985; --c-sky-900:#0c4a6e; --c-sky-950:#082f49; 
  --c-blue-50:#eff6ff; --c-blue-100:#dbeafe; --c-blue-200:#bfdbfe; --c-blue-300:#93c5fd; --c-blue-400:#60a5fa; --c-blue-500:#3b82f6; --c-blue-600:#2563eb; --c-blue-700:#1d4ed8; --c-blue-800:#1e40af; --c-blue-900:#1e3a8a; --c-blue-950:#172554; 
  --c-indigo-50:#eef2ff; --c-indigo-100:#e0e7ff; --c-indigo-200:#c7d2fe; --c-indigo-300:#a5b4fc; --c-indigo-400:#818cf8; --c-indigo-500:#6366f1; --c-indigo-600:#4f46e5; --c-indigo-700:#4338ca; --c-indigo-800:#3730a3; --c-indigo-900:#312e81; --c-indigo-950:#1e1b4b; 
  --c-violet-50:#f5f3ff; --c-violet-100:#ede9fe; --c-violet-200:#ddd6fe; --c-violet-300:#c4b5fd; --c-violet-400:#a78bfa; --c-violet-500:#8b5cf6; --c-violet-600:#7c3aed; --c-violet-700:#6d28d9; --c-violet-800:#5b21b6; --c-violet-900:#4c1d95; --c-violet-950:#2e1065; 
  --c-purple-50:#faf5ff; --c-purple-100:#f3e8ff; --c-purple-200:#e9d5ff; --c-purple-300:#d8b4fe; --c-purple-400:#c084fc; --c-purple-500:#a855f7; --c-purple-600:#9333ea; --c-purple-700:#7e22ce; --c-purple-800:#6b21a8; --c-purple-900:#581c87; --c-purple-950:#3b0764; 
  --c-fuchsia-50:#fdf4ff; --c-fuchsia-100:#fae8ff; --c-fuchsia-200:#f5d0fe; --c-fuchsia-300:#f0abfc; --c-fuchsia-400:#e879f9; --c-fuchsia-500:#d946ef; --c-fuchsia-600:#c026d3; --c-fuchsia-700:#a21caf; --c-fuchsia-800:#86198f; --c-fuchsia-900:#701a75; --c-fuchsia-950:#4a044e;
  --c-pink-50:#fdf2f8; --c-pink-100:#fce7f3; --c-pink-200:#fbcfe8; --c-pink-300:#f9a8d4; --c-pink-400:#f472b6; --c-pink-500:#ec4899; --c-pink-600:#db2777; --c-pink-700:#be185d; --c-pink-800:#9d174d; --c-pink-900:#831843; --c-pink-950:#500724; 
  --c-rose-50:#fff1f2; --c-rose-100:#ffe4e6; --c-rose-200:#fecdd3; --c-rose-300:#fda4af; --c-rose-400:#fb7185; --c-rose-500:#f43f5e; --c-rose-600:#e11d48; --c-rose-700:#be123c; --c-rose-800:#9f1239; --c-rose-900:#881337; --c-rose-950:#4c0519; 
  
  /* Custom "glass" colors from the original tailwind.config theme.extend */ 
  --glass-base: rgba(255, 255, 255, 0.00); 
  --glass-card: rgba(255, 255, 255, 0.05); 
  --glass-input: rgba(255, 255, 255, 0.05); 
  --glass-hover: rgba(255, 255, 255, 0.1); 
  --glass-border: rgba(255, 255, 255, 0.02);
}

/* =====================================================================
   2. RESET (Tailwind preflight-lite)
   ===================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--glass-border);
}

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body,
h1,
h2,
h3,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3 {
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button {
  background-color: transparent;
  background-image: none;
  cursor: pointer;
}

input::placeholder {
  opacity: 1;
  color: inherit;
}

svg {
  display: block;
}

[hidden] {
  display: none !important;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", sans-serif;
  line-height: inherit;
}

/* =====================================================================
   3. BASE STYLING (ported verbatim from the original inline <style>)
   ===================================================================== */
body {
  background-color: #0a0a0f;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
}

.mesh-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #0a0a0f;
  background-image:
    radial-gradient(at 40% 20%, hsla(280, 100%, 74%, 0.15) 0px, transparent 50%),
    radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 0.15) 0px, transparent 50%),
    radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 0.1) 0px, transparent 50%),
    radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 0.15) 0px, transparent 50%),
    radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 0.15) 0px, transparent 50%),
    radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 0.15) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 0.1) 0px, transparent 50%);
  filter: blur(40px);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* =====================================================================
   4. CUSTOM COMPONENTS (ported verbatim; var(--tw-colors-glass-*) swapped
      for literal rgba() since that custom-property naming was only ever
      synthesized at runtime by the Tailwind Play CDN, not real Tailwind)
   ===================================================================== */
.glass-panel {
  background: var(--glass-base);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--glass-border);
  box-shadow: 
    0 20px 40px -20px rgba(0, 0, 0, 0.5), 
    inset 0 0 1px rgba(255, 255, 255, 0.2);
}

.glass-input {
  background: var(--glass-input);
  backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-input:focus {
  background: var(--glass-hover);
  outline: none;
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.wallet-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
  padding-top: 0.5rem;
}

.credit-card {
  aspect-ratio: 1.586 / 1;
  width: 100%;
  max-width: 400px;
  transition: 
    transform 0.6s cubic-bezier(0.32, 0.72, 0, 1),
    margin 0.6s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.6s ease,
    box-shadow 0.6s ease;
  transform-origin: top center;
  position: relative;
  box-shadow: 
    0 -10px 20px -10px rgba(0, 0, 0, 0.3), 
    0 20px 40px -20px rgba(0, 0, 0, 0.6), 
    inset 0 0 1px rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  will-change: transform, margin;
}

.wallet-stack > .credit-card + .credit-card { margin-top: -160px; }

.wallet-stack:not(.has-expanded) > .credit-card:hover { 
  transform: translateY(-16px) scale(1.02); 
  z-index: 40 !important;
}

.wallet-stack > .credit-card.expanded {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  transform: scale(1.05);
  z-index: 50 !important;
  opacity: 1 !important;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(255, 255, 255, 0.5);
}

.wallet-stack > .credit-card.expanded + .credit-card {
  margin-top: 0 !important;
}

.wallet-stack.has-expanded > .credit-card:not(.expanded) {
  opacity: 0.5;
  transform: scale(0.95);
  cursor: pointer;
}

.btn-spring {
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease;
}

.btn-spring:hover {
  transform: scale(1.02);
}

.btn-spring:active {
  transform: scale(0.98);
}

.credit-card .middle-row-details {
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.credit-card.expanded .middle-row-details {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.hidden-view {
  display: none !important;
}

.cc-chip {
  background: linear-gradient(135deg, #e0c38c 0%, #b89947 100%);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

/* ===================================================================== 
   5. LAYOUT & DISPLAY 
   ===================================================================== */
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-grow {
  flex-grow: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

.shrink-0 {
  flex-shrink: 0;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.col-span-full {
  grid-column: 1 / -1;
}

/* ===================================================================== 
   6. SPACING — margin / padding / gap / space-between (values actually used) 
   ===================================================================== */

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.375rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-12 {
  padding: 3rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.m-0 {
  margin: 0;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-auto {
  margin-top: auto;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-\[44px\] {
  margin-left: 44px;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-top-16 {
  top: -4rem;
}

.-right-16 {
  right: -4rem;
}

.-right-10 {
  right: -2.5rem;
}

.-top-10 {
  top: -2.5rem;
}

/* ===================================================================== 
   7. SIZING — width / height / max-width / min-height / aspect-ratio 
   ===================================================================== */

.w-full {
  width: 100%;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-32 {
  width: 8rem;
}

.w-48 {
  width: 12rem;
}

.w-56 {
  width: 14rem;
}

.min-w-0 {
  min-width: 0;
}

.min-w-\[36px\] {
  min-width: 36px;
}

.min-w-\[80px\] {
  min-width: 80px;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-48 {
  height: 12rem;
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-h-60 {
  max-height: 15rem;
}

.aspect-\[1\.586\/1\] {
  aspect-ratio: 1.586 / 1;
}

/* ===================================================================== 
   8. TYPOGRAPHY 
   ===================================================================== */

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[13px\] {
  font-size: 13px;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

/* ===================================================================== 
   9. SOLID COLOR UTILITIES (bg / text / border) — colors actually used 
   ===================================================================== */

.bg-white {
  background-color: var(--c-white);
}

.bg-black {
  background-color: var(--c-black);
}

.bg-blue-600 {
  background-color: var(--c-blue-600);
}

.bg-green-400 {
  background-color: var(--c-green-400);
}

.bg-yellow-400 {
  background-color: var(--c-yellow-400);
}

.text-white {
  color: var(--c-white);
}

.text-black {
  color: var(--c-black);
}

.text-blue-400 {
  color: var(--c-blue-400);
}

.text-red-400 {
  color: var(--c-red-400);
}

.text-green-400 {
  color: var(--c-green-400);
}

.text-yellow-400 {
  color: var(--c-yellow-400);
}

.text-yellow-950 {
  color: var(--c-yellow-950);
}

.text-emerald-300 {
  color: var(--c-emerald-300);
}

.text-emerald-700 {
  color: var(--c-emerald-700);
}

.text-red-100 {
  color: var(--c-red-100);
}

.text-green-100 {
  color: var(--c-green-100);
}

.text-yellow-100 {
  color: var(--c-yellow-100);
}

.placeholder-white\/30::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

/* Opacity-modified color utilities: exact tokens found in a.html / inline script */

[class~="bg-white/5"] {
  background-color: rgba(255, 255, 255, 0.05);
}

[class~="bg-white/10"] {
  background-color: rgba(255, 255, 255, 0.1);
}

[class~="bg-white/20"] {
  background-color: rgba(255, 255, 255, 0.2);
}

[class~="bg-black/10"] {
  background-color: rgba(0, 0, 0, 0.1);
}

[class~="bg-black/20"] {
  background-color: rgba(0, 0, 0, 0.2);
}

[class~="bg-black/30"] {
  background-color: rgba(0, 0, 0, 0.3);
}

[class~="bg-black/60"] {
  background-color: rgba(0, 0, 0, 0.6);
}

[class~="bg-black/70"] {
  background-color: rgba(0, 0, 0, 0.7);
}

[class~="bg-blue-500/20"] {
  background-color: rgba(59, 130, 246, 0.2);
}

[class~="bg-purple-500/30"] {
  background-color: rgba(168, 85, 247, 0.3);
}

[class~="bg-red-500/20"] {
  background-color: rgba(239, 68, 68, 0.2);
}

[class~="bg-green-500/20"] {
  background-color: rgba(34, 197, 94, 0.2);
}

[class~="bg-yellow-500/20"] {
  background-color: rgba(234, 179, 8, 0.2);
}

[class~="bg-yellow-500/90"] {
  background-color: rgba(234, 179, 8, 0.9);
}

[class~="text-white/20"] {
  color: rgba(255, 255, 255, 0.2);
}

[class~="text-white/30"] {
  color: rgba(255, 255, 255, 0.3);
}

[class~="text-white/40"] {
  color: rgba(255, 255, 255, 0.4);
}

[class~="text-white/50"] {
  color: rgba(255, 255, 255, 0.5);
}

[class~="text-white/60"] {
  color: rgba(255, 255, 255, 0.6);
}

[class~="text-white/70"] {
  color: rgba(255, 255, 255, 0.7);
}

[class~="border-white/5"] {
  border-color: rgba(255, 255, 255, 0.05);
}

[class~="border-white/10"] {
  border-color: rgba(255, 255, 255, 0.1);
}

[class~="border-white/20"] {
  border-color: rgba(255, 255, 255, 0.2);
}

[class~="border-white/30"] {
  border-color: rgba(255, 255, 255, 0.3);
}

[class~="border-black/20"] {
  border-color: rgba(0, 0, 0, 0.2);
}

[class~="border-red-500/30"] {
  border-color: rgba(239, 68, 68, 0.3);
}

[class~="border-green-500/30"] {
  border-color: rgba(34, 197, 94, 0.3);
}

[class~="border-yellow-500/30"] {
  border-color: rgba(234, 179, 8, 0.3);
}

[class~="selection:bg-white/20"]::selection,
[class~="selection:bg-white/20"] ::selection {
  background-color: rgba(255, 255, 255, 0.2);
}

/* ===================================================================== 
   10. GRADIENTS — full-palette from-/via-/to- stop mechanism 
   (mirrors Tailwind's own CSS-variable stitching) so that arbitrary 
   AI-generated gradient class strings keep rendering correctly. 
   ===================================================================== */

.bg-gradient-to-br {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  --tw-gradient-from: transparent;
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

/* generated for every standard Tailwind color/shade so any combination the
   AI card-lookup service returns (any of ~22 colors x 11 shades) resolves */

/* Slate */
[class~="from-slate-50"] { --tw-gradient-from: var(--c-slate-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-50), var(--tw-gradient-to); }
[class~="to-slate-50"] { --tw-gradient-to: var(--c-slate-50); }
[class~="from-slate-100"] { --tw-gradient-from: var(--c-slate-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-100), var(--tw-gradient-to); }
[class~="to-slate-100"] { --tw-gradient-to: var(--c-slate-100); }
[class~="from-slate-200"] { --tw-gradient-from: var(--c-slate-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-200), var(--tw-gradient-to); }
[class~="to-slate-200"] { --tw-gradient-to: var(--c-slate-200); }
[class~="from-slate-300"] { --tw-gradient-from: var(--c-slate-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-300), var(--tw-gradient-to); }
[class~="to-slate-300"] { --tw-gradient-to: var(--c-slate-300); }
[class~="from-slate-400"] { --tw-gradient-from: var(--c-slate-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-400), var(--tw-gradient-to); }
[class~="to-slate-400"] { --tw-gradient-to: var(--c-slate-400); }
[class~="from-slate-500"] { --tw-gradient-from: var(--c-slate-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-500), var(--tw-gradient-to); }
[class~="to-slate-500"] { --tw-gradient-to: var(--c-slate-500); }
[class~="from-slate-600"] { --tw-gradient-from: var(--c-slate-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-600), var(--tw-gradient-to); }
[class~="to-slate-600"] { --tw-gradient-to: var(--c-slate-600); }
[class~="from-slate-700"] { --tw-gradient-from: var(--c-slate-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-700), var(--tw-gradient-to); }
[class~="to-slate-700"] { --tw-gradient-to: var(--c-slate-700); }
[class~="from-slate-800"] { --tw-gradient-from: var(--c-slate-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-800), var(--tw-gradient-to); }
[class~="to-slate-800"] { --tw-gradient-to: var(--c-slate-800); }
[class~="from-slate-900"] { --tw-gradient-from: var(--c-slate-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-900), var(--tw-gradient-to); }
[class~="to-slate-900"] { --tw-gradient-to: var(--c-slate-900); }
[class~="from-slate-950"] { --tw-gradient-from: var(--c-slate-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-slate-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-slate-950), var(--tw-gradient-to); }
[class~="to-slate-950"] { --tw-gradient-to: var(--c-slate-950); }

/* Gray */
[class~="from-gray-50"] { --tw-gradient-from: var(--c-gray-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-50), var(--tw-gradient-to); }
[class~="to-gray-50"] { --tw-gradient-to: var(--c-gray-50); }
[class~="from-gray-100"] { --tw-gradient-from: var(--c-gray-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-100), var(--tw-gradient-to); }
[class~="to-gray-100"] { --tw-gradient-to: var(--c-gray-100); }
[class~="from-gray-200"] { --tw-gradient-from: var(--c-gray-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-200), var(--tw-gradient-to); }
[class~="to-gray-200"] { --tw-gradient-to: var(--c-gray-200); }
[class~="from-gray-300"] { --tw-gradient-from: var(--c-gray-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-300), var(--tw-gradient-to); }
[class~="to-gray-300"] { --tw-gradient-to: var(--c-gray-300); }
[class~="from-gray-400"] { --tw-gradient-from: var(--c-gray-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-400), var(--tw-gradient-to); }
[class~="to-gray-400"] { --tw-gradient-to: var(--c-gray-400); }
[class~="from-gray-500"] { --tw-gradient-from: var(--c-gray-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-500), var(--tw-gradient-to); }
[class~="to-gray-500"] { --tw-gradient-to: var(--c-gray-500); }
[class~="from-gray-600"] { --tw-gradient-from: var(--c-gray-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-600), var(--tw-gradient-to); }
[class~="to-gray-600"] { --tw-gradient-to: var(--c-gray-600); }
[class~="from-gray-700"] { --tw-gradient-from: var(--c-gray-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-700), var(--tw-gradient-to); }
[class~="to-gray-700"] { --tw-gradient-to: var(--c-gray-700); }
[class~="from-gray-800"] { --tw-gradient-from: var(--c-gray-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-800), var(--tw-gradient-to); }
[class~="to-gray-800"] { --tw-gradient-to: var(--c-gray-800); }
[class~="from-gray-900"] { --tw-gradient-from: var(--c-gray-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-900), var(--tw-gradient-to); }
[class~="to-gray-900"] { --tw-gradient-to: var(--c-gray-900); }
[class~="from-gray-950"] { --tw-gradient-from: var(--c-gray-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-gray-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-gray-950), var(--tw-gradient-to); }
[class~="to-gray-950"] { --tw-gradient-to: var(--c-gray-950); }

/* Zinc */
[class~="from-zinc-50"] { --tw-gradient-from: var(--c-zinc-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-50); }
[class~="to-zinc-50"] { --tw-gradient-to: var(--c-zinc-50); }
[class~="from-zinc-100"] { --tw-gradient-from: var(--c-zinc-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-100), var(--tw-gradient-to); }
[class~="to-zinc-100"] { --tw-gradient-to: var(--c-zinc-100); }
[class~="from-zinc-200"] { --tw-gradient-from: var(--c-zinc-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-200), var(--tw-gradient-to); }
[class~="to-zinc-200"] { --tw-gradient-to: var(--c-zinc-200); }
[class~="from-zinc-300"] { --tw-gradient-from: var(--c-zinc-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-300), var(--tw-gradient-to); }
[class~="to-zinc-300"] { --tw-gradient-to: var(--c-zinc-300); }
[class~="from-zinc-400"] { --tw-gradient-from: var(--c-zinc-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-400), var(--tw-gradient-to); }
[class~="to-zinc-400"] { --tw-gradient-to: var(--c-zinc-400); }
[class~="from-zinc-500"] { --tw-gradient-from: var(--c-zinc-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-500), var(--tw-gradient-to); }
[class~="to-zinc-500"] { --tw-gradient-to: var(--c-zinc-500); }
[class~="from-zinc-600"] { --tw-gradient-from: var(--c-zinc-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-600), var(--tw-gradient-to); }
[class~="to-zinc-600"] { --tw-gradient-to: var(--c-zinc-600); }
[class~="from-zinc-700"] { --tw-gradient-from: var(--c-zinc-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-700), var(--tw-gradient-to); }
[class~="to-zinc-700"] { --tw-gradient-to: var(--c-zinc-700); }
[class~="from-zinc-800"] { --tw-gradient-from: var(--c-zinc-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-800), var(--tw-gradient-to); }
[class~="to-zinc-800"] { --tw-gradient-to: var(--c-zinc-800); }
[class~="from-zinc-900"] { --tw-gradient-from: var(--c-zinc-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-900), var(--tw-gradient-to); }
[class~="to-zinc-900"] { --tw-gradient-to: var(--c-zinc-900); }
[class~="from-zinc-950"] { --tw-gradient-from: var(--c-zinc-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-zinc-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-zinc-950), var(--tw-gradient-to); }
[class~="to-zinc-950"] { --tw-gradient-to: var(--c-zinc-950); }

/* Neutral */
[class~="from-neutral-50"] { --tw-gradient-from: var(--c-neutral-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-50), var(--tw-gradient-to); }
[class~="to-neutral-50"] { --tw-gradient-to: var(--c-neutral-50); }
[class~="from-neutral-100"] { --tw-gradient-from: var(--c-neutral-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-100), var(--tw-gradient-to); }
[class~="to-neutral-100"] { --tw-gradient-to: var(--c-neutral-100); }
[class~="from-neutral-200"] { --tw-gradient-from: var(--c-neutral-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-200), var(--tw-gradient-to); }
[class~="to-neutral-200"] { --tw-gradient-to: var(--c-neutral-200); }
[class~="from-neutral-300"] { --tw-gradient-from: var(--c-neutral-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-300), var(--tw-gradient-to); }
[class~="to-neutral-300"] { --tw-gradient-to: var(--c-neutral-300); }
[class~="from-neutral-400"] { --tw-gradient-from: var(--c-neutral-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-400), var(--tw-gradient-to); }
[class~="to-neutral-400"] { --tw-gradient-to: var(--c-neutral-400); }
[class~="from-neutral-500"] { --tw-gradient-from: var(--c-neutral-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-500), var(--tw-gradient-to); }
[class~="to-neutral-500"] { --tw-gradient-to: var(--c-neutral-500); }
[class~="from-neutral-600"] { --tw-gradient-from: var(--c-neutral-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-600), var(--tw-gradient-to); }
[class~="to-neutral-600"] { --tw-gradient-to: var(--c-neutral-600); }
[class~="from-neutral-700"] { --tw-gradient-from: var(--c-neutral-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-700), var(--tw-gradient-to); }
[class~="to-neutral-700"] { --tw-gradient-to: var(--c-neutral-700); }
[class~="from-neutral-800"] { --tw-gradient-from: var(--c-neutral-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-800), var(--tw-gradient-to); }
[class~="to-neutral-800"] { --tw-gradient-to: var(--c-neutral-800); }
[class~="from-neutral-900"] { --tw-gradient-from: var(--c-neutral-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-900), var(--tw-gradient-to); }
[class~="to-neutral-900"] { --tw-gradient-to: var(--c-neutral-900); }
[class~="from-neutral-950"] { --tw-gradient-from: var(--c-neutral-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-neutral-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-neutral-950), var(--tw-gradient-to); }
[class~="to-neutral-950"] { --tw-gradient-to: var(--c-neutral-950); }

/* Stone */
[class~="from-stone-50"] { --tw-gradient-from: var(--c-stone-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-50), var(--tw-gradient-to); }
[class~="to-stone-50"] { --tw-gradient-to: var(--c-stone-50); }
[class~="from-stone-100"] { --tw-gradient-from: var(--c-stone-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-100), var(--tw-gradient-to); }
[class~="to-stone-100"] { --tw-gradient-to: var(--c-stone-100); }
[class~="from-stone-200"] { --tw-gradient-from: var(--c-stone-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-200), var(--tw-gradient-to); }
[class~="to-stone-200"] { --tw-gradient-to: var(--c-stone-200); }
[class~="from-stone-300"] { --tw-gradient-from: var(--c-stone-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-300), var(--tw-gradient-to); }
[class~="to-stone-300"] { --tw-gradient-to: var(--c-stone-300); }
[class~="from-stone-400"] { --tw-gradient-from: var(--c-stone-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-400), var(--tw-gradient-to); }
[class~="to-stone-400"] { --tw-gradient-to: var(--c-stone-400); }
[class~="from-stone-500"] { --tw-gradient-from: var(--c-stone-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-500), var(--tw-gradient-to); }
[class~="to-stone-500"] { --tw-gradient-to: var(--c-stone-500); }
[class~="from-stone-600"] { --tw-gradient-from: var(--c-stone-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-600), var(--tw-gradient-to); }
[class~="to-stone-600"] { --tw-gradient-to: var(--c-stone-600); }
[class~="from-stone-700"] { --tw-gradient-from: var(--c-stone-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-700), var(--tw-gradient-to); }
[class~="to-stone-700"] { --tw-gradient-to: var(--c-stone-700); }
[class~="from-stone-800"] { --tw-gradient-from: var(--c-stone-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-800), var(--tw-gradient-to); }
[class~="to-stone-800"] { --tw-gradient-to: var(--c-stone-800); }
[class~="from-stone-900"] { --tw-gradient-from: var(--c-stone-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-900), var(--tw-gradient-to); }
[class~="to-stone-900"] { --tw-gradient-to: var(--c-stone-900); }
[class~="from-stone-950"] { --tw-gradient-from: var(--c-stone-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-stone-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-stone-950), var(--tw-gradient-to); }
[class~="to-stone-950"] { --tw-gradient-to: var(--c-stone-950); }

/* Red */
[class~="from-red-50"] { --tw-gradient-from: var(--c-red-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-50), var(--tw-gradient-to); }
[class~="to-red-50"] { --tw-gradient-to: var(--c-red-50); }
[class~="from-red-100"] { --tw-gradient-from: var(--c-red-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-100), var(--tw-gradient-to); }
[class~="to-red-100"] { --tw-gradient-to: var(--c-red-100); }
[class~="from-red-200"] { --tw-gradient-from: var(--c-red-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-200), var(--tw-gradient-to); }
[class~="to-red-200"] { --tw-gradient-to: var(--c-red-200); }
[class~="from-red-300"] { --tw-gradient-from: var(--c-red-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-300), var(--tw-gradient-to); }
[class~="to-red-300"] { --tw-gradient-to: var(--c-red-300); }
[class~="from-red-400"] { --tw-gradient-from: var(--c-red-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-400), var(--tw-gradient-to); }
[class~="to-red-400"] { --tw-gradient-to: var(--c-red-400); }
[class~="from-red-500"] { --tw-gradient-from: var(--c-red-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-500), var(--tw-gradient-to); }
[class~="to-red-500"] { --tw-gradient-to: var(--c-red-500); }
[class~="from-red-600"] { --tw-gradient-from: var(--c-red-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-600), var(--tw-gradient-to); }
[class~="to-red-600"] { --tw-gradient-to: var(--c-red-600); }
[class~="from-red-700"] { --tw-gradient-from: var(--c-red-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-700), var(--tw-gradient-to); }
[class~="to-red-700"] { --tw-gradient-to: var(--c-red-700); }
[class~="from-red-800"] { --tw-gradient-from: var(--c-red-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-800), var(--tw-gradient-to); }
[class~="to-red-800"] { --tw-gradient-to: var(--c-red-800); }
[class~="from-red-900"] { --tw-gradient-from: var(--c-red-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-900), var(--tw-gradient-to); }
[class~="to-red-900"] { --tw-gradient-to: var(--c-red-900); }
[class~="from-red-950"] { --tw-gradient-from: var(--c-red-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-red-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-red-950), var(--tw-gradient-to); }
[class~="to-red-950"] { --tw-gradient-to: var(--c-red-950); }

/* Orange */
[class~="from-orange-50"] { --tw-gradient-from: var(--c-orange-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-50), var(--tw-gradient-to); }
[class~="to-orange-50"] { --tw-gradient-to: var(--c-orange-50); }
[class~="from-orange-100"] { --tw-gradient-from: var(--c-orange-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-100), var(--tw-gradient-to); }
[class~="to-orange-100"] { --tw-gradient-to: var(--c-orange-100); }
[class~="from-orange-200"] { --tw-gradient-from: var(--c-orange-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-200), var(--tw-gradient-to); }
[class~="to-orange-200"] { --tw-gradient-to: var(--c-orange-200); }
[class~="from-orange-300"] { --tw-gradient-from: var(--c-orange-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-300), var(--tw-gradient-to); }
[class~="to-orange-300"] { --tw-gradient-to: var(--c-orange-300); }
[class~="from-orange-400"] { --tw-gradient-from: var(--c-orange-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-400), var(--tw-gradient-to); }
[class~="to-orange-400"] { --tw-gradient-to: var(--c-orange-400); }
[class~="from-orange-500"] { --tw-gradient-from: var(--c-orange-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-500), var(--tw-gradient-to); }
[class~="to-orange-500"] { --tw-gradient-to: var(--c-orange-500); }
[class~="from-orange-600"] { --tw-gradient-from: var(--c-orange-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-600), var(--tw-gradient-to); }
[class~="to-orange-600"] { --tw-gradient-to: var(--c-orange-600); }
[class~="from-orange-700"] { --tw-gradient-from: var(--c-orange-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-700), var(--tw-gradient-to); }
[class~="to-orange-700"] { --tw-gradient-to: var(--c-orange-700); }
[class~="from-orange-800"] { --tw-gradient-from: var(--c-orange-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-800), var(--tw-gradient-to); }
[class~="to-orange-800"] { --tw-gradient-to: var(--c-orange-800); }
[class~="from-orange-900"] { --tw-gradient-from: var(--c-orange-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-900), var(--tw-gradient-to); }
[class~="to-orange-900"] { --tw-gradient-to: var(--c-orange-900); }
[class~="from-orange-950"] { --tw-gradient-from: var(--c-orange-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-orange-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-orange-950), var(--tw-gradient-to); }
[class~="to-orange-950"] { --tw-gradient-to: var(--c-orange-950); }

/* Amber */
[class~="from-amber-50"] { --tw-gradient-from: var(--c-amber-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-50), var(--tw-gradient-to); }
[class~="to-amber-50"] { --tw-gradient-to: var(--c-amber-50); }
[class~="from-amber-100"] { --tw-gradient-from: var(--c-amber-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-100), var(--tw-gradient-to); }
[class~="to-amber-100"] { --tw-gradient-to: var(--c-amber-100); }
[class~="from-amber-200"] { --tw-gradient-from: var(--c-amber-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-200), var(--tw-gradient-to); }
[class~="to-amber-200"] { --tw-gradient-to: var(--c-amber-200); }
[class~="from-amber-300"] { --tw-gradient-from: var(--c-amber-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-300), var(--tw-gradient-to); }
[class~="to-amber-300"] { --tw-gradient-to: var(--c-amber-300); }
[class~="from-amber-400"] { --tw-gradient-from: var(--c-amber-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-400), var(--tw-gradient-to); }
[class~="to-amber-400"] { --tw-gradient-to: var(--c-amber-400); }
[class~="from-amber-500"] { --tw-gradient-from: var(--c-amber-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-500), var(--tw-gradient-to); }
[class~="to-amber-500"] { --tw-gradient-to: var(--c-amber-500); }
[class~="from-amber-600"] { --tw-gradient-from: var(--c-amber-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-600), var(--tw-gradient-to); }
[class~="to-amber-600"] { --tw-gradient-to: var(--c-amber-600); }
[class~="from-amber-700"] { --tw-gradient-from: var(--c-amber-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-700), var(--tw-gradient-to); }
[class~="to-amber-700"] { --tw-gradient-to: var(--c-amber-700); }
[class~="from-amber-800"] { --tw-gradient-from: var(--c-amber-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-800), var(--tw-gradient-to); }
[class~="to-amber-800"] { --tw-gradient-to: var(--c-amber-800); }
[class~="from-amber-900"] { --tw-gradient-from: var(--c-amber-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-900), var(--tw-gradient-to); }
[class~="to-amber-900"] { --tw-gradient-to: var(--c-amber-900); }
[class~="from-amber-950"] { --tw-gradient-from: var(--c-amber-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-amber-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-amber-950), var(--tw-gradient-to); }
[class~="to-amber-950"] { --tw-gradient-to: var(--c-amber-950); }

/* Yellow */
[class~="from-yellow-50"] { --tw-gradient-from: var(--c-yellow-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-50), var(--tw-gradient-to); }
[class~="to-yellow-50"] { --tw-gradient-to: var(--c-yellow-50); }
[class~="from-yellow-100"] { --tw-gradient-from: var(--c-yellow-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-100), var(--tw-gradient-to); }
[class~="to-yellow-100"] { --tw-gradient-to: var(--c-yellow-100); }
[class~="from-yellow-200"] { --tw-gradient-from: var(--c-yellow-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-200), var(--tw-gradient-to); }
[class~="to-yellow-200"] { --tw-gradient-to: var(--c-yellow-200); }
[class~="from-yellow-300"] { --tw-gradient-from: var(--c-yellow-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-300), var(--tw-gradient-to); }
[class~="to-yellow-300"] { --tw-gradient-to: var(--c-yellow-300); }
[class~="from-yellow-400"] { --tw-gradient-from: var(--c-yellow-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-400), var(--tw-gradient-to); }
[class~="to-yellow-400"] { --tw-gradient-to: var(--c-yellow-400); }
[class~="from-yellow-500"] { --tw-gradient-from: var(--c-yellow-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-500), var(--tw-gradient-to); }
[class~="to-yellow-500"] { --tw-gradient-to: var(--c-yellow-500); }
[class~="from-yellow-600"] { --tw-gradient-from: var(--c-yellow-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-600), var(--tw-gradient-to); }
[class~="to-yellow-600"] { --tw-gradient-to: var(--c-yellow-600); }
[class~="from-yellow-700"] { --tw-gradient-from: var(--c-yellow-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-700), var(--tw-gradient-to); }
[class~="to-yellow-700"] { --tw-gradient-to: var(--c-yellow-700); }
[class~="from-yellow-800"] { --tw-gradient-from: var(--c-yellow-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-800), var(--tw-gradient-to); }
[class~="to-yellow-800"] { --tw-gradient-to: var(--c-yellow-800); }
[class~="from-yellow-900"] { --tw-gradient-from: var(--c-yellow-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-900), var(--tw-gradient-to); }
[class~="to-yellow-900"] { --tw-gradient-to: var(--c-yellow-900); }
[class~="from-yellow-950"] { --tw-gradient-from: var(--c-yellow-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-yellow-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-yellow-950), var(--tw-gradient-to); }
[class~="to-yellow-950"] { --tw-gradient-to: var(--c-yellow-950); }

/* Lime */
[class~="from-lime-50"] { --tw-gradient-from: var(--c-lime-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-50), var(--tw-gradient-to); }
[class~="to-lime-50"] { --tw-gradient-to: var(--c-lime-50); }
[class~="from-lime-100"] { --tw-gradient-from: var(--c-lime-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-100), var(--tw-gradient-to); }
[class~="to-lime-100"] { --tw-gradient-to: var(--c-lime-100); }
[class~="from-lime-200"] { --tw-gradient-from: var(--c-lime-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-200), var(--tw-gradient-to); }
[class~="to-lime-200"] { --tw-gradient-to: var(--c-lime-200); }
[class~="from-lime-300"] { --tw-gradient-from: var(--c-lime-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-300), var(--tw-gradient-to); }
[class~="to-lime-300"] { --tw-gradient-to: var(--c-lime-300); }
[class~="from-lime-400"] { --tw-gradient-from: var(--c-lime-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-400), var(--tw-gradient-to); }
[class~="to-lime-400"] { --tw-gradient-to: var(--c-lime-400); }
[class~="from-lime-500"] { --tw-gradient-from: var(--c-lime-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-500), var(--tw-gradient-to); }
[class~="to-lime-500"] { --tw-gradient-to: var(--c-lime-500); }
[class~="from-lime-600"] { --tw-gradient-from: var(--c-lime-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-600), var(--tw-gradient-to); }
[class~="to-lime-600"] { --tw-gradient-to: var(--c-lime-600); }
[class~="from-lime-700"] { --tw-gradient-from: var(--c-lime-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-700), var(--tw-gradient-to); }
[class~="to-lime-700"] { --tw-gradient-to: var(--c-lime-700); }
[class~="from-lime-800"] { --tw-gradient-from: var(--c-lime-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-800), var(--tw-gradient-to); }
[class~="to-lime-800"] { --tw-gradient-to: var(--c-lime-800); }
[class~="from-lime-900"] { --tw-gradient-from: var(--c-lime-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-900), var(--tw-gradient-to); }
[class~="to-lime-900"] { --tw-gradient-to: var(--c-lime-900); }
[class~="from-lime-950"] { --tw-gradient-from: var(--c-lime-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-lime-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-lime-950), var(--tw-gradient-to); }
[class~="to-lime-950"] { --tw-gradient-to: var(--c-lime-950); }

/* Green */
[class~="from-green-50"] { --tw-gradient-from: var(--c-green-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-50), var(--tw-gradient-to); }
[class~="to-green-50"] { --tw-gradient-to: var(--c-green-50); }
[class~="from-green-100"] { --tw-gradient-from: var(--c-green-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-100), var(--tw-gradient-to); }
[class~="to-green-100"] { --tw-gradient-to: var(--c-green-100); }
[class~="from-green-200"] { --tw-gradient-from: var(--c-green-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-200), var(--tw-gradient-to); }
[class~="to-green-200"] { --tw-gradient-to: var(--c-green-200); }
[class~="from-green-300"] { --tw-gradient-from: var(--c-green-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-300), var(--tw-gradient-to); }
[class~="to-green-300"] { --tw-gradient-to: var(--c-green-300); }
[class~="from-green-400"] { --tw-gradient-from: var(--c-green-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-400), var(--tw-gradient-to); }
[class~="to-green-400"] { --tw-gradient-to: var(--c-green-400); }
[class~="from-green-500"] { --tw-gradient-from: var(--c-green-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-500), var(--tw-gradient-to); }
[class~="to-green-500"] { --tw-gradient-to: var(--c-green-500); }
[class~="from-green-600"] { --tw-gradient-from: var(--c-green-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-600), var(--tw-gradient-to); }
[class~="to-green-600"] { --tw-gradient-to: var(--c-green-600); }
[class~="from-green-700"] { --tw-gradient-from: var(--c-green-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-700), var(--tw-gradient-to); }
[class~="to-green-700"] { --tw-gradient-to: var(--c-green-700); }
[class~="from-green-800"] { --tw-gradient-from: var(--c-green-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-800), var(--tw-gradient-to); }
[class~="to-green-800"] { --tw-gradient-to: var(--c-green-800); }
[class~="from-green-900"] { --tw-gradient-from: var(--c-green-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-900), var(--tw-gradient-to); }
[class~="to-green-900"] { --tw-gradient-to: var(--c-green-900); }
[class~="from-green-950"] { --tw-gradient-from: var(--c-green-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-green-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-green-950), var(--tw-gradient-to); }
[class~="to-green-950"] { --tw-gradient-to: var(--c-green-950); }

/* Emerald */
[class~="from-emerald-50"] { --tw-gradient-from: var(--c-emerald-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-50), var(--tw-gradient-to); }
[class~="to-emerald-50"] { --tw-gradient-to: var(--c-emerald-50); }
[class~="from-emerald-100"] { --tw-gradient-from: var(--c-emerald-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-100), var(--tw-gradient-to); }
[class~="to-emerald-100"] { --tw-gradient-to: var(--c-emerald-100); }
[class~="from-emerald-200"] { --tw-gradient-from: var(--c-emerald-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-200), var(--tw-gradient-to); }
[class~="to-emerald-200"] { --tw-gradient-to: var(--c-emerald-200); }
[class~="from-emerald-300"] { --tw-gradient-from: var(--c-emerald-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-300), var(--tw-gradient-to); }
[class~="to-emerald-300"] { --tw-gradient-to: var(--c-emerald-300); }
[class~="from-emerald-400"] { --tw-gradient-from: var(--c-emerald-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-400), var(--tw-gradient-to); }
[class~="to-emerald-400"] { --tw-gradient-to: var(--c-emerald-400); }
[class~="from-emerald-500"] { --tw-gradient-from: var(--c-emerald-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-500), var(--tw-gradient-to); }
[class~="to-emerald-500"] { --tw-gradient-to: var(--c-emerald-500); }
[class~="from-emerald-600"] { --tw-gradient-from: var(--c-emerald-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-600), var(--tw-gradient-to); }
[class~="to-emerald-600"] { --tw-gradient-to: var(--c-emerald-600); }
[class~="from-emerald-700"] { --tw-gradient-from: var(--c-emerald-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-700), var(--tw-gradient-to); }
[class~="to-emerald-700"] { --tw-gradient-to: var(--c-emerald-700); }
[class~="from-emerald-800"] { --tw-gradient-from: var(--c-emerald-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-800), var(--tw-gradient-to); }
[class~="to-emerald-800"] { --tw-gradient-to: var(--c-emerald-800); }
[class~="from-emerald-900"] { --tw-gradient-from: var(--c-emerald-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-900), var(--tw-gradient-to); }
[class~="to-emerald-900"] { --tw-gradient-to: var(--c-emerald-900); }
[class~="from-emerald-950"] { --tw-gradient-from: var(--c-emerald-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-emerald-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-emerald-950), var(--tw-gradient-to); }
[class~="to-emerald-950"] { --tw-gradient-to: var(--c-emerald-950); }

/* Teal */
[class~="from-teal-50"] { --tw-gradient-from: var(--c-teal-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-50), var(--tw-gradient-to); }
[class~="to-teal-50"] { --tw-gradient-to: var(--c-teal-50); }
[class~="from-teal-100"] { --tw-gradient-from: var(--c-teal-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-100), var(--tw-gradient-to); }
[class~="to-teal-100"] { --tw-gradient-to: var(--c-teal-100); }
[class~="from-teal-200"] { --tw-gradient-from: var(--c-teal-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-200), var(--tw-gradient-to); }
[class~="to-teal-200"] { --tw-gradient-to: var(--c-teal-200); }
[class~="from-teal-300"] { --tw-gradient-from: var(--c-teal-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-300), var(--tw-gradient-to); }
[class~="to-teal-300"] { --tw-gradient-to: var(--c-teal-300); }
[class~="from-teal-400"] { --tw-gradient-from: var(--c-teal-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-400), var(--tw-gradient-to); }
[class~="to-teal-400"] { --tw-gradient-to: var(--c-teal-400); }
[class~="from-teal-500"] { --tw-gradient-from: var(--c-teal-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-500), var(--tw-gradient-to); }
[class~="to-teal-500"] { --tw-gradient-to: var(--c-teal-500); }
[class~="from-teal-600"] { --tw-gradient-from: var(--c-teal-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-600), var(--tw-gradient-to); }
[class~="to-teal-600"] { --tw-gradient-to: var(--c-teal-600); }
[class~="from-teal-700"] { --tw-gradient-from: var(--c-teal-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-700), var(--tw-gradient-to); }
[class~="to-teal-700"] { --tw-gradient-to: var(--c-teal-700); }
[class~="from-teal-800"] { --tw-gradient-from: var(--c-teal-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-800), var(--tw-gradient-to); }
[class~="to-teal-800"] { --tw-gradient-to: var(--c-teal-800); }
[class~="from-teal-900"] { --tw-gradient-from: var(--c-teal-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-900), var(--tw-gradient-to); }
[class~="to-teal-900"] { --tw-gradient-to: var(--c-teal-900); }
[class~="from-teal-950"] { --tw-gradient-from: var(--c-teal-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-teal-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-teal-950), var(--tw-gradient-to); }
[class~="to-teal-950"] { --tw-gradient-to: var(--c-teal-950); }

/* Cyan */
[class~="from-cyan-50"] { --tw-gradient-from: var(--c-cyan-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-50), var(--tw-gradient-to); }
[class~="to-cyan-50"] { --tw-gradient-to: var(--c-cyan-50); }
[class~="from-cyan-100"] { --tw-gradient-from: var(--c-cyan-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-100), var(--tw-gradient-to); }
[class~="to-cyan-100"] { --tw-gradient-to: var(--c-cyan-100); }
[class~="from-cyan-200"] { --tw-gradient-from: var(--c-cyan-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-200), var(--tw-gradient-to); }
[class~="to-cyan-200"] { --tw-gradient-to: var(--c-cyan-200); }
[class~="from-cyan-300"] { --tw-gradient-from: var(--c-cyan-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-300), var(--tw-gradient-to); }
[class~="to-cyan-300"] { --tw-gradient-to: var(--c-cyan-300); }
[class~="from-cyan-400"] { --tw-gradient-from: var(--c-cyan-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-400), var(--tw-gradient-to); }
[class~="to-cyan-400"] { --tw-gradient-to: var(--c-cyan-400); }
[class~="from-cyan-500"] { --tw-gradient-from: var(--c-cyan-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-500), var(--tw-gradient-to); }
[class~="to-cyan-500"] { --tw-gradient-to: var(--c-cyan-500); }
[class~="from-cyan-600"] { --tw-gradient-from: var(--c-cyan-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-600), var(--tw-gradient-to); }
[class~="to-cyan-600"] { --tw-gradient-to: var(--c-cyan-600); }
[class~="from-cyan-700"] { --tw-gradient-from: var(--c-cyan-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-700), var(--tw-gradient-to); }
[class~="to-cyan-700"] { --tw-gradient-to: var(--c-cyan-700); }
[class~="from-cyan-800"] { --tw-gradient-from: var(--c-cyan-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-800), var(--tw-gradient-to); }
[class~="to-cyan-800"] { --tw-gradient-to: var(--c-cyan-800); }
[class~="from-cyan-900"] { --tw-gradient-from: var(--c-cyan-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-900), var(--tw-gradient-to); }
[class~="to-cyan-900"] { --tw-gradient-to: var(--c-cyan-900); }
[class~="from-cyan-950"] { --tw-gradient-from: var(--c-cyan-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-cyan-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-cyan-950), var(--tw-gradient-to); }
[class~="to-cyan-950"] { --tw-gradient-to: var(--c-cyan-950); }

/* Sky */
[class~="from-sky-50"] { --tw-gradient-from: var(--c-sky-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-50), var(--tw-gradient-to); }
[class~="to-sky-50"] { --tw-gradient-to: var(--c-sky-50); }
[class~="from-sky-100"] { --tw-gradient-from: var(--c-sky-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-100), var(--tw-gradient-to); }
[class~="to-sky-100"] { --tw-gradient-to: var(--c-sky-100); }
[class~="from-sky-200"] { --tw-gradient-from: var(--c-sky-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-200), var(--tw-gradient-to); }
[class~="to-sky-200"] { --tw-gradient-to: var(--c-sky-200); }
[class~="from-sky-300"] { --tw-gradient-from: var(--c-sky-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-300), var(--tw-gradient-to); }
[class~="to-sky-300"] { --tw-gradient-to: var(--c-sky-300); }
[class~="from-sky-400"] { --tw-gradient-from: var(--c-sky-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-400), var(--tw-gradient-to); }
[class~="to-sky-400"] { --tw-gradient-to: var(--c-sky-400); }
[class~="from-sky-500"] { --tw-gradient-from: var(--c-sky-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-500), var(--tw-gradient-to); }
[class~="to-sky-500"] { --tw-gradient-to: var(--c-sky-500); }
[class~="from-sky-600"] { --tw-gradient-from: var(--c-sky-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-600), var(--tw-gradient-to); }
[class~="to-sky-600"] { --tw-gradient-to: var(--c-sky-600); }
[class~="from-sky-700"] { --tw-gradient-from: var(--c-sky-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-700), var(--tw-gradient-to); }
[class~="to-sky-700"] { --tw-gradient-to: var(--c-sky-700); }
[class~="from-sky-800"] { --tw-gradient-from: var(--c-sky-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-800), var(--tw-gradient-to); }
[class~="to-sky-800"] { --tw-gradient-to: var(--c-sky-800); }
[class~="from-sky-900"] { --tw-gradient-from: var(--c-sky-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-900), var(--tw-gradient-to); }
[class~="to-sky-900"] { --tw-gradient-to: var(--c-sky-900); }
[class~="from-sky-950"] { --tw-gradient-from: var(--c-sky-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-sky-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-sky-950), var(--tw-gradient-to); }
[class~="to-sky-950"] { --tw-gradient-to: var(--c-sky-950); }

/* Blue */
[class~="from-blue-50"] { --tw-gradient-from: var(--c-blue-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-50), var(--tw-gradient-to); }
[class~="to-blue-50"] { --tw-gradient-to: var(--c-blue-50); }
[class~="from-blue-100"] { --tw-gradient-from: var(--c-blue-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-100), var(--tw-gradient-to); }
[class~="to-blue-100"] { --tw-gradient-to: var(--c-blue-100); }
[class~="from-blue-200"] { --tw-gradient-from: var(--c-blue-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-200), var(--tw-gradient-to); }
[class~="to-blue-200"] { --tw-gradient-to: var(--c-blue-200); }
[class~="from-blue-300"] { --tw-gradient-from: var(--c-blue-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-300), var(--tw-gradient-to); }
[class~="to-blue-300"] { --tw-gradient-to: var(--c-blue-300); }
[class~="from-blue-400"] { --tw-gradient-from: var(--c-blue-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-400), var(--tw-gradient-to); }
[class~="to-blue-400"] { --tw-gradient-to: var(--c-blue-400); }
[class~="from-blue-500"] { --tw-gradient-from: var(--c-blue-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-500), var(--tw-gradient-to); }
[class~="to-blue-500"] { --tw-gradient-to: var(--c-blue-500); }
[class~="from-blue-600"] { --tw-gradient-from: var(--c-blue-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-600), var(--tw-gradient-to); }
[class~="to-blue-600"] { --tw-gradient-to: var(--c-blue-600); }
[class~="from-blue-700"] { --tw-gradient-from: var(--c-blue-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-700), var(--tw-gradient-to); }
[class~="to-blue-700"] { --tw-gradient-to: var(--c-blue-700); }
[class~="from-blue-800"] { --tw-gradient-from: var(--c-blue-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-800), var(--tw-gradient-to); }
[class~="to-blue-800"] { --tw-gradient-to: var(--c-blue-800); }
[class~="from-blue-900"] { --tw-gradient-from: var(--c-blue-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-900), var(--tw-gradient-to); }
[class~="to-blue-900"] { --tw-gradient-to: var(--c-blue-900); }
[class~="from-blue-950"] { --tw-gradient-from: var(--c-blue-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-blue-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-blue-950), var(--tw-gradient-to); }
[class~="to-blue-950"] { --tw-gradient-to: var(--c-blue-950); }

/* Indigo */
[class~="from-indigo-50"] { --tw-gradient-from: var(--c-indigo-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-50), var(--tw-gradient-to); }
[class~="to-indigo-50"] { --tw-gradient-to: var(--c-indigo-50); }
[class~="from-indigo-100"] { --tw-gradient-from: var(--c-indigo-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-100), var(--tw-gradient-to); }
[class~="to-indigo-100"] { --tw-gradient-to: var(--c-indigo-100); }
[class~="from-indigo-200"] { --tw-gradient-from: var(--c-indigo-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-200), var(--tw-gradient-to); }
[class~="to-indigo-200"] { --tw-gradient-to: var(--c-indigo-200); }
[class~="from-indigo-300"] { --tw-gradient-from: var(--c-indigo-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-300), var(--tw-gradient-to); }
[class~="to-indigo-300"] { --tw-gradient-to: var(--c-indigo-300); }
[class~="from-indigo-400"] { --tw-gradient-from: var(--c-indigo-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-400), var(--tw-gradient-to); }
[class~="to-indigo-400"] { --tw-gradient-to: var(--c-indigo-400); }
[class~="from-indigo-500"] { --tw-gradient-from: var(--c-indigo-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-500), var(--tw-gradient-to); }
[class~="to-indigo-500"] { --tw-gradient-to: var(--c-indigo-500); }
[class~="from-indigo-600"] { --tw-gradient-from: var(--c-indigo-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-600), var(--tw-gradient-to); }
[class~="to-indigo-600"] { --tw-gradient-to: var(--c-indigo-600); }
[class~="from-indigo-700"] { --tw-gradient-from: var(--c-indigo-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-700), var(--tw-gradient-to); }
[class~="to-indigo-700"] { --tw-gradient-to: var(--c-indigo-700); }
[class~="from-indigo-800"] { --tw-gradient-from: var(--c-indigo-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-800), var(--tw-gradient-to); }
[class~="to-indigo-800"] { --tw-gradient-to: var(--c-indigo-800); }
[class~="from-indigo-900"] { --tw-gradient-from: var(--c-indigo-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-900), var(--tw-gradient-to); }
[class~="to-indigo-900"] { --tw-gradient-to: var(--c-indigo-900); }
[class~="from-indigo-950"] { --tw-gradient-from: var(--c-indigo-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-indigo-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-indigo-950), var(--tw-gradient-to); }
[class~="to-indigo-950"] { --tw-gradient-to: var(--c-indigo-950); }

/* Violet */
[class~="from-violet-50"] { --tw-gradient-from: var(--c-violet-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-50), var(--tw-gradient-to); }
[class~="to-violet-50"] { --tw-gradient-to: var(--c-violet-50); }
[class~="from-violet-100"] { --tw-gradient-from: var(--c-violet-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-100), var(--tw-gradient-to); }
[class~="to-violet-100"] { --tw-gradient-to: var(--c-violet-100); }
[class~="from-violet-200"] { --tw-gradient-from: var(--c-violet-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-200), var(--tw-gradient-to); }
[class~="to-violet-200"] { --tw-gradient-to: var(--c-violet-200); }
[class~="from-violet-300"] { --tw-gradient-from: var(--c-violet-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-300), var(--tw-gradient-to); }
[class~="to-violet-300"] { --tw-gradient-to: var(--c-violet-300); }
[class~="from-violet-400"] { --tw-gradient-from: var(--c-violet-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-400), var(--tw-gradient-to); }
[class~="to-violet-400"] { --tw-gradient-to: var(--c-violet-400); }
[class~="from-violet-500"] { --tw-gradient-from: var(--c-violet-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-500), var(--tw-gradient-to); }
[class~="to-violet-500"] { --tw-gradient-to: var(--c-violet-500); }
[class~="from-violet-600"] { --tw-gradient-from: var(--c-violet-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-600), var(--tw-gradient-to); }
[class~="to-violet-600"] { --tw-gradient-to: var(--c-violet-600); }
[class~="from-violet-700"] { --tw-gradient-from: var(--c-violet-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-700), var(--tw-gradient-to); }
[class~="to-violet-700"] { --tw-gradient-to: var(--c-violet-700); }
[class~="from-violet-800"] { --tw-gradient-from: var(--c-violet-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-800), var(--tw-gradient-to); }
[class~="to-violet-800"] { --tw-gradient-to: var(--c-violet-800); }
[class~="from-violet-900"] { --tw-gradient-from: var(--c-violet-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-900), var(--tw-gradient-to); }
[class~="to-violet-900"] { --tw-gradient-to: var(--c-violet-900); }
[class~="from-violet-950"] { --tw-gradient-from: var(--c-violet-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-violet-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-violet-950), var(--tw-gradient-to); }
[class~="to-violet-950"] { --tw-gradient-to: var(--c-violet-950); }

/* Purple */
[class~="from-purple-50"] { --tw-gradient-from: var(--c-purple-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-50), var(--tw-gradient-to); }
[class~="to-purple-50"] { --tw-gradient-to: var(--c-purple-50); }
[class~="from-purple-100"] { --tw-gradient-from: var(--c-purple-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-100), var(--tw-gradient-to); }
[class~="to-purple-100"] { --tw-gradient-to: var(--c-purple-100); }
[class~="from-purple-200"] { --tw-gradient-from: var(--c-purple-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-200), var(--tw-gradient-to); }
[class~="to-purple-200"] { --tw-gradient-to: var(--c-purple-200); }
[class~="from-purple-300"] { --tw-gradient-from: var(--c-purple-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-300), var(--tw-gradient-to); }
[class~="to-purple-300"] { --tw-gradient-to: var(--c-purple-300); }
[class~="from-purple-400"] { --tw-gradient-from: var(--c-purple-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-400), var(--tw-gradient-to); }
[class~="to-purple-400"] { --tw-gradient-to: var(--c-purple-400); }
[class~="from-purple-500"] { --tw-gradient-from: var(--c-purple-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-500), var(--tw-gradient-to); }
[class~="to-purple-500"] { --tw-gradient-to: var(--c-purple-500); }
[class~="from-purple-600"] { --tw-gradient-from: var(--c-purple-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-600), var(--tw-gradient-to); }
[class~="to-purple-600"] { --tw-gradient-to: var(--c-purple-600); }
[class~="from-purple-700"] { --tw-gradient-from: var(--c-purple-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-700), var(--tw-gradient-to); }
[class~="to-purple-700"] { --tw-gradient-to: var(--c-purple-700); }
[class~="from-purple-800"] { --tw-gradient-from: var(--c-purple-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-800), var(--tw-gradient-to); }
[class~="to-purple-800"] { --tw-gradient-to: var(--c-purple-800); }
[class~="from-purple-900"] { --tw-gradient-from: var(--c-purple-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-900), var(--tw-gradient-to); }
[class~="to-purple-900"] { --tw-gradient-to: var(--c-purple-900); }
[class~="from-purple-950"] { --tw-gradient-from: var(--c-purple-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-purple-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-purple-950), var(--tw-gradient-to); }
[class~="to-purple-950"] { --tw-gradient-to: var(--c-purple-950); }

/* Fuchsia */
[class~="from-fuchsia-50"] { --tw-gradient-from: var(--c-fuchsia-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-50), var(--tw-gradient-to); }
[class~="to-fuchsia-50"] { --tw-gradient-to: var(--c-fuchsia-50); }
[class~="from-fuchsia-100"] { --tw-gradient-from: var(--c-fuchsia-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-100), var(--tw-gradient-to); }
[class~="to-fuchsia-100"] { --tw-gradient-to: var(--c-fuchsia-100); }
[class~="from-fuchsia-200"] { --tw-gradient-from: var(--c-fuchsia-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-200), var(--tw-gradient-to); }
[class~="to-fuchsia-200"] { --tw-gradient-to: var(--c-fuchsia-200); }
[class~="from-fuchsia-300"] { --tw-gradient-from: var(--c-fuchsia-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-300), var(--tw-gradient-to); }
[class~="to-fuchsia-300"] { --tw-gradient-to: var(--c-fuchsia-300); }
[class~="from-fuchsia-400"] { --tw-gradient-from: var(--c-fuchsia-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-400), var(--tw-gradient-to); }
[class~="to-fuchsia-400"] { --tw-gradient-to: var(--c-fuchsia-400); }
[class~="from-fuchsia-500"] { --tw-gradient-from: var(--c-fuchsia-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-500), var(--tw-gradient-to); }
[class~="to-fuchsia-500"] { --tw-gradient-to: var(--c-fuchsia-500); }
[class~="from-fuchsia-600"] { --tw-gradient-from: var(--c-fuchsia-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-600), var(--tw-gradient-to); }
[class~="to-fuchsia-600"] { --tw-gradient-to: var(--c-fuchsia-600); }
[class~="from-fuchsia-700"] { --tw-gradient-from: var(--c-fuchsia-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-700), var(--tw-gradient-to); }
[class~="to-fuchsia-700"] { --tw-gradient-to: var(--c-fuchsia-700); }
[class~="from-fuchsia-800"] { --tw-gradient-from: var(--c-fuchsia-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-800), var(--tw-gradient-to); }
[class~="to-fuchsia-800"] { --tw-gradient-to: var(--c-fuchsia-800); }
[class~="from-fuchsia-900"] { --tw-gradient-from: var(--c-fuchsia-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-900), var(--tw-gradient-to); }
[class~="to-fuchsia-900"] { --tw-gradient-to: var(--c-fuchsia-900); }
[class~="from-fuchsia-950"] { --tw-gradient-from: var(--c-fuchsia-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-fuchsia-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-fuchsia-950), var(--tw-gradient-to); }
[class~="to-fuchsia-950"] { --tw-gradient-to: var(--c-fuchsia-950); }

/* Pink */
[class~="from-pink-50"] { --tw-gradient-from: var(--c-pink-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-50), var(--tw-gradient-to); }
[class~="to-pink-50"] { --tw-gradient-to: var(--c-pink-50); }
[class~="from-pink-100"] { --tw-gradient-from: var(--c-pink-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-100), var(--tw-gradient-to); }
[class~="to-pink-100"] { --tw-gradient-to: var(--c-pink-100); }
[class~="from-pink-200"] { --tw-gradient-from: var(--c-pink-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-200), var(--tw-gradient-to); }
[class~="to-pink-200"] { --tw-gradient-to: var(--c-pink-200); }
[class~="from-pink-300"] { --tw-gradient-from: var(--c-pink-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-300), var(--tw-gradient-to); }
[class~="to-pink-300"] { --tw-gradient-to: var(--c-pink-300); }
[class~="from-pink-400"] { --tw-gradient-from: var(--c-pink-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-400), var(--tw-gradient-to); }
[class~="to-pink-400"] { --tw-gradient-to: var(--c-pink-400); }
[class~="from-pink-500"] { --tw-gradient-from: var(--c-pink-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-500), var(--tw-gradient-to); }
[class~="to-pink-500"] { --tw-gradient-to: var(--c-pink-500); }
[class~="from-pink-600"] { --tw-gradient-from: var(--c-pink-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-600), var(--tw-gradient-to); }
[class~="to-pink-600"] { --tw-gradient-to: var(--c-pink-600); }
[class~="from-pink-700"] { --tw-gradient-from: var(--c-pink-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-700), var(--tw-gradient-to); }
[class~="to-pink-700"] { --tw-gradient-to: var(--c-pink-700); }
[class~="from-pink-800"] { --tw-gradient-from: var(--c-pink-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-800), var(--tw-gradient-to); }
[class~="to-pink-800"] { --tw-gradient-to: var(--c-pink-800); }
[class~="from-pink-900"] { --tw-gradient-from: var(--c-pink-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-900), var(--tw-gradient-to); }
[class~="to-pink-900"] { --tw-gradient-to: var(--c-pink-900); }
[class~="from-pink-950"] { --tw-gradient-from: var(--c-pink-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-pink-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-pink-950), var(--tw-gradient-to); }
[class~="to-pink-950"] { --tw-gradient-to: var(--c-pink-950); }

/* Rose */
[class~="from-rose-50"] { --tw-gradient-from: var(--c-rose-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-50"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-50), var(--tw-gradient-to); }
[class~="to-rose-50"] { --tw-gradient-to: var(--c-rose-50); }
[class~="from-rose-100"] { --tw-gradient-from: var(--c-rose-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-100"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-100), var(--tw-gradient-to); }
[class~="to-rose-100"] { --tw-gradient-to: var(--c-rose-100); }
[class~="from-rose-200"] { --tw-gradient-from: var(--c-rose-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-200"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-200), var(--tw-gradient-to); }
[class~="to-rose-200"] { --tw-gradient-to: var(--c-rose-200); }
[class~="from-rose-300"] { --tw-gradient-from: var(--c-rose-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-300"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-300), var(--tw-gradient-to); }
[class~="to-rose-300"] { --tw-gradient-to: var(--c-rose-300); }
[class~="from-rose-400"] { --tw-gradient-from: var(--c-rose-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-400"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-400), var(--tw-gradient-to); }
[class~="to-rose-400"] { --tw-gradient-to: var(--c-rose-400); }
[class~="from-rose-500"] { --tw-gradient-from: var(--c-rose-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-500"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-500), var(--tw-gradient-to); }
[class~="to-rose-500"] { --tw-gradient-to: var(--c-rose-500); }
[class~="from-rose-600"] { --tw-gradient-from: var(--c-rose-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-600"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-600), var(--tw-gradient-to); }
[class~="to-rose-600"] { --tw-gradient-to: var(--c-rose-600); }
[class~="from-rose-700"] { --tw-gradient-from: var(--c-rose-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-700"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-700), var(--tw-gradient-to); }
[class~="to-rose-700"] { --tw-gradient-to: var(--c-rose-700); }
[class~="from-rose-800"] { --tw-gradient-from: var(--c-rose-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-800"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-800), var(--tw-gradient-to); }
[class~="to-rose-800"] { --tw-gradient-to: var(--c-rose-800); }
[class~="from-rose-900"] { --tw-gradient-from: var(--c-rose-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-900"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-900), var(--tw-gradient-to); }
[class~="to-rose-900"] { --tw-gradient-to: var(--c-rose-900); }
[class~="from-rose-950"] { --tw-gradient-from: var(--c-rose-950); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-rose-950"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-rose-950), var(--tw-gradient-to); }
[class~="to-rose-950"] { --tw-gradient-to: var(--c-rose-950); }

/* White / Black */
[class~="from-white"] { --tw-gradient-from: var(--c-white); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-white"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-white), var(--tw-gradient-to); }
[class~="to-white"] { --tw-gradient-to: var(--c-white); }
[class~="from-black"] { --tw-gradient-from: var(--c-black); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[class~="via-black"] { --tw-gradient-stops: var(--tw-gradient-from), var(--c-black), var(--tw-gradient-to); }
[class~="to-black"] { --tw-gradient-to: var(--c-black); }


/* ===================================================================== 
   11. BORDERS & RADIUS 
   ===================================================================== */

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-t {
  border-top-width: 1px;
}

.border-r-0 {
  border-right-width: 0;
}

.border-dashed {
  border-style: dashed;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

[class~="rounded-b-3xl"] {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

[class~="rounded-r-none"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* ===================================================================== 
   12. EFFECTS — shadow / opacity / blur / backdrop-blur 
   ===================================================================== */

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

[class~="shadow-[inset_0_1px_3px_rgba(255,255,255,0.4)]"] {
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4);
}

.opacity-0 {
  opacity: 0;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.blur-3xl {
  filter: blur(64px);
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.backdrop-blur-md {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.backdrop-blur-xl {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

[class~="drop-shadow-sm"] {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
}

[class~="drop-shadow-md"] {
  filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07))
    drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}

/* ===================================================================== 
   13. TRANSITIONS & ANIMATIONS 
   ===================================================================== */

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[class~="transition-opacity"] {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[class~="transition-transform"] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[class~="duration-200"] {
  transition-duration: 200ms;
}

[class~="duration-300"] {
  transition-duration: 300ms;
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

[class~="animate-slide-up"] {
  animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

[class~="animate-fade-in"] {
  animation: fadeIn 0.4s ease-out forwards;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ===================================================================== 
   14. POSITIONING — position / inset / z-index / transform helpers 
   ===================================================================== */

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.top-0 {
  top: 0;
}

[class~="top-1/2"] {
  top: 50%;
}

.top-4 {
  top: 1rem;
}

[class~="top-full"] {
  top: 100%;
}

.right-0 {
  right: 0;
}

.right-4 {
  right: 1rem;
}

.left-0 {
  left: 0;
}

.left-3 {
  left: 0.75rem;
}

[class~="-translate-y-1/2"] {
  transform: translateY(-50%);
}

.origin-top-right {
  transform-origin: top right;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-50 {
  z-index: 50;
}

[class~="z-[50]"] {
  z-index: 50;
}

[class~="z-[60]"] {
  z-index: 60;
}

[class~="z-[70]"] {
  z-index: 70;
}

[class~="z-[100]"] {
  z-index: 100;
}

[class~="z-[110]"] {
  z-index: 110;
}

.scale-95 {
  transform: scale(0.95);
}

/* ===================================================================== 
   15. INTERACTIVITY 
   ===================================================================== */

.cursor-pointer {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.overflow-hidden {
  overflow: hidden;
}

[class~="overflow-y-auto"] {
  overflow-y: auto;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===================================================================== 
   16. PSEUDO-CLASS VARIANTS (hover / focus / disabled / last / group-hover) 
   ===================================================================== */

[class~="hover:bg-white/10"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

[class~="hover:bg-white/20"]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

[class~="hover:bg-black/30"]:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

[class~="hover:bg-red-500/10"]:hover {
  background-color: rgba(239, 68, 68, 0.1);
}

[class~="hover:bg-red-500/30"]:hover {
  background-color: rgba(239, 68, 68, 0.3);
}

[class~="hover:bg-blue-500"]:hover {
  background-color: var(--c-blue-500);
}

[class~="hover:from-blue-500"]:hover {
  --tw-gradient-from: var(--c-blue-500);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

[class~="hover:to-purple-500"]:hover {
  --tw-gradient-to: var(--c-purple-500);
}

[class~="hover:text-white"]:hover {
  color: var(--c-white);
}

[class~="hover:text-red-300"]:hover {
  color: var(--c-red-300);
}

[class~="hover:text-white/70"]:hover {
  color: rgba(255, 255, 255, 0.7);
}

[class~="focus:bg-white/10"]:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

[class~="focus:outline-none"]:focus {
  outline: none;
}

[class~="disabled:opacity-50"]:disabled {
  opacity: 0.5;
}

[class~="disabled:cursor-not-allowed"]:disabled {
  cursor: not-allowed;
}

[class~="disabled:hover:bg-blue-600"]:disabled:hover {
  background-color: var(--c-blue-600);
}

[class~="last:border-0"]:last-child {
  border-width: 0;
}

.group:hover [class~="group-hover:opacity-100"] {
  opacity: 1;
}

.group:hover [class~="group-hover:scale-110"] {
  transform: scale(1.1);
}

/* ===================================================================== 
   RESPONSIVE VARIANTS (sm: >=640px, md: >=768px, lg: >=1024px) 
   ===================================================================== */

@media (min-width: 640px) {
  [class~="sm:mx-6"] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [class~="sm:px-6"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [class~="sm:py-2"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [class~="sm:p-6"] {
    padding: 1.5rem;
  }

  [class~="sm:text-2xl"] {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  [class~="sm:text-[13px]"] {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  [class~="md:grid-cols-2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  [class~="lg:w-5/12"] {
    width: 41.666667%;
  }

  [class~="lg:w-7/12"] {
    width: 58.333333%;
  }

  [class~="lg:flex-row"] {
    flex-direction: row;
  }

  [class~="lg:px-8"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

