@font-face {
  font-family: 'Figtree';
  src: url('../assets/fonts/Figtree/Figtree-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../assets/fonts/Figtree/Figtree-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../assets/fonts/Figtree/Figtree-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../assets/fonts/Figtree/Figtree-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'EBGaramond';
  src: url('../assets/fonts/EBGaramond/EBGaramond-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'EBGaramond';
  src: url('../assets/fonts/EBGaramond/EBGaramond-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

body {
  width: 100%;
  font-size: 1.4rem;
  font-family:
    'Figtree',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Helvetica Neue',
    sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}

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

.bg-slate-50  { background-color: var(--slate-50) !important;  }
.bg-slate-100 { background-color: var(--slate-100) !important; }
.bg-slate-200 { background-color: var(--slate-200) !important; }
.bg-slate-300 { background-color: var(--slate-300) !important; }
.bg-slate-400 { background-color: var(--slate-400) !important; }
.bg-slate-500 { background-color: var(--slate-500) !important; }
.bg-slate-600 { background-color: var(--slate-600) !important; }
.bg-slate-700 { background-color: var(--slate-700) !important; }
.bg-slate-800 { background-color: var(--slate-800) !important; }
.bg-slate-900 { background-color: var(--slate-900) !important; }
.bg-slate-950 { background-color: var(--slate-950) !important; }
.bg-gray-50  { background-color: var(--gray-50) !important;  }
.bg-gray-100 { background-color: var(--gray-100) !important; }
.bg-gray-200 { background-color: var(--gray-200) !important; }
.bg-gray-300 { background-color: var(--gray-300) !important; }
.bg-gray-400 { background-color: var(--gray-400) !important; }
.bg-gray-500 { background-color: var(--gray-500) !important; }
.bg-gray-600 { background-color: var(--gray-600) !important; }
.bg-gray-700 { background-color: var(--gray-700) !important; }
.bg-gray-800 { background-color: var(--gray-800) !important; }
.bg-gray-900 { background-color: var(--gray-900) !important; }
.bg-gray-950 { background-color: var(--gray-950) !important; }
.bg-zinc-50  { background-color: var(--zinc-50) !important;  }
.bg-zinc-100 { background-color: var(--zinc-100) !important; }
.bg-zinc-200 { background-color: var(--zinc-200) !important; }
.bg-zinc-300 { background-color: var(--zinc-300) !important; }
.bg-zinc-400 { background-color: var(--zinc-400) !important; }
.bg-zinc-500 { background-color: var(--zinc-500) !important; }
.bg-zinc-600 { background-color: var(--zinc-600) !important; }
.bg-zinc-700 { background-color: var(--zinc-700) !important; }
.bg-zinc-800 { background-color: var(--zinc-800) !important; }
.bg-zinc-900 { background-color: var(--zinc-900) !important; }
.bg-zinc-950 { background-color: var(--zinc-950) !important; }
.bg-neutral-50  { background-color: var(--neutral-50) !important;  }
.bg-neutral-100 { background-color: var(--neutral-100) !important; }
.bg-neutral-200 { background-color: var(--neutral-200) !important; }
.bg-neutral-300 { background-color: var(--neutral-300) !important; }
.bg-neutral-400 { background-color: var(--neutral-400) !important; }
.bg-neutral-500 { background-color: var(--neutral-500) !important; }
.bg-neutral-600 { background-color: var(--neutral-600) !important; }
.bg-neutral-700 { background-color: var(--neutral-700) !important; }
.bg-neutral-800 { background-color: var(--neutral-800) !important; }
.bg-neutral-900 { background-color: var(--neutral-900) !important; }
.bg-neutral-950 { background-color: var(--neutral-950) !important; }
.bg-stone-50  { background-color: var(--stone-50) !important;  }
.bg-stone-100 { background-color: var(--stone-100) !important; }
.bg-stone-200 { background-color: var(--stone-200) !important; }
.bg-stone-300 { background-color: var(--stone-300) !important; }
.bg-stone-400 { background-color: var(--stone-400) !important; }
.bg-stone-500 { background-color: var(--stone-500) !important; }
.bg-stone-600 { background-color: var(--stone-600) !important; }
.bg-stone-700 { background-color: var(--stone-700) !important; }
.bg-stone-800 { background-color: var(--stone-800) !important; }
.bg-stone-900 { background-color: var(--stone-900) !important; }
.bg-stone-950 { background-color: var(--stone-950) !important; }
.bg-red-50  { background-color: var(--red-50) !important;  }
.bg-red-100 { background-color: var(--red-100) !important; }
.bg-red-200 { background-color: var(--red-200) !important; }
.bg-red-300 { background-color: var(--red-300) !important; }
.bg-red-400 { background-color: var(--red-400) !important; }
.bg-red-500 { background-color: var(--red-500) !important; }
.bg-red-600 { background-color: var(--red-600) !important; }
.bg-red-700 { background-color: var(--red-700) !important; }
.bg-red-800 { background-color: var(--red-800) !important; }
.bg-red-900 { background-color: var(--red-900) !important; }
.bg-red-950 { background-color: var(--red-950) !important; }
.bg-orange-50  { background-color: var(--orange-50) !important;  }
.bg-orange-100 { background-color: var(--orange-100) !important; }
.bg-orange-200 { background-color: var(--orange-200) !important; }
.bg-orange-300 { background-color: var(--orange-300) !important; }
.bg-orange-400 { background-color: var(--orange-400) !important; }
.bg-orange-500 { background-color: var(--orange-500) !important; }
.bg-orange-600 { background-color: var(--orange-600) !important; }
.bg-orange-700 { background-color: var(--orange-700) !important; }
.bg-orange-800 { background-color: var(--orange-800) !important; }
.bg-orange-900 { background-color: var(--orange-900) !important; }
.bg-orange-950 { background-color: var(--orange-950) !important; }
.bg-amber-50  { background-color: var(--amber-50) !important;  }
.bg-amber-100 { background-color: var(--amber-100) !important; }
.bg-amber-200 { background-color: var(--amber-200) !important; }
.bg-amber-300 { background-color: var(--amber-300) !important; }
.bg-amber-400 { background-color: var(--amber-400) !important; }
.bg-amber-500 { background-color: var(--amber-500) !important; }
.bg-amber-600 { background-color: var(--amber-600) !important; }
.bg-amber-700 { background-color: var(--amber-700) !important; }
.bg-amber-800 { background-color: var(--amber-800) !important; }
.bg-amber-900 { background-color: var(--amber-900) !important; }
.bg-amber-950 { background-color: var(--amber-950) !important; }
.bg-yellow-50  { background-color: var(--yellow-50) !important;  }
.bg-yellow-100 { background-color: var(--yellow-100) !important; }
.bg-yellow-200 { background-color: var(--yellow-200) !important; }
.bg-yellow-300 { background-color: var(--yellow-300) !important; }
.bg-yellow-400 { background-color: var(--yellow-400) !important; }
.bg-yellow-500 { background-color: var(--yellow-500) !important; }
.bg-yellow-600 { background-color: var(--yellow-600) !important; }
.bg-yellow-700 { background-color: var(--yellow-700) !important; }
.bg-yellow-800 { background-color: var(--yellow-800) !important; }
.bg-yellow-900 { background-color: var(--yellow-900) !important; }
.bg-yellow-950 { background-color: var(--yellow-950) !important; }
.bg-lime-50  { background-color: var(--lime-50) !important;  }
.bg-lime-100 { background-color: var(--lime-100) !important; }
.bg-lime-200 { background-color: var(--lime-200) !important; }
.bg-lime-300 { background-color: var(--lime-300) !important; }
.bg-lime-400 { background-color: var(--lime-400) !important; }
.bg-lime-500 { background-color: var(--lime-500) !important; }
.bg-lime-600 { background-color: var(--lime-600) !important; }
.bg-lime-700 { background-color: var(--lime-700) !important; }
.bg-lime-800 { background-color: var(--lime-800) !important; }
.bg-lime-900 { background-color: var(--lime-900) !important; }
.bg-lime-950 { background-color: var(--lime-950) !important; }
.bg-green-50  { background-color: var(--green-50) !important;  }
.bg-green-100 { background-color: var(--green-100) !important; }
.bg-green-200 { background-color: var(--green-200) !important; }
.bg-green-300 { background-color: var(--green-300) !important; }
.bg-green-400 { background-color: var(--green-400) !important; }
.bg-green-500 { background-color: var(--green-500) !important; }
.bg-green-600 { background-color: var(--green-600) !important; }
.bg-green-700 { background-color: var(--green-700) !important; }
.bg-green-800 { background-color: var(--green-800) !important; }
.bg-green-900 { background-color: var(--green-900) !important; }
.bg-green-950 { background-color: var(--green-950) !important; }
.bg-emerald-50  { background-color: var(--emerald-50) !important;  }
.bg-emerald-100 { background-color: var(--emerald-100) !important; }
.bg-emerald-200 { background-color: var(--emerald-200) !important; }
.bg-emerald-300 { background-color: var(--emerald-300) !important; }
.bg-emerald-400 { background-color: var(--emerald-400) !important; }
.bg-emerald-500 { background-color: var(--emerald-500) !important; }
.bg-emerald-600 { background-color: var(--emerald-600) !important; }
.bg-emerald-700 { background-color: var(--emerald-700) !important; }
.bg-emerald-800 { background-color: var(--emerald-800) !important; }
.bg-emerald-900 { background-color: var(--emerald-900) !important; }
.bg-emerald-950 { background-color: var(--emerald-950) !important; }
.bg-teal-50  { background-color: var(--teal-50) !important;  }
.bg-teal-100 { background-color: var(--teal-100) !important; }
.bg-teal-200 { background-color: var(--teal-200) !important; }
.bg-teal-300 { background-color: var(--teal-300) !important; }
.bg-teal-400 { background-color: var(--teal-400) !important; }
.bg-teal-500 { background-color: var(--teal-500) !important; }
.bg-teal-600 { background-color: var(--teal-600) !important; }
.bg-teal-700 { background-color: var(--teal-700) !important; }
.bg-teal-800 { background-color: var(--teal-800) !important; }
.bg-teal-900 { background-color: var(--teal-900) !important; }
.bg-teal-950 { background-color: var(--teal-950) !important; }
.bg-cyan-50  { background-color: var(--cyan-50) !important;  }
.bg-cyan-100 { background-color: var(--cyan-100) !important; }
.bg-cyan-200 { background-color: var(--cyan-200) !important; }
.bg-cyan-300 { background-color: var(--cyan-300) !important; }
.bg-cyan-400 { background-color: var(--cyan-400) !important; }
.bg-cyan-500 { background-color: var(--cyan-500) !important; }
.bg-cyan-600 { background-color: var(--cyan-600) !important; }
.bg-cyan-700 { background-color: var(--cyan-700) !important; }
.bg-cyan-800 { background-color: var(--cyan-800) !important; }
.bg-cyan-900 { background-color: var(--cyan-900) !important; }
.bg-cyan-950 { background-color: var(--cyan-950) !important; }
.bg-sky-50  { background-color: var(--sky-50) !important;  }
.bg-sky-100 { background-color: var(--sky-100) !important; }
.bg-sky-200 { background-color: var(--sky-200) !important; }
.bg-sky-300 { background-color: var(--sky-300) !important; }
.bg-sky-400 { background-color: var(--sky-400) !important; }
.bg-sky-500 { background-color: var(--sky-500) !important; }
.bg-sky-600 { background-color: var(--sky-600) !important; }
.bg-sky-700 { background-color: var(--sky-700) !important; }
.bg-sky-800 { background-color: var(--sky-800) !important; }
.bg-sky-900 { background-color: var(--sky-900) !important; }
.bg-sky-950 { background-color: var(--sky-950) !important; }
.bg-blue-50  { background-color: var(--blue-50) !important;  }
.bg-blue-100 { background-color: var(--blue-100) !important; }
.bg-blue-200 { background-color: var(--blue-200) !important; }
.bg-blue-300 { background-color: var(--blue-300) !important; }
.bg-blue-400 { background-color: var(--blue-400) !important; }
.bg-blue-500 { background-color: var(--blue-500) !important; }
.bg-blue-600 { background-color: var(--blue-600) !important; }
.bg-blue-700 { background-color: var(--blue-700) !important; }
.bg-blue-800 { background-color: var(--blue-800) !important; }
.bg-blue-900 { background-color: var(--blue-900) !important; }
.bg-blue-950 { background-color: var(--blue-950) !important; }
.bg-indigo-50  { background-color: var(--indigo-50) !important;  }
.bg-indigo-100 { background-color: var(--indigo-100) !important; }
.bg-indigo-200 { background-color: var(--indigo-200) !important; }
.bg-indigo-300 { background-color: var(--indigo-300) !important; }
.bg-indigo-400 { background-color: var(--indigo-400) !important; }
.bg-indigo-500 { background-color: var(--indigo-500) !important; }
.bg-indigo-600 { background-color: var(--indigo-600) !important; }
.bg-indigo-700 { background-color: var(--indigo-700) !important; }
.bg-indigo-800 { background-color: var(--indigo-800) !important; }
.bg-indigo-900 { background-color: var(--indigo-900) !important; }
.bg-indigo-950 { background-color: var(--indigo-950) !important; }
.bg-violet-50  { background-color: var(--violet-50) !important;  }
.bg-violet-100 { background-color: var(--violet-100) !important; }
.bg-violet-200 { background-color: var(--violet-200) !important; }
.bg-violet-300 { background-color: var(--violet-300) !important; }
.bg-violet-400 { background-color: var(--violet-400) !important; }
.bg-violet-500 { background-color: var(--violet-500) !important; }
.bg-violet-600 { background-color: var(--violet-600) !important; }
.bg-violet-700 { background-color: var(--violet-700) !important; }
.bg-violet-800 { background-color: var(--violet-800) !important; }
.bg-violet-900 { background-color: var(--violet-900) !important; }
.bg-violet-950 { background-color: var(--violet-950) !important; }
.bg-purple-50  { background-color: var(--purple-50) !important;  }
.bg-purple-100 { background-color: var(--purple-100) !important; }
.bg-purple-200 { background-color: var(--purple-200) !important; }
.bg-purple-300 { background-color: var(--purple-300) !important; }
.bg-purple-400 { background-color: var(--purple-400) !important; }
.bg-purple-500 { background-color: var(--purple-500) !important; }
.bg-purple-600 { background-color: var(--purple-600) !important; }
.bg-purple-700 { background-color: var(--purple-700) !important; }
.bg-purple-800 { background-color: var(--purple-800) !important; }
.bg-purple-900 { background-color: var(--purple-900) !important; }
.bg-purple-950 { background-color: var(--purple-950) !important; }
.bg-fuchsia-50  { background-color: var(--fuchsia-50) !important;  }
.bg-fuchsia-100 { background-color: var(--fuchsia-100) !important; }
.bg-fuchsia-200 { background-color: var(--fuchsia-200) !important; }
.bg-fuchsia-300 { background-color: var(--fuchsia-300) !important; }
.bg-fuchsia-400 { background-color: var(--fuchsia-400) !important; }
.bg-fuchsia-500 { background-color: var(--fuchsia-500) !important; }
.bg-fuchsia-600 { background-color: var(--fuchsia-600) !important; }
.bg-fuchsia-700 { background-color: var(--fuchsia-700) !important; }
.bg-fuchsia-800 { background-color: var(--fuchsia-800) !important; }
.bg-fuchsia-900 { background-color: var(--fuchsia-900) !important; }
.bg-fuchsia-950 { background-color: var(--fuchsia-950) !important; }
.bg-pink-50  { background-color: var(--pink-50) !important;  }
.bg-pink-100 { background-color: var(--pink-100) !important; }
.bg-pink-200 { background-color: var(--pink-200) !important; }
.bg-pink-300 { background-color: var(--pink-300) !important; }
.bg-pink-400 { background-color: var(--pink-400) !important; }
.bg-pink-500 { background-color: var(--pink-500) !important; }
.bg-pink-600 { background-color: var(--pink-600) !important; }
.bg-pink-700 { background-color: var(--pink-700) !important; }
.bg-pink-800 { background-color: var(--pink-800) !important; }
.bg-pink-900 { background-color: var(--pink-900) !important; }
.bg-pink-950 { background-color: var(--pink-950) !important; }
.bg-rose-50  { background-color: var(--rose-50) !important;  }
.bg-rose-100 { background-color: var(--rose-100) !important; }
.bg-rose-200 { background-color: var(--rose-200) !important; }
.bg-rose-300 { background-color: var(--rose-300) !important; }
.bg-rose-400 { background-color: var(--rose-400) !important; }
.bg-rose-500 { background-color: var(--rose-500) !important; }
.bg-rose-600 { background-color: var(--rose-600) !important; }
.bg-rose-700 { background-color: var(--rose-700) !important; }
.bg-rose-800 { background-color: var(--rose-800) !important; }
.bg-rose-900 { background-color: var(--rose-900) !important; }
.bg-rose-950 { background-color: var(--rose-950) !important; }

.text-slate-50  { color: var(--slate-50) !important;  }
.text-slate-100 { color: var(--slate-100) !important; }
.text-slate-200 { color: var(--slate-200) !important; }
.text-slate-300 { color: var(--slate-300) !important; }
.text-slate-400 { color: var(--slate-400) !important; }
.text-slate-500 { color: var(--slate-500) !important; }
.text-slate-600 { color: var(--slate-600) !important; }
.text-slate-700 { color: var(--slate-700) !important; }
.text-slate-800 { color: var(--slate-800) !important; }
.text-slate-900 { color: var(--slate-900) !important; }
.text-slate-950 { color: var(--slate-950) !important; }
.text-gray-50  { color: var(--gray-50) !important;  }
.text-gray-100 { color: var(--gray-100) !important; }
.text-gray-200 { color: var(--gray-200) !important; }
.text-gray-300 { color: var(--gray-300) !important; }
.text-gray-400 { color: var(--gray-400) !important; }
.text-gray-500 { color: var(--gray-500) !important; }
.text-gray-600 { color: var(--gray-600) !important; }
.text-gray-700 { color: var(--gray-700) !important; }
.text-gray-800 { color: var(--gray-800) !important; }
.text-gray-900 { color: var(--gray-900) !important; }
.text-gray-950 { color: var(--gray-950) !important; }
.text-zinc-50  { color: var(--zinc-50) !important;  }
.text-zinc-100 { color: var(--zinc-100) !important; }
.text-zinc-200 { color: var(--zinc-200) !important; }
.text-zinc-300 { color: var(--zinc-300) !important; }
.text-zinc-400 { color: var(--zinc-400) !important; }
.text-zinc-500 { color: var(--zinc-500) !important; }
.text-zinc-600 { color: var(--zinc-600) !important; }
.text-zinc-700 { color: var(--zinc-700) !important; }
.text-zinc-800 { color: var(--zinc-800) !important; }
.text-zinc-900 { color: var(--zinc-900) !important; }
.text-zinc-950 { color: var(--zinc-950) !important; }
.text-neutral-50  { color: var(--neutral-50) !important;  }
.text-neutral-100 { color: var(--neutral-100) !important; }
.text-neutral-200 { color: var(--neutral-200) !important; }
.text-neutral-300 { color: var(--neutral-300) !important; }
.text-neutral-400 { color: var(--neutral-400) !important; }
.text-neutral-500 { color: var(--neutral-500) !important; }
.text-neutral-600 { color: var(--neutral-600) !important; }
.text-neutral-700 { color: var(--neutral-700) !important; }
.text-neutral-800 { color: var(--neutral-800) !important; }
.text-neutral-900 { color: var(--neutral-900) !important; }
.text-neutral-950 { color: var(--neutral-950) !important; }
.text-stone-50  { color: var(--stone-50) !important;  }
.text-stone-100 { color: var(--stone-100) !important; }
.text-stone-200 { color: var(--stone-200) !important; }
.text-stone-300 { color: var(--stone-300) !important; }
.text-stone-400 { color: var(--stone-400) !important; }
.text-stone-500 { color: var(--stone-500) !important; }
.text-stone-600 { color: var(--stone-600) !important; }
.text-stone-700 { color: var(--stone-700) !important; }
.text-stone-800 { color: var(--stone-800) !important; }
.text-stone-900 { color: var(--stone-900) !important; }
.text-stone-950 { color: var(--stone-950) !important; }
.text-red-50  { color: var(--red-50) !important;  }
.text-red-100 { color: var(--red-100) !important; }
.text-red-200 { color: var(--red-200) !important; }
.text-red-300 { color: var(--red-300) !important; }
.text-red-400 { color: var(--red-400) !important; }
.text-red-500 { color: var(--red-500) !important; }
.text-red-600 { color: var(--red-600) !important; }
.text-red-700 { color: var(--red-700) !important; }
.text-red-800 { color: var(--red-800) !important; }
.text-red-900 { color: var(--red-900) !important; }
.text-red-950 { color: var(--red-950) !important; }
.text-orange-50  { color: var(--orange-50) !important;  }
.text-orange-100 { color: var(--orange-100) !important; }
.text-orange-200 { color: var(--orange-200) !important; }
.text-orange-300 { color: var(--orange-300) !important; }
.text-orange-400 { color: var(--orange-400) !important; }
.text-orange-500 { color: var(--orange-500) !important; }
.text-orange-600 { color: var(--orange-600) !important; }
.text-orange-700 { color: var(--orange-700) !important; }
.text-orange-800 { color: var(--orange-800) !important; }
.text-orange-900 { color: var(--orange-900) !important; }
.text-orange-950 { color: var(--orange-950) !important; }
.text-amber-50  { color: var(--amber-50) !important;  }
.text-amber-100 { color: var(--amber-100) !important; }
.text-amber-200 { color: var(--amber-200) !important; }
.text-amber-300 { color: var(--amber-300) !important; }
.text-amber-400 { color: var(--amber-400) !important; }
.text-amber-500 { color: var(--amber-500) !important; }
.text-amber-600 { color: var(--amber-600) !important; }
.text-amber-700 { color: var(--amber-700) !important; }
.text-amber-800 { color: var(--amber-800) !important; }
.text-amber-900 { color: var(--amber-900) !important; }
.text-amber-950 { color: var(--amber-950) !important; }
.text-yellow-50  { color: var(--yellow-50) !important;  }
.text-yellow-100 { color: var(--yellow-100) !important; }
.text-yellow-200 { color: var(--yellow-200) !important; }
.text-yellow-300 { color: var(--yellow-300) !important; }
.text-yellow-400 { color: var(--yellow-400) !important; }
.text-yellow-500 { color: var(--yellow-500) !important; }
.text-yellow-600 { color: var(--yellow-600) !important; }
.text-yellow-700 { color: var(--yellow-700) !important; }
.text-yellow-800 { color: var(--yellow-800) !important; }
.text-yellow-900 { color: var(--yellow-900) !important; }
.text-yellow-950 { color: var(--yellow-950) !important; }
.text-lime-50  { color: var(--lime-50) !important;  }
.text-lime-100 { color: var(--lime-100) !important; }
.text-lime-200 { color: var(--lime-200) !important; }
.text-lime-300 { color: var(--lime-300) !important; }
.text-lime-400 { color: var(--lime-400) !important; }
.text-lime-500 { color: var(--lime-500) !important; }
.text-lime-600 { color: var(--lime-600) !important; }
.text-lime-700 { color: var(--lime-700) !important; }
.text-lime-800 { color: var(--lime-800) !important; }
.text-lime-900 { color: var(--lime-900) !important; }
.text-lime-950 { color: var(--lime-950) !important; }
.text-green-50  { color: var(--green-50) !important;  }
.text-green-100 { color: var(--green-100) !important; }
.text-green-200 { color: var(--green-200) !important; }
.text-green-300 { color: var(--green-300) !important; }
.text-green-400 { color: var(--green-400) !important; }
.text-green-500 { color: var(--green-500) !important; }
.text-green-600 { color: var(--green-600) !important; }
.text-green-700 { color: var(--green-700) !important; }
.text-green-800 { color: var(--green-800) !important; }
.text-green-900 { color: var(--green-900) !important; }
.text-green-950 { color: var(--green-950) !important; }
.text-emerald-50  { color: var(--emerald-50) !important;  }
.text-emerald-100 { color: var(--emerald-100) !important; }
.text-emerald-200 { color: var(--emerald-200) !important; }
.text-emerald-300 { color: var(--emerald-300) !important; }
.text-emerald-400 { color: var(--emerald-400) !important; }
.text-emerald-500 { color: var(--emerald-500) !important; }
.text-emerald-600 { color: var(--emerald-600) !important; }
.text-emerald-700 { color: var(--emerald-700) !important; }
.text-emerald-800 { color: var(--emerald-800) !important; }
.text-emerald-900 { color: var(--emerald-900) !important; }
.text-emerald-950 { color: var(--emerald-950) !important; }
.text-teal-50  { color: var(--teal-50) !important;  }
.text-teal-100 { color: var(--teal-100) !important; }
.text-teal-200 { color: var(--teal-200) !important; }
.text-teal-300 { color: var(--teal-300) !important; }
.text-teal-400 { color: var(--teal-400) !important; }
.text-teal-500 { color: var(--teal-500) !important; }
.text-teal-600 { color: var(--teal-600) !important; }
.text-teal-700 { color: var(--teal-700) !important; }
.text-teal-800 { color: var(--teal-800) !important; }
.text-teal-900 { color: var(--teal-900) !important; }
.text-teal-950 { color: var(--teal-950) !important; }
.text-cyan-50  { color: var(--cyan-50) !important;  }
.text-cyan-100 { color: var(--cyan-100) !important; }
.text-cyan-200 { color: var(--cyan-200) !important; }
.text-cyan-300 { color: var(--cyan-300) !important; }
.text-cyan-400 { color: var(--cyan-400) !important; }
.text-cyan-500 { color: var(--cyan-500) !important; }
.text-cyan-600 { color: var(--cyan-600) !important; }
.text-cyan-700 { color: var(--cyan-700) !important; }
.text-cyan-800 { color: var(--cyan-800) !important; }
.text-cyan-900 { color: var(--cyan-900) !important; }
.text-cyan-950 { color: var(--cyan-950) !important; }
.text-sky-50  { color: var(--sky-50) !important;  }
.text-sky-100 { color: var(--sky-100) !important; }
.text-sky-200 { color: var(--sky-200) !important; }
.text-sky-300 { color: var(--sky-300) !important; }
.text-sky-400 { color: var(--sky-400) !important; }
.text-sky-500 { color: var(--sky-500) !important; }
.text-sky-600 { color: var(--sky-600) !important; }
.text-sky-700 { color: var(--sky-700) !important; }
.text-sky-800 { color: var(--sky-800) !important; }
.text-sky-900 { color: var(--sky-900) !important; }
.text-sky-950 { color: var(--sky-950) !important; }
.text-blue-50  { color: var(--blue-50) !important;  }
.text-blue-100 { color: var(--blue-100) !important; }
.text-blue-200 { color: var(--blue-200) !important; }
.text-blue-300 { color: var(--blue-300) !important; }
.text-blue-400 { color: var(--blue-400) !important; }
.text-blue-500 { color: var(--blue-500) !important; }
.text-blue-600 { color: var(--blue-600) !important; }
.text-blue-700 { color: var(--blue-700) !important; }
.text-blue-800 { color: var(--blue-800) !important; }
.text-blue-900 { color: var(--blue-900) !important; }
.text-blue-950 { color: var(--blue-950) !important; }
.text-indigo-50  { color: var(--indigo-50) !important;  }
.text-indigo-100 { color: var(--indigo-100) !important; }
.text-indigo-200 { color: var(--indigo-200) !important; }
.text-indigo-300 { color: var(--indigo-300) !important; }
.text-indigo-400 { color: var(--indigo-400) !important; }
.text-indigo-500 { color: var(--indigo-500) !important; }
.text-indigo-600 { color: var(--indigo-600) !important; }
.text-indigo-700 { color: var(--indigo-700) !important; }
.text-indigo-800 { color: var(--indigo-800) !important; }
.text-indigo-900 { color: var(--indigo-900) !important; }
.text-indigo-950 { color: var(--indigo-950) !important; }
.text-violet-50  { color: var(--violet-50) !important;  }
.text-violet-100 { color: var(--violet-100) !important; }
.text-violet-200 { color: var(--violet-200) !important; }
.text-violet-300 { color: var(--violet-300) !important; }
.text-violet-400 { color: var(--violet-400) !important; }
.text-violet-500 { color: var(--violet-500) !important; }
.text-violet-600 { color: var(--violet-600) !important; }
.text-violet-700 { color: var(--violet-700) !important; }
.text-violet-800 { color: var(--violet-800) !important; }
.text-violet-900 { color: var(--violet-900) !important; }
.text-violet-950 { color: var(--violet-950) !important; }
.text-purple-50  { color: var(--purple-50) !important;  }
.text-purple-100 { color: var(--purple-100) !important; }
.text-purple-200 { color: var(--purple-200) !important; }
.text-purple-300 { color: var(--purple-300) !important; }
.text-purple-400 { color: var(--purple-400) !important; }
.text-purple-500 { color: var(--purple-500) !important; }
.text-purple-600 { color: var(--purple-600) !important; }
.text-purple-700 { color: var(--purple-700) !important; }
.text-purple-800 { color: var(--purple-800) !important; }
.text-purple-900 { color: var(--purple-900) !important; }
.text-purple-950 { color: var(--purple-950) !important; }
.text-fuchsia-50  { color: var(--fuchsia-50) !important;  }
.text-fuchsia-100 { color: var(--fuchsia-100) !important; }
.text-fuchsia-200 { color: var(--fuchsia-200) !important; }
.text-fuchsia-300 { color: var(--fuchsia-300) !important; }
.text-fuchsia-400 { color: var(--fuchsia-400) !important; }
.text-fuchsia-500 { color: var(--fuchsia-500) !important; }
.text-fuchsia-600 { color: var(--fuchsia-600) !important; }
.text-fuchsia-700 { color: var(--fuchsia-700) !important; }
.text-fuchsia-800 { color: var(--fuchsia-800) !important; }
.text-fuchsia-900 { color: var(--fuchsia-900) !important; }
.text-fuchsia-950 { color: var(--fuchsia-950) !important; }
.text-pink-50  { color: var(--pink-50) !important;  }
.text-pink-100 { color: var(--pink-100) !important; }
.text-pink-200 { color: var(--pink-200) !important; }
.text-pink-300 { color: var(--pink-300) !important; }
.text-pink-400 { color: var(--pink-400) !important; }
.text-pink-500 { color: var(--pink-500) !important; }
.text-pink-600 { color: var(--pink-600) !important; }
.text-pink-700 { color: var(--pink-700) !important; }
.text-pink-800 { color: var(--pink-800) !important; }
.text-pink-900 { color: var(--pink-900) !important; }
.text-pink-950 { color: var(--pink-950) !important; }
.text-rose-50  { color: var(--rose-50) !important;  }
.text-rose-100 { color: var(--rose-100) !important; }
.text-rose-200 { color: var(--rose-200) !important; }
.text-rose-300 { color: var(--rose-300) !important; }
.text-rose-400 { color: var(--rose-400) !important; }
.text-rose-500 { color: var(--rose-500) !important; }
.text-rose-600 { color: var(--rose-600) !important; }
.text-rose-700 { color: var(--rose-700) !important; }
.text-rose-800 { color: var(--rose-800) !important; }
.text-rose-900 { color: var(--rose-900) !important; }
.text-rose-950 { color: var(--rose-950) !important; }

.border-slate-50  { border-color: var(--slate-50) !important;  }
.border-slate-100 { border-color: var(--slate-100) !important; }
.border-slate-200 { border-color: var(--slate-200) !important; }
.border-slate-300 { border-color: var(--slate-300) !important; }
.border-slate-400 { border-color: var(--slate-400) !important; }
.border-slate-500 { border-color: var(--slate-500) !important; }
.border-slate-600 { border-color: var(--slate-600) !important; }
.border-slate-700 { border-color: var(--slate-700) !important; }
.border-slate-800 { border-color: var(--slate-800) !important; }
.border-slate-900 { border-color: var(--slate-900) !important; }
.border-slate-950 { border-color: var(--slate-950) !important; }
.border-gray-50  { border-color: var(--gray-50) !important;  }
.border-gray-100 { border-color: var(--gray-100) !important; }
.border-gray-200 { border-color: var(--gray-200) !important; }
.border-gray-300 { border-color: var(--gray-300) !important; }
.border-gray-400 { border-color: var(--gray-400) !important; }
.border-gray-500 { border-color: var(--gray-500) !important; }
.border-gray-600 { border-color: var(--gray-600) !important; }
.border-gray-700 { border-color: var(--gray-700) !important; }
.border-gray-800 { border-color: var(--gray-800) !important; }
.border-gray-900 { border-color: var(--gray-900) !important; }
.border-gray-950 { border-color: var(--gray-950) !important; }
.border-zinc-50  { border-color: var(--zinc-50) !important;  }
.border-zinc-100 { border-color: var(--zinc-100) !important; }
.border-zinc-200 { border-color: var(--zinc-200) !important; }
.border-zinc-300 { border-color: var(--zinc-300) !important; }
.border-zinc-400 { border-color: var(--zinc-400) !important; }
.border-zinc-500 { border-color: var(--zinc-500) !important; }
.border-zinc-600 { border-color: var(--zinc-600) !important; }
.border-zinc-700 { border-color: var(--zinc-700) !important; }
.border-zinc-800 { border-color: var(--zinc-800) !important; }
.border-zinc-900 { border-color: var(--zinc-900) !important; }
.border-zinc-950 { border-color: var(--zinc-950) !important; }
.border-neutral-50  { border-color: var(--neutral-50) !important;  }
.border-neutral-100 { border-color: var(--neutral-100) !important; }
.border-neutral-200 { border-color: var(--neutral-200) !important; }
.border-neutral-300 { border-color: var(--neutral-300) !important; }
.border-neutral-400 { border-color: var(--neutral-400) !important; }
.border-neutral-500 { border-color: var(--neutral-500) !important; }
.border-neutral-600 { border-color: var(--neutral-600) !important; }
.border-neutral-700 { border-color: var(--neutral-700) !important; }
.border-neutral-800 { border-color: var(--neutral-800) !important; }
.border-neutral-900 { border-color: var(--neutral-900) !important; }
.border-neutral-950 { border-color: var(--neutral-950) !important; }
.border-stone-50  { border-color: var(--stone-50) !important;  }
.border-stone-100 { border-color: var(--stone-100) !important; }
.border-stone-200 { border-color: var(--stone-200) !important; }
.border-stone-300 { border-color: var(--stone-300) !important; }
.border-stone-400 { border-color: var(--stone-400) !important; }
.border-stone-500 { border-color: var(--stone-500) !important; }
.border-stone-600 { border-color: var(--stone-600) !important; }
.border-stone-700 { border-color: var(--stone-700) !important; }
.border-stone-800 { border-color: var(--stone-800) !important; }
.border-stone-900 { border-color: var(--stone-900) !important; }
.border-stone-950 { border-color: var(--stone-950) !important; }
.border-red-50  { border-color: var(--red-50) !important;  }
.border-red-100 { border-color: var(--red-100) !important; }
.border-red-200 { border-color: var(--red-200) !important; }
.border-red-300 { border-color: var(--red-300) !important; }
.border-red-400 { border-color: var(--red-400) !important; }
.border-red-500 { border-color: var(--red-500) !important; }
.border-red-600 { border-color: var(--red-600) !important; }
.border-red-700 { border-color: var(--red-700) !important; }
.border-red-800 { border-color: var(--red-800) !important; }
.border-red-900 { border-color: var(--red-900) !important; }
.border-red-950 { border-color: var(--red-950) !important; }
.border-orange-50  { border-color: var(--orange-50) !important;  }
.border-orange-100 { border-color: var(--orange-100) !important; }
.border-orange-200 { border-color: var(--orange-200) !important; }
.border-orange-300 { border-color: var(--orange-300) !important; }
.border-orange-400 { border-color: var(--orange-400) !important; }
.border-orange-500 { border-color: var(--orange-500) !important; }
.border-orange-600 { border-color: var(--orange-600) !important; }
.border-orange-700 { border-color: var(--orange-700) !important; }
.border-orange-800 { border-color: var(--orange-800) !important; }
.border-orange-900 { border-color: var(--orange-900) !important; }
.border-orange-950 { border-color: var(--orange-950) !important; }
.border-amber-50  { border-color: var(--amber-50) !important;  }
.border-amber-100 { border-color: var(--amber-100) !important; }
.border-amber-200 { border-color: var(--amber-200) !important; }
.border-amber-300 { border-color: var(--amber-300) !important; }
.border-amber-400 { border-color: var(--amber-400) !important; }
.border-amber-500 { border-color: var(--amber-500) !important; }
.border-amber-600 { border-color: var(--amber-600) !important; }
.border-amber-700 { border-color: var(--amber-700) !important; }
.border-amber-800 { border-color: var(--amber-800) !important; }
.border-amber-900 { border-color: var(--amber-900) !important; }
.border-amber-950 { border-color: var(--amber-950) !important; }
.border-yellow-50  { border-color: var(--yellow-50) !important;  }
.border-yellow-100 { border-color: var(--yellow-100) !important; }
.border-yellow-200 { border-color: var(--yellow-200) !important; }
.border-yellow-300 { border-color: var(--yellow-300) !important; }
.border-yellow-400 { border-color: var(--yellow-400) !important; }
.border-yellow-500 { border-color: var(--yellow-500) !important; }
.border-yellow-600 { border-color: var(--yellow-600) !important; }
.border-yellow-700 { border-color: var(--yellow-700) !important; }
.border-yellow-800 { border-color: var(--yellow-800) !important; }
.border-yellow-900 { border-color: var(--yellow-900) !important; }
.border-yellow-950 { border-color: var(--yellow-950) !important; }
.border-lime-50  { border-color: var(--lime-50) !important;  }
.border-lime-100 { border-color: var(--lime-100) !important; }
.border-lime-200 { border-color: var(--lime-200) !important; }
.border-lime-300 { border-color: var(--lime-300) !important; }
.border-lime-400 { border-color: var(--lime-400) !important; }
.border-lime-500 { border-color: var(--lime-500) !important; }
.border-lime-600 { border-color: var(--lime-600) !important; }
.border-lime-700 { border-color: var(--lime-700) !important; }
.border-lime-800 { border-color: var(--lime-800) !important; }
.border-lime-900 { border-color: var(--lime-900) !important; }
.border-lime-950 { border-color: var(--lime-950) !important; }
.border-green-50  { border-color: var(--green-50) !important;  }
.border-green-100 { border-color: var(--green-100) !important; }
.border-green-200 { border-color: var(--green-200) !important; }
.border-green-300 { border-color: var(--green-300) !important; }
.border-green-400 { border-color: var(--green-400) !important; }
.border-green-500 { border-color: var(--green-500) !important; }
.border-green-600 { border-color: var(--green-600) !important; }
.border-green-700 { border-color: var(--green-700) !important; }
.border-green-800 { border-color: var(--green-800) !important; }
.border-green-900 { border-color: var(--green-900) !important; }
.border-green-950 { border-color: var(--green-950) !important; }
.border-emerald-50  { border-color: var(--emerald-50) !important;  }
.border-emerald-100 { border-color: var(--emerald-100) !important; }
.border-emerald-200 { border-color: var(--emerald-200) !important; }
.border-emerald-300 { border-color: var(--emerald-300) !important; }
.border-emerald-400 { border-color: var(--emerald-400) !important; }
.border-emerald-500 { border-color: var(--emerald-500) !important; }
.border-emerald-600 { border-color: var(--emerald-600) !important; }
.border-emerald-700 { border-color: var(--emerald-700) !important; }
.border-emerald-800 { border-color: var(--emerald-800) !important; }
.border-emerald-900 { border-color: var(--emerald-900) !important; }
.border-emerald-950 { border-color: var(--emerald-950) !important; }
.border-teal-50  { border-color: var(--teal-50) !important;  }
.border-teal-100 { border-color: var(--teal-100) !important; }
.border-teal-200 { border-color: var(--teal-200) !important; }
.border-teal-300 { border-color: var(--teal-300) !important; }
.border-teal-400 { border-color: var(--teal-400) !important; }
.border-teal-500 { border-color: var(--teal-500) !important; }
.border-teal-600 { border-color: var(--teal-600) !important; }
.border-teal-700 { border-color: var(--teal-700) !important; }
.border-teal-800 { border-color: var(--teal-800) !important; }
.border-teal-900 { border-color: var(--teal-900) !important; }
.border-teal-950 { border-color: var(--teal-950) !important; }
.border-cyan-50  { border-color: var(--cyan-50) !important;  }
.border-cyan-100 { border-color: var(--cyan-100) !important; }
.border-cyan-200 { border-color: var(--cyan-200) !important; }
.border-cyan-300 { border-color: var(--cyan-300) !important; }
.border-cyan-400 { border-color: var(--cyan-400) !important; }
.border-cyan-500 { border-color: var(--cyan-500) !important; }
.border-cyan-600 { border-color: var(--cyan-600) !important; }
.border-cyan-700 { border-color: var(--cyan-700) !important; }
.border-cyan-800 { border-color: var(--cyan-800) !important; }
.border-cyan-900 { border-color: var(--cyan-900) !important; }
.border-cyan-950 { border-color: var(--cyan-950) !important; }
.border-sky-50  { border-color: var(--sky-50) !important;  }
.border-sky-100 { border-color: var(--sky-100) !important; }
.border-sky-200 { border-color: var(--sky-200) !important; }
.border-sky-300 { border-color: var(--sky-300) !important; }
.border-sky-400 { border-color: var(--sky-400) !important; }
.border-sky-500 { border-color: var(--sky-500) !important; }
.border-sky-600 { border-color: var(--sky-600) !important; }
.border-sky-700 { border-color: var(--sky-700) !important; }
.border-sky-800 { border-color: var(--sky-800) !important; }
.border-sky-900 { border-color: var(--sky-900) !important; }
.border-sky-950 { border-color: var(--sky-950) !important; }
.border-blue-50  { border-color: var(--blue-50) !important;  }
.border-blue-100 { border-color: var(--blue-100) !important; }
.border-blue-200 { border-color: var(--blue-200) !important; }
.border-blue-300 { border-color: var(--blue-300) !important; }
.border-blue-400 { border-color: var(--blue-400) !important; }
.border-blue-500 { border-color: var(--blue-500) !important; }
.border-blue-600 { border-color: var(--blue-600) !important; }
.border-blue-700 { border-color: var(--blue-700) !important; }
.border-blue-800 { border-color: var(--blue-800) !important; }
.border-blue-900 { border-color: var(--blue-900) !important; }
.border-blue-950 { border-color: var(--blue-950) !important; }
.border-indigo-50  { border-color: var(--indigo-50) !important;  }
.border-indigo-100 { border-color: var(--indigo-100) !important; }
.border-indigo-200 { border-color: var(--indigo-200) !important; }
.border-indigo-300 { border-color: var(--indigo-300) !important; }
.border-indigo-400 { border-color: var(--indigo-400) !important; }
.border-indigo-500 { border-color: var(--indigo-500) !important; }
.border-indigo-600 { border-color: var(--indigo-600) !important; }
.border-indigo-700 { border-color: var(--indigo-700) !important; }
.border-indigo-800 { border-color: var(--indigo-800) !important; }
.border-indigo-900 { border-color: var(--indigo-900) !important; }
.border-indigo-950 { border-color: var(--indigo-950) !important; }
.border-violet-50  { border-color: var(--violet-50) !important;  }
.border-violet-100 { border-color: var(--violet-100) !important; }
.border-violet-200 { border-color: var(--violet-200) !important; }
.border-violet-300 { border-color: var(--violet-300) !important; }
.border-violet-400 { border-color: var(--violet-400) !important; }
.border-violet-500 { border-color: var(--violet-500) !important; }
.border-violet-600 { border-color: var(--violet-600) !important; }
.border-violet-700 { border-color: var(--violet-700) !important; }
.border-violet-800 { border-color: var(--violet-800) !important; }
.border-violet-900 { border-color: var(--violet-900) !important; }
.border-violet-950 { border-color: var(--violet-950) !important; }
.border-purple-50  { border-color: var(--purple-50) !important;  }
.border-purple-100 { border-color: var(--purple-100) !important; }
.border-purple-200 { border-color: var(--purple-200) !important; }
.border-purple-300 { border-color: var(--purple-300) !important; }
.border-purple-400 { border-color: var(--purple-400) !important; }
.border-purple-500 { border-color: var(--purple-500) !important; }
.border-purple-600 { border-color: var(--purple-600) !important; }
.border-purple-700 { border-color: var(--purple-700) !important; }
.border-purple-800 { border-color: var(--purple-800) !important; }
.border-purple-900 { border-color: var(--purple-900) !important; }
.border-purple-950 { border-color: var(--purple-950) !important; }
.border-fuchsia-50  { border-color: var(--fuchsia-50) !important;  }
.border-fuchsia-100 { border-color: var(--fuchsia-100) !important; }
.border-fuchsia-200 { border-color: var(--fuchsia-200) !important; }
.border-fuchsia-300 { border-color: var(--fuchsia-300) !important; }
.border-fuchsia-400 { border-color: var(--fuchsia-400) !important; }
.border-fuchsia-500 { border-color: var(--fuchsia-500) !important; }
.border-fuchsia-600 { border-color: var(--fuchsia-600) !important; }
.border-fuchsia-700 { border-color: var(--fuchsia-700) !important; }
.border-fuchsia-800 { border-color: var(--fuchsia-800) !important; }
.border-fuchsia-900 { border-color: var(--fuchsia-900) !important; }
.border-fuchsia-950 { border-color: var(--fuchsia-950) !important; }
.border-pink-50  { border-color: var(--pink-50) !important;  }
.border-pink-100 { border-color: var(--pink-100) !important; }
.border-pink-200 { border-color: var(--pink-200) !important; }
.border-pink-300 { border-color: var(--pink-300) !important; }
.border-pink-400 { border-color: var(--pink-400) !important; }
.border-pink-500 { border-color: var(--pink-500) !important; }
.border-pink-600 { border-color: var(--pink-600) !important; }
.border-pink-700 { border-color: var(--pink-700) !important; }
.border-pink-800 { border-color: var(--pink-800) !important; }
.border-pink-900 { border-color: var(--pink-900) !important; }
.border-pink-950 { border-color: var(--pink-950) !important; }
.border-rose-50  { border-color: var(--rose-50) !important;  }
.border-rose-100 { border-color: var(--rose-100) !important; }
.border-rose-200 { border-color: var(--rose-200) !important; }
.border-rose-300 { border-color: var(--rose-300) !important; }
.border-rose-400 { border-color: var(--rose-400) !important; }
.border-rose-500 { border-color: var(--rose-500) !important; }
.border-rose-600 { border-color: var(--rose-600) !important; }
.border-rose-700 { border-color: var(--rose-700) !important; }
.border-rose-800 { border-color: var(--rose-800) !important; }
.border-rose-900 { border-color: var(--rose-900) !important; }
.border-rose-950 { border-color: var(--rose-950) !important; }

.border-0  { border-width: 0px !important; border-style: solid; }
.border    { border-width: 1px !important; border-style: solid; }
.border-2  { border-width: 2px !important; border-style: solid; }
.border-3  { border-width: 3px !important; border-style: solid; }
.border-4  { border-width: 4px !important; border-style: solid; }
.border-5  { border-width: 5px !important; border-style: solid; }
.border-6  { border-width: 6px !important; border-style: solid; }
.border-7  { border-width: 7px !important; border-style: solid; }

:root {
  --space-0: 0px;
  --space-1: 0.4rem;
  --space-2: 0.8rem;
  --space-3: 1.2rem;
  --space-4: 1.6rem;
  --space-5: 2.4rem;
  --space-6: 3.2rem;
  --space-7: 4.0rem;
  --space-8: 4.8rem;
  --space-9: 6.4rem;
}

.pos-relative { position: relative !important; }
.pos-absolute { position: absolute !important; }
.pos-fixed    { position: fixed !important;    }
.pos-sticky   { position: sticky !important;   }

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

.d-flex         { display: flex !important;         }
.d-block        { display: block !important;        }
.d-inline       { display: inline !important;       }
.d-inline-flex  { display: inline-flex !important;  }
.d-inline-block { display: inline-block !important; }

.flex-row         { flex-direction: row !important;            }
.flex-col         { flex-direction: column !important;         }
.flex-row-reverse { flex-direction: row-reverse !important;    }
.flex-col-reverse { flex-direction: column-reverse !important; }

.flex-wrap          { flex-wrap: wrap !important;         }
.flex-wrap-reverse  { flex-wrap: wrap-reverse !important; }
.flex-nowrap        { flex-wrap: nowrap !important;       }

.justify-content-start   { justify-content: flex-start !important; }
.justify-content-center  { justify-content: center !important;     }
.justify-content-end     { justify-content: flex-end !important;   }
.justify-content-stretch { justify-content: stretch !important;    }

.align-items-start   { align-items: flex-start !important; }
.align-items-center  { align-items: center !important;     }
.align-items-end     { align-items: flex-end !important;   }
.align-items-stretch { align-items: stretch !important;    }

.w-10          { width: 10% !important;         }
.w-20          { width: 20% !important;         }
.w-30          { width: 30% !important;         }
.w-40          { width: 40% !important;         }
.w-50          { width: 50% !important;         }
.w-60          { width: 60% !important;         }
.w-70          { width: 70% !important;         }
.w-80          { width: 80% !important;         }
.w-90          { width: 90% !important;         }
.w-100         { width: 100% !important;        }
.w-25          { width: 25% !important;         }
.w-75          { width: 75% !important;         }
.w-max-content { width: max-content !important; }
.w-min-content { width: min-content !important; }
.w-100-vw {
  width: 100vw !important;
  width: 100dvw !important;
}

.w-min-10          { min-width: 10% !important;         }
.w-min-20          { min-width: 20% !important;         }
.w-min-30          { min-width: 30% !important;         }
.w-min-40          { min-width: 40% !important;         }
.w-min-50          { min-width: 50% !important;         }
.w-min-60          { min-width: 60% !important;         }
.w-min-70          { min-width: 70% !important;         }
.w-min-80          { min-width: 80% !important;         }
.w-min-90          { min-width: 90% !important;         }
.w-min-100         { min-width: 100% !important;        }
.w-min-25          { min-width: 25% !important;         }
.w-min-75          { min-width: 75% !important;         }
.w-min-max-content { min-width: max-content !important; }
.w-min-min-content { min-width: min-content !important; }
.w-min-100-vw {
  min-width: 100vw !important;
  min-width: 100dvw !important;
}

.w-max-10          { max-width: 10% !important;         }
.w-max-20          { max-width: 20% !important;         }
.w-max-30          { max-width: 30% !important;         }
.w-max-40          { max-width: 40% !important;         }
.w-max-50          { max-width: 50% !important;         }
.w-max-60          { max-width: 60% !important;         }
.w-max-70          { max-width: 70% !important;         }
.w-max-80          { max-width: 80% !important;         }
.w-max-90          { max-width: 90% !important;         }
.w-max-100         { max-width: 100% !important;        }
.w-max-25          { max-width: 25% !important;         }
.w-max-75          { max-width: 75% !important;         }
.w-max-max-content { max-width: max-content !important; }
.w-max-min-content { max-width: min-content !important; }
.w-max-100-vw {
  max-width: 100vw !important;
  max-width: 100dvw !important;
}

.h-10          { height: 10% !important;         }
.h-20          { height: 20% !important;         }
.h-30          { height: 30% !important;         }
.h-40          { height: 40% !important;         }
.h-50          { height: 50% !important;         }
.h-60          { height: 60% !important;         }
.h-70          { height: 70% !important;         }
.h-80          { height: 80% !important;         }
.h-90          { height: 90% !important;         }
.h-100         { height: 100% !important;        }
.h-25          { height: 25% !important;         }
.h-75          { height: 75% !important;         }
.h-max-content { height: max-content !important; }
.h-min-content { height: min-content !important; }
.h-100-vw {
  height: 100vw !important;
  height: 100dvw !important;
}

.h-min-10          { min-height: 10% !important;         }
.h-min-20          { min-height: 20% !important;         }
.h-min-30          { min-height: 30% !important;         }
.h-min-40          { min-height: 40% !important;         }
.h-min-50          { min-height: 50% !important;         }
.h-min-60          { min-height: 60% !important;         }
.h-min-70          { min-height: 70% !important;         }
.h-min-80          { min-height: 80% !important;         }
.h-min-90          { min-height: 90% !important;         }
.h-min-100         { min-height: 100% !important;        }
.h-min-25          { min-height: 25% !important;         }
.h-min-75          { min-height: 75% !important;         }
.h-min-max-content { min-height: max-content !important; }
.h-min-min-content { min-height: min-content !important; }
.h-min-100-vw {
  min-height: 100vw !important;
  min-height: 100dvw !important;
}

.h-max-10          { max-height: 10% !important;         }
.h-max-20          { max-height: 20% !important;         }
.h-max-30          { max-height: 30% !important;         }
.h-max-40          { max-height: 40% !important;         }
.h-max-50          { max-height: 50% !important;         }
.h-max-60          { max-height: 60% !important;         }
.h-max-70          { max-height: 70% !important;         }
.h-max-80          { max-height: 80% !important;         }
.h-max-90          { max-height: 90% !important;         }
.h-max-100         { max-height: 100% !important;        }
.h-max-25          { max-height: 25% !important;         }
.h-max-75          { max-height: 75% !important;         }
.h-max-max-content { max-height: max-content !important; }
.h-max-min-content { max-height: min-content !important; }
.h-max-100-vw {
  max-height: 100vw !important;
  max-height: 100dvw !important;
}

.flex-0  { flex: 0;  }
.flex-1  { flex: 1;  }
.flex-2  { flex: 2;  }
.flex-3  { flex: 3;  }
.flex-4  { flex: 4;  }
.flex-5  { flex: 5;  }
.flex-6  { flex: 6;  }
.flex-7  { flex: 7;  }
.flex-8  { flex: 8;  }
.flex-9  { flex: 9;  }
.flex-10 { flex: 10; }

.flex-auto { flex: auto !important; }
.flex-none { flex: none !important; }

.gap-0 { gap: var(--space-0) !important; }
.gap-1 { gap: var(--space-1) !important; }
.gap-2 { gap: var(--space-2) !important; }
.gap-3 { gap: var(--space-3) !important; }
.gap-4 { gap: var(--space-4) !important; }
.gap-5 { gap: var(--space-5) !important; }
.gap-6 { gap: var(--space-6) !important; }
.gap-7 { gap: var(--space-7) !important; }
.gap-8 { gap: var(--space-8) !important; }
.gap-9 { gap: var(--space-9) !important; }

.m-0  { margin:        var(--space-0) !important; }
.mt-0 { margin-top:    var(--space-0) !important; }
.mr-0 { margin-right:  var(--space-0) !important; }
.mb-0 { margin-bottom: var(--space-0) !important; }
.ml-0 { margin-left:   var(--space-0) !important; }
.mx-0 {
  margin-left: var(--space-0) !important;
  margin-right: var(--space-0) !important;
}
.my-0 {
  margin-top: var(--space-0) !important;
  margin-bottom: var(--space-0) !important;
}

.m-1  { margin:        var(--space-1) !important; }
.mt-1 { margin-top:    var(--space-1) !important; }
.mr-1 { margin-right:  var(--space-1) !important; }
.mb-1 { margin-bottom: var(--space-1) !important; }
.ml-1 { margin-left:   var(--space-1) !important; }
.mx-1 {
  margin-left: var(--space-1) !important;
  margin-right: var(--space-1) !important;
}
.my-1 {
  margin-top: var(--space-1) !important;
  margin-bottom: var(--space-1) !important;
}

.m-2  { margin:        var(--space-2) !important; }
.mt-2 { margin-top:    var(--space-2) !important; }
.mr-2 { margin-right:  var(--space-2) !important; }
.mb-2 { margin-bottom: var(--space-2) !important; }
.ml-2 { margin-left:   var(--space-2) !important; }
.mx-2 {
  margin-left: var(--space-2) !important;
  margin-right: var(--space-2) !important;
}
.my-2 {
  margin-top: var(--space-2) !important;
  margin-bottom: var(--space-2) !important;
}

.m-3  { margin:        var(--space-3) !important; }
.mt-3 { margin-top:    var(--space-3) !important; }
.mr-3 { margin-right:  var(--space-3) !important; }
.mb-3 { margin-bottom: var(--space-3) !important; }
.ml-3 { margin-left:   var(--space-3) !important; }
.mx-3 {
  margin-left: var(--space-3) !important;
  margin-right: var(--space-3) !important;
}
.my-3 {
  margin-top: var(--space-3) !important;
  margin-bottom: var(--space-3) !important;
}

.m-4  { margin:        var(--space-4) !important; }
.mt-4 { margin-top:    var(--space-4) !important; }
.mr-4 { margin-right:  var(--space-4) !important; }
.mb-4 { margin-bottom: var(--space-4) !important; }
.ml-4 { margin-left:   var(--space-4) !important; }
.mx-4 {
  margin-left: var(--space-4) !important;
  margin-right: var(--space-4) !important;
}
.my-4 {
  margin-top: var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
}

.m-5  { margin:        var(--space-5) !important; }
.mt-5 { margin-top:    var(--space-5) !important; }
.mr-5 { margin-right:  var(--space-5) !important; }
.mb-5 { margin-bottom: var(--space-5) !important; }
.ml-5 { margin-left:   var(--space-5) !important; }
.mx-5 {
  margin-left: var(--space-5) !important;
  margin-right: var(--space-5) !important;
}
.my-5 {
  margin-top: var(--space-0) !important;
  margin-bottom: var(--space-0) !important;
}

.m-6  { margin:        var(--space-6) !important; }
.mt-6 { margin-top:    var(--space-6) !important; }
.mr-6 { margin-right:  var(--space-6) !important; }
.mb-6 { margin-bottom: var(--space-6) !important; }
.ml-6 { margin-left:   var(--space-6) !important; }
.mx-6 {
  margin-left: var(--space-6) !important;
  margin-right: var(--space-6) !important;
}
.my-6 {
  margin-top: var(--space-6) !important;
  margin-bottom: var(--space-6) !important;
}

.m-7  { margin:        var(--space-7) !important; }
.mt-7 { margin-top:    var(--space-7) !important; }
.mr-7 { margin-right:  var(--space-7) !important; }
.mb-7 { margin-bottom: var(--space-7) !important; }
.ml-7 { margin-left:   var(--space-7) !important; }
.mx-7 {
  margin-left: var(--space-7) !important;
  margin-right: var(--space-7) !important;
}
.my-7 {
  margin-top: var(--space-7) !important;
  margin-bottom: var(--space-7) !important;
}

.m-8  { margin:        var(--space-8) !important; }
.mt-8 { margin-top:    var(--space-8) !important; }
.mr-8 { margin-right:  var(--space-8) !important; }
.mb-8 { margin-bottom: var(--space-8) !important; }
.ml-8 { margin-left:   var(--space-8) !important; }
.mx-8 {
  margin-left: var(--space-8) !important;
  margin-right: var(--space-8) !important;
}
.my-8 {
  margin-top: var(--space-8) !important;
  margin-bottom: var(--space-8) !important;
}

.m-9  { margin:        var(--space-9) !important; }
.mt-9 { margin-top:    var(--space-9) !important; }
.mr-9 { margin-right:  var(--space-9) !important; }
.mb-9 { margin-bottom: var(--space-9) !important; }
.ml-9 { margin-left:   var(--space-9) !important; }
.mx-9 {
  margin-left: var(--space-9) !important;
  margin-right: var(--space-9) !important;
}
.my-9 {
  margin-top: var(--space-9) !important;
  margin-bottom: var(--space-9) !important;
}

.m-auto  { margin:        auto !important; }
.mt-auto { margin-top:    auto !important; }
.mr-auto { margin-right:  auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left:   auto !important; }

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

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0  { padding:        var(--space-0) !important; }
.pt-0 { padding-top:    var(--space-0) !important; }
.pr-0 { padding-right:  var(--space-0) !important; }
.pb-0 { padding-bottom: var(--space-0) !important; }
.pl-0 { padding-left:   var(--space-0) !important; }
.px-0 {
  padding-left: var(--space-0) !important;
  padding-right: var(--space-0) !important;
}
.py-0 {
  padding-top: var(--space-0) !important;
  padding-bottom: var(--space-0) !important;
}

.p-1  { padding:        var(--space-1) !important; }
.pt-1 { padding-top:    var(--space-1) !important; }
.pr-1 { padding-right:  var(--space-1) !important; }
.pb-1 { padding-bottom: var(--space-1) !important; }
.pl-1 { padding-left:   var(--space-1) !important; }
.px-1 {
  padding-left: var(--space-1) !important;
  padding-right: var(--space-1) !important;
}
.py-1 {
  padding-top: var(--space-1) !important;
  padding-bottom: var(--space-1) !important;
}

.p-2  { padding:        var(--space-2) !important; }
.pt-2 { padding-top:    var(--space-2) !important; }
.pr-2 { padding-right:  var(--space-2) !important; }
.pb-2 { padding-bottom: var(--space-2) !important; }
.pl-2 { padding-left:   var(--space-2) !important; }
.px-2 {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
}
.py-2 {
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.p-3  { padding:        var(--space-3) !important; }
.pt-3 { padding-top:    var(--space-3) !important; }
.pr-3 { padding-right:  var(--space-3) !important; }
.pb-3 { padding-bottom: var(--space-3) !important; }
.pl-3 { padding-left:   var(--space-3) !important; }
.px-3 {
  padding-left: var(--space-3) !important;
  padding-right: var(--space-3) !important;
}
.py-3 {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-3) !important;
}

.p-4  { padding:        var(--space-4) !important; }
.pt-4 { padding-top:    var(--space-4) !important; }
.pr-4 { padding-right:  var(--space-4) !important; }
.pb-4 { padding-bottom: var(--space-4) !important; }
.pl-4 { padding-left:   var(--space-4) !important; }
.px-4 {
  padding-left: var(--space-4) !important;
  padding-right: var(--space-4) !important;
}
.py-4 {
  padding-top: var(--space-4) !important;
  padding-bottom: var(--space-4) !important;
}

.p-5  { padding:        var(--space-5) !important; }
.pt-5 { padding-top:    var(--space-5) !important; }
.pr-5 { padding-right:  var(--space-5) !important; }
.pb-5 { padding-bottom: var(--space-5) !important; }
.pl-5 { padding-left:   var(--space-5) !important; }
.px-5 {
  padding-left: var(--space-5) !important;
  padding-right: var(--space-5) !important;
}
.py-5 {
  padding-top: var(--space-0) !important;
  padding-bottom: var(--space-0) !important;
}

.p-6  { padding:        var(--space-6) !important; }
.pt-6 { padding-top:    var(--space-6) !important; }
.pr-6 { padding-right:  var(--space-6) !important; }
.pb-6 { padding-bottom: var(--space-6) !important; }
.pl-6 { padding-left:   var(--space-6) !important; }
.px-6 {
  padding-left: var(--space-6) !important;
  padding-right: var(--space-6) !important;
}
.py-6 {
  padding-top: var(--space-6) !important;
  padding-bottom: var(--space-6) !important;
}

.p-7  { padding:        var(--space-7) !important; }
.pt-7 { padding-top:    var(--space-7) !important; }
.pr-7 { padding-right:  var(--space-7) !important; }
.pb-7 { padding-bottom: var(--space-7) !important; }
.pl-7 { padding-left:   var(--space-7) !important; }
.px-7 {
  padding-left: var(--space-7) !important;
  padding-right: var(--space-7) !important;
}
.py-7 {
  padding-top: var(--space-7) !important;
  padding-bottom: var(--space-7) !important;
}

.p-8  { padding:        var(--space-8) !important; }
.pt-8 { padding-top:    var(--space-8) !important; }
.pr-8 { padding-right:  var(--space-8) !important; }
.pb-8 { padding-bottom: var(--space-8) !important; }
.pl-8 { padding-left:   var(--space-8) !important; }
.px-8 {
  padding-left: var(--space-8) !important;
  padding-right: var(--space-8) !important;
}
.py-8 {
  padding-top: var(--space-8) !important;
  padding-bottom: var(--space-8) !important;
}

.p-9  { padding:        var(--space-9) !important; }
.pt-9 { padding-top:    var(--space-9) !important; }
.pr-9 { padding-right:  var(--space-9) !important; }
.pb-9 { padding-bottom: var(--space-9) !important; }
.pl-9 { padding-left:   var(--space-9) !important; }
.px-9 {
  padding-left: var(--space-9) !important;
  padding-right: var(--space-9) !important;
}
.py-9 {
  padding-top: var(--space-9) !important;
  padding-bottom: var(--space-9) !important;
}

.overflow-visible { overflow: visible !important; }
.overflow-scroll  { overflow: scroll !important;  }
.overflow-hidden  { overflow: hidden !important;  }
.overflow-auto    { overflow: auto !important;    }

.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll  { overflow-x: scroll !important;  }
.overflow-x-hidden  { overflow-x: hidden !important;  }
.overflow-x-auto    { overflow-x: auto !important;    }

.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll  { overflow-y: scroll !important;  }
.overflow-y-hidden  { overflow-y: hidden !important;  }
.overflow-y-auto    { overflow-y: auto !important;    }

:root {
  --radius-0: 0px;
  --radius-1: 3px;
  --radius-2: 4px;
  --radius-3: 6px;
  --radius-4: 8px;
  --radius-5: 12px;
  --radius-6: 16px;
  --radius-full: 9999px;
}

.radius-0    { border-radius: var(--radius-0) !important;    }
.radius-1    { border-radius: var(--radius-1) !important;    }
.radius-2    { border-radius: var(--radius-2) !important;    }
.radius-3    { border-radius: var(--radius-3) !important;    }
.radius-4    { border-radius: var(--radius-4) !important;    }
.radius-5    { border-radius: var(--radius-5) !important;    }
.radius-6    { border-radius: var(--radius-6) !important;    }
.radius-full { border-radius: var(--radius-full) !important; }

:root {
  --color-primary: var(--emerald-900);
  --color-primary-lighter: var(--emerald-800);
  --color-primary-darker: var(--emerald-950);
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--zinc-950);
}

body.nav-open {
  overflow: hidden;
}

body main {
  flex: 1;
}

.content-wrap {
  padding: 0 var(--space-4);
  padding-top: 64px;
  width: 100%;
  max-width: 1280px;
}

.content-wrap.content-wrap--no-top-padding {
  padding-top: 0;
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--emerald-900) var(--zinc-100);
  }
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background-color: var(--zinc-100);
  border-radius: 0px;
  padding: 2px;
}

*::-webkit-scrollbar-track:hover {
  background-color: var(--zinc-200);
}

*::-webkit-scrollbar-track:active {
  background-color: var(--zinc-200);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--emerald-900);
  border-radius: 0px;
  min-height: 30px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--emerald-800);
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--emerald-950);
}

*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* GDPR page */
.gdpr-page {
  margin: 0 auto;
  padding-top: var(--space-9);
  padding-bottom: var(--space-9);
}

.gdpr-page__content {
  max-width: 72ch;
}

.gdpr-page__content h1 {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: var(--space-7);
  line-height: 1.2;
}

.gdpr-page__content h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: var(--space-3);
  margin-top: 0;
}

.gdpr-page__content section {
  margin-bottom: var(--space-7);
}

.gdpr-page__content p {
  line-height: 1.7;
  margin-bottom: var(--space-3);
  color: var(--zinc-700);
}

.gdpr-page__content ul {
  padding-left: var(--space-5);
  margin-bottom: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.gdpr-page__content li {
  line-height: 1.6;
  color: var(--zinc-700);
}

.gdpr-page__content a {
  color: var(--emerald-700);
  text-decoration: underline;
}

.gdpr-page__content a:hover {
  color: var(--emerald-900);
}