/* Globals */

/* COLORS (autogenerated) */
: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;
  --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-xx-50: #f0f6fc;
  --gray-xx-100: #c9d1d9;
  --gray-xx-200: #b1bac4;
  --gray-xx-300: #8b949e;
  --gray-xx-400: #6e7681;
  --gray-xx-500: #484f58;
  --gray-xx-600: #30363d;
  --gray-xx-700: #21262d;
  --gray-xx-800: #161b22;
  --gray-xx-900: #0d1117;
  --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;
  --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;
  --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;
  --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-xx-50: #ffdcd7;
  --red-xx-100: #ffc1ba;
  --red-xx-200: #ffa198;
  --red-xx-300: #ff7b72;
  --red-xx-400: #f85149;
  --red-xx-500: #da3633;
  --red-xx-600: #b62324;
  --red-xx-700: #8e1519;
  --red-xx-800: #67060c;
  --red-xx-900: #490202;
  --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-xx-50: #ffdfb6;
  --orange-xx-100: #ffc680;
  --orange-xx-200: #ffa657;
  --orange-xx-300: #f0883e;
  --orange-xx-400: #db6d28;
  --orange-xx-500: #bd561d;
  --orange-xx-600: #9b4215;
  --orange-xx-700: #762d0a;
  --orange-xx-800: #5a1e02;
  --orange-xx-900: #3d1300;
  --coral-xx-50: #ffddd2;
  --coral-xx-100: #ffc2b2;
  --coral-xx-200: #ffa28b;
  --coral-xx-300: #f78166;
  --coral-xx-400: #ea6045;
  --coral-xx-500: #cf462d;
  --coral-xx-600: #ac3220;
  --coral-xx-700: #872012;
  --coral-xx-800: #640d04;
  --coral-xx-900: #460701;
  --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;
  --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-xx-50: #f8e3a1;
  --yellow-xx-100: #f2cc60;
  --yellow-xx-200: #e3b341;
  --yellow-xx-300: #d29922;
  --yellow-xx-400: #bb8009;
  --yellow-xx-500: #9e6a03;
  --yellow-xx-600: #845306;
  --yellow-xx-700: #693e00;
  --yellow-xx-800: #4b2900;
  --yellow-xx-900: #341a00;
  --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;
  --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-xx-50: #aff5b4;
  --green-xx-100: #7ee787;
  --green-xx-200: #56d364;
  --green-xx-300: #3fb950;
  --green-xx-400: #2ea043;
  --green-xx-500: #238636;
  --green-xx-600: #196c2e;
  --green-xx-700: #0f5323;
  --green-xx-800: #033a16;
  --green-xx-900: #04260f;
  --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;
  --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;
  --cyan-50: #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --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;
  --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-xx-50: #cae8ff;
  --blue-xx-100: #a5d6ff;
  --blue-xx-200: #79c0ff;
  --blue-xx-300: #58a6ff;
  --blue-xx-400: #388bfd;
  --blue-xx-500: #1f6feb;
  --blue-xx-600: #1158c7;
  --blue-xx-700: #0d419d;
  --blue-xx-800: #0c2d6b;
  --blue-xx-900: #051d4d;
  --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;
  --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;
  --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-xx-50: #eddeff;
  --purple-xx-100: #e2c5ff;
  --purple-xx-200: #d2a8ff;
  --purple-xx-300: #bc8cff;
  --purple-xx-400: #a371f7;
  --purple-xx-500: #8957e5;
  --purple-xx-600: #6e40c9;
  --purple-xx-700: #553098;
  --purple-xx-800: #3c1e70;
  --purple-xx-900: #271052;
  --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;
  --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-xx-50: #ffdaec;
  --pink-xx-100: #ffbedd;
  --pink-xx-200: #ff9bce;
  --pink-xx-300: #f778ba;
  --pink-xx-400: #db61a2;
  --pink-xx-500: #bf4b8a;
  --pink-xx-600: #9e3670;
  --pink-xx-700: #7d2457;
  --pink-xx-800: #5e103e;
  --pink-xx-900: #42062a;
  --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;

  --rgb-slate-50: 248, 250, 252;
  --rgb-slate-100: 241, 245, 249;
  --rgb-slate-200: 226, 232, 240;
  --rgb-slate-300: 203, 213, 225;
  --rgb-slate-400: 148, 163, 184;
  --rgb-slate-500: 100, 116, 139;
  --rgb-slate-600: 71, 85, 105;
  --rgb-slate-700: 51, 65, 85;
  --rgb-slate-800: 30, 41, 59;
  --rgb-slate-900: 15, 23, 42;
  --rgb-gray-50: 249, 250, 251;
  --rgb-gray-100: 243, 244, 246;
  --rgb-gray-200: 229, 231, 235;
  --rgb-gray-300: 209, 213, 219;
  --rgb-gray-400: 156, 163, 175;
  --rgb-gray-500: 107, 114, 128;
  --rgb-gray-600: 75, 85, 99;
  --rgb-gray-700: 55, 65, 81;
  --rgb-gray-800: 31, 41, 55;
  --rgb-gray-900: 17, 24, 39;
  --rgb-gray-xx-50: 240, 246, 252;
  --rgb-gray-xx-100: 201, 209, 217;
  --rgb-gray-xx-200: 177, 186, 196;
  --rgb-gray-xx-300: 139, 148, 158;
  --rgb-gray-xx-400: 110, 118, 129;
  --rgb-gray-xx-500: 72, 79, 88;
  --rgb-gray-xx-600: 48, 54, 61;
  --rgb-gray-xx-700: 33, 38, 45;
  --rgb-gray-xx-800: 22, 27, 34;
  --rgb-gray-xx-900: 13, 17, 23;
  --rgb-zinc-50: 250, 250, 250;
  --rgb-zinc-100: 244, 244, 245;
  --rgb-zinc-200: 228, 228, 231;
  --rgb-zinc-300: 212, 212, 216;
  --rgb-zinc-400: 161, 161, 170;
  --rgb-zinc-500: 113, 113, 122;
  --rgb-zinc-600: 82, 82, 91;
  --rgb-zinc-700: 63, 63, 70;
  --rgb-zinc-800: 39, 39, 42;
  --rgb-zinc-900: 24, 24, 27;
  --rgb-neutral-50: 250, 250, 250;
  --rgb-neutral-100: 245, 245, 245;
  --rgb-neutral-200: 229, 229, 229;
  --rgb-neutral-300: 212, 212, 212;
  --rgb-neutral-400: 163, 163, 163;
  --rgb-neutral-500: 115, 115, 115;
  --rgb-neutral-600: 82, 82, 82;
  --rgb-neutral-700: 64, 64, 64;
  --rgb-neutral-800: 38, 38, 38;
  --rgb-neutral-900: 23, 23, 23;
  --rgb-stone-50: 250, 250, 249;
  --rgb-stone-100: 245, 245, 244;
  --rgb-stone-200: 231, 229, 228;
  --rgb-stone-300: 214, 211, 209;
  --rgb-stone-400: 168, 162, 158;
  --rgb-stone-500: 120, 113, 108;
  --rgb-stone-600: 87, 83, 78;
  --rgb-stone-700: 68, 64, 60;
  --rgb-stone-800: 41, 37, 36;
  --rgb-stone-900: 28, 25, 23;
  --rgb-red-50: 254, 242, 242;
  --rgb-red-100: 254, 226, 226;
  --rgb-red-200: 254, 202, 202;
  --rgb-red-300: 252, 165, 165;
  --rgb-red-400: 248, 113, 113;
  --rgb-red-500: 239, 68, 68;
  --rgb-red-600: 220, 38, 38;
  --rgb-red-700: 185, 28, 28;
  --rgb-red-800: 153, 27, 27;
  --rgb-red-900: 127, 29, 29;
  --rgb-red-xx-50: 255, 220, 215;
  --rgb-red-xx-100: 255, 193, 186;
  --rgb-red-xx-200: 255, 161, 152;
  --rgb-red-xx-300: 255, 123, 114;
  --rgb-red-xx-400: 248, 81, 73;
  --rgb-red-xx-500: 218, 54, 51;
  --rgb-red-xx-600: 182, 35, 36;
  --rgb-red-xx-700: 142, 21, 25;
  --rgb-red-xx-800: 103, 6, 12;
  --rgb-red-xx-900: 73, 2, 2;
  --rgb-orange-50: 255, 247, 237;
  --rgb-orange-100: 255, 237, 213;
  --rgb-orange-200: 254, 215, 170;
  --rgb-orange-300: 253, 186, 116;
  --rgb-orange-400: 251, 146, 60;
  --rgb-orange-500: 249, 115, 22;
  --rgb-orange-600: 234, 88, 12;
  --rgb-orange-700: 194, 65, 12;
  --rgb-orange-800: 154, 52, 18;
  --rgb-orange-900: 124, 45, 18;
  --rgb-orange-xx-50: 255, 223, 182;
  --rgb-orange-xx-100: 255, 198, 128;
  --rgb-orange-xx-200: 255, 166, 87;
  --rgb-orange-xx-300: 240, 136, 62;
  --rgb-orange-xx-400: 219, 109, 40;
  --rgb-orange-xx-500: 189, 86, 29;
  --rgb-orange-xx-600: 155, 66, 21;
  --rgb-orange-xx-700: 118, 45, 10;
  --rgb-orange-xx-800: 90, 30, 2;
  --rgb-orange-xx-900: 61, 19, 0;
  --rgb-coral-xx-50: 255, 221, 210;
  --rgb-coral-xx-100: 255, 194, 178;
  --rgb-coral-xx-200: 255, 162, 139;
  --rgb-coral-xx-300: 247, 129, 102;
  --rgb-coral-xx-400: 234, 96, 69;
  --rgb-coral-xx-500: 207, 70, 45;
  --rgb-coral-xx-600: 172, 50, 32;
  --rgb-coral-xx-700: 135, 32, 18;
  --rgb-coral-xx-800: 100, 13, 4;
  --rgb-coral-xx-900: 70, 7, 1;
  --rgb-amber-50: 255, 251, 235;
  --rgb-amber-100: 254, 243, 199;
  --rgb-amber-200: 253, 230, 138;
  --rgb-amber-300: 252, 211, 77;
  --rgb-amber-400: 251, 191, 36;
  --rgb-amber-500: 245, 158, 11;
  --rgb-amber-600: 217, 119, 6;
  --rgb-amber-700: 180, 83, 9;
  --rgb-amber-800: 146, 64, 14;
  --rgb-amber-900: 120, 53, 15;
  --rgb-yellow-50: 254, 252, 232;
  --rgb-yellow-100: 254, 249, 195;
  --rgb-yellow-200: 254, 240, 138;
  --rgb-yellow-300: 253, 224, 71;
  --rgb-yellow-400: 250, 204, 21;
  --rgb-yellow-500: 234, 179, 8;
  --rgb-yellow-600: 202, 138, 4;
  --rgb-yellow-700: 161, 98, 7;
  --rgb-yellow-800: 133, 77, 14;
  --rgb-yellow-900: 113, 63, 18;
  --rgb-yellow-xx-50: 248, 227, 161;
  --rgb-yellow-xx-100: 242, 204, 96;
  --rgb-yellow-xx-200: 227, 179, 65;
  --rgb-yellow-xx-300: 210, 153, 34;
  --rgb-yellow-xx-400: 187, 128, 9;
  --rgb-yellow-xx-500: 158, 106, 3;
  --rgb-yellow-xx-600: 132, 83, 6;
  --rgb-yellow-xx-700: 105, 62, 0;
  --rgb-yellow-xx-800: 75, 41, 0;
  --rgb-yellow-xx-900: 52, 26, 0;
  --rgb-lime-50: 247, 254, 231;
  --rgb-lime-100: 236, 252, 203;
  --rgb-lime-200: 217, 249, 157;
  --rgb-lime-300: 190, 242, 100;
  --rgb-lime-400: 163, 230, 53;
  --rgb-lime-500: 132, 204, 22;
  --rgb-lime-600: 101, 163, 13;
  --rgb-lime-700: 77, 124, 15;
  --rgb-lime-800: 63, 98, 18;
  --rgb-lime-900: 54, 83, 20;
  --rgb-green-50: 240, 253, 244;
  --rgb-green-100: 220, 252, 231;
  --rgb-green-200: 187, 247, 208;
  --rgb-green-300: 134, 239, 172;
  --rgb-green-400: 74, 222, 128;
  --rgb-green-500: 34, 197, 94;
  --rgb-green-600: 22, 163, 74;
  --rgb-green-700: 21, 128, 61;
  --rgb-green-800: 22, 101, 52;
  --rgb-green-900: 20, 83, 45;
  --rgb-green-xx-50: 175, 245, 180;
  --rgb-green-xx-100: 126, 231, 135;
  --rgb-green-xx-200: 86, 211, 100;
  --rgb-green-xx-300: 63, 185, 80;
  --rgb-green-xx-400: 46, 160, 67;
  --rgb-green-xx-500: 35, 134, 54;
  --rgb-green-xx-600: 25, 108, 46;
  --rgb-green-xx-700: 15, 83, 35;
  --rgb-green-xx-800: 3, 58, 22;
  --rgb-green-xx-900: 4, 38, 15;
  --rgb-emerald-50: 236, 253, 245;
  --rgb-emerald-100: 209, 250, 229;
  --rgb-emerald-200: 167, 243, 208;
  --rgb-emerald-300: 110, 231, 183;
  --rgb-emerald-400: 52, 211, 153;
  --rgb-emerald-500: 16, 185, 129;
  --rgb-emerald-600: 5, 150, 105;
  --rgb-emerald-700: 4, 120, 87;
  --rgb-emerald-800: 6, 95, 70;
  --rgb-emerald-900: 6, 78, 59;
  --rgb-teal-50: 240, 253, 250;
  --rgb-teal-100: 204, 251, 241;
  --rgb-teal-200: 153, 246, 228;
  --rgb-teal-300: 94, 234, 212;
  --rgb-teal-400: 45, 212, 191;
  --rgb-teal-500: 20, 184, 166;
  --rgb-teal-600: 13, 148, 136;
  --rgb-teal-700: 15, 118, 110;
  --rgb-teal-800: 17, 94, 89;
  --rgb-teal-900: 19, 78, 74;
  --rgb-cyan-50: 236, 254, 255;
  --rgb-cyan-100: 207, 250, 254;
  --rgb-cyan-200: 165, 243, 252;
  --rgb-cyan-300: 103, 232, 249;
  --rgb-cyan-400: 34, 211, 238;
  --rgb-cyan-500: 6, 182, 212;
  --rgb-cyan-600: 8, 145, 178;
  --rgb-cyan-700: 14, 116, 144;
  --rgb-cyan-800: 21, 94, 117;
  --rgb-cyan-900: 22, 78, 99;
  --rgb-sky-50: 240, 249, 255;
  --rgb-sky-100: 224, 242, 254;
  --rgb-sky-200: 186, 230, 253;
  --rgb-sky-300: 125, 211, 252;
  --rgb-sky-400: 56, 189, 248;
  --rgb-sky-500: 14, 165, 233;
  --rgb-sky-600: 2, 132, 199;
  --rgb-sky-700: 3, 105, 161;
  --rgb-sky-800: 7, 89, 133;
  --rgb-sky-900: 12, 74, 110;
  --rgb-blue-50: 239, 246, 255;
  --rgb-blue-100: 219, 234, 254;
  --rgb-blue-200: 191, 219, 254;
  --rgb-blue-300: 147, 197, 253;
  --rgb-blue-400: 96, 165, 250;
  --rgb-blue-500: 59, 130, 246;
  --rgb-blue-600: 37, 99, 235;
  --rgb-blue-700: 29, 78, 216;
  --rgb-blue-800: 30, 64, 175;
  --rgb-blue-900: 30, 58, 138;
  --rgb-blue-xx-50: 202, 232, 255;
  --rgb-blue-xx-100: 165, 214, 255;
  --rgb-blue-xx-200: 121, 192, 255;
  --rgb-blue-xx-300: 88, 166, 255;
  --rgb-blue-xx-400: 56, 139, 253;
  --rgb-blue-xx-500: 31, 111, 235;
  --rgb-blue-xx-600: 17, 88, 199;
  --rgb-blue-xx-700: 13, 65, 157;
  --rgb-blue-xx-800: 12, 45, 107;
  --rgb-blue-xx-900: 5, 29, 77;
  --rgb-indigo-50: 238, 242, 255;
  --rgb-indigo-100: 224, 231, 255;
  --rgb-indigo-200: 199, 210, 254;
  --rgb-indigo-300: 165, 180, 252;
  --rgb-indigo-400: 129, 140, 248;
  --rgb-indigo-500: 99, 102, 241;
  --rgb-indigo-600: 79, 70, 229;
  --rgb-indigo-700: 67, 56, 202;
  --rgb-indigo-800: 55, 48, 163;
  --rgb-indigo-900: 49, 46, 129;
  --rgb-violet-50: 245, 243, 255;
  --rgb-violet-100: 237, 233, 254;
  --rgb-violet-200: 221, 214, 254;
  --rgb-violet-300: 196, 181, 253;
  --rgb-violet-400: 167, 139, 250;
  --rgb-violet-500: 139, 92, 246;
  --rgb-violet-600: 124, 58, 237;
  --rgb-violet-700: 109, 40, 217;
  --rgb-violet-800: 91, 33, 182;
  --rgb-violet-900: 76, 29, 149;
  --rgb-purple-50: 250, 245, 255;
  --rgb-purple-100: 243, 232, 255;
  --rgb-purple-200: 233, 213, 255;
  --rgb-purple-300: 216, 180, 254;
  --rgb-purple-400: 192, 132, 252;
  --rgb-purple-500: 168, 85, 247;
  --rgb-purple-600: 147, 51, 234;
  --rgb-purple-700: 126, 34, 206;
  --rgb-purple-800: 107, 33, 168;
  --rgb-purple-900: 88, 28, 135;
  --rgb-purple-xx-50: 237, 222, 255;
  --rgb-purple-xx-100: 226, 197, 255;
  --rgb-purple-xx-200: 210, 168, 255;
  --rgb-purple-xx-300: 188, 140, 255;
  --rgb-purple-xx-400: 163, 113, 247;
  --rgb-purple-xx-500: 137, 87, 229;
  --rgb-purple-xx-600: 110, 64, 201;
  --rgb-purple-xx-700: 85, 48, 152;
  --rgb-purple-xx-800: 60, 30, 112;
  --rgb-purple-xx-900: 39, 16, 82;
  --rgb-fuchsia-50: 253, 244, 255;
  --rgb-fuchsia-100: 250, 232, 255;
  --rgb-fuchsia-200: 245, 208, 254;
  --rgb-fuchsia-300: 240, 171, 252;
  --rgb-fuchsia-400: 232, 121, 249;
  --rgb-fuchsia-500: 217, 70, 239;
  --rgb-fuchsia-600: 192, 38, 211;
  --rgb-fuchsia-700: 162, 28, 175;
  --rgb-fuchsia-800: 134, 25, 143;
  --rgb-fuchsia-900: 112, 26, 117;
  --rgb-pink-50: 253, 242, 248;
  --rgb-pink-100: 252, 231, 243;
  --rgb-pink-200: 251, 207, 232;
  --rgb-pink-300: 249, 168, 212;
  --rgb-pink-400: 244, 114, 182;
  --rgb-pink-500: 236, 72, 153;
  --rgb-pink-600: 219, 39, 119;
  --rgb-pink-700: 190, 24, 93;
  --rgb-pink-800: 157, 23, 77;
  --rgb-pink-900: 131, 24, 67;
  --rgb-pink-xx-50: 255, 218, 236;
  --rgb-pink-xx-100: 255, 190, 221;
  --rgb-pink-xx-200: 255, 155, 206;
  --rgb-pink-xx-300: 247, 120, 186;
  --rgb-pink-xx-400: 219, 97, 162;
  --rgb-pink-xx-500: 191, 75, 138;
  --rgb-pink-xx-600: 158, 54, 112;
  --rgb-pink-xx-700: 125, 36, 87;
  --rgb-pink-xx-800: 94, 16, 62;
  --rgb-pink-xx-900: 66, 6, 42;
  --rgb-rose-50: 255, 241, 242;
  --rgb-rose-100: 255, 228, 230;
  --rgb-rose-200: 254, 205, 211;
  --rgb-rose-300: 253, 164, 175;
  --rgb-rose-400: 251, 113, 133;
  --rgb-rose-500: 244, 63, 94;
  --rgb-rose-600: 225, 29, 72;
  --rgb-rose-700: 190, 18, 60;
  --rgb-rose-800: 159, 18, 57;
  --rgb-rose-900: 136, 19, 55;
}

/** `font-size` and `line-height` 1rem = 16px (set on <html>) **/
.text-xxxs {
  font-size: 0.625rem; /* 10px */
  line-height: 0.875rem; /* 14px */
}
.text-xxs {
  font-size: 0.6875rem; /* 11px */
  line-height: 1rem; /* 16px */
}
.text-xs {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}
.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}
.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}
.text-l {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}
.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}
.text-2xl {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
}
.text-3xl {
  font-size: 1.875rem; /* 30px */
  line-height: 2.25rem; /* 36px */
}
.text-4xl {
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */
}
.text-5xl {
  font-size: 3rem; /* 48px */
  line-height: 1; /* 48px */
}
.text-6xl {
  font-size: 3.75rem; /* 60px */
  line-height: 1; /* 60px */
}
.text-7xl {
  font-size: 4.5rem; /* 72px */
  line-height: 1; /* 72px */
}
.text-8xl {
  font-size: 6rem; /* 96px */
  line-height: 1; /* 96px */
}
.text-9xl {
  font-size: 8rem; /* 128px */
  line-height: 1; /* 128px */
}

:root {
  /* font-weight */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 600;

  /* BORDER RADIUS (border-radius) */
  --round-none: 0px;
  --round: 3px;
  --round-m: 6px;
  --round-l: 9px;
  --round-xl: 12px;
  --round-xxl: 18px;
  --round-xxxl: 24px;
  --round-full: 9999px;

  /* Z-INDEX (z-index) */
  --zi-0: 0;
  --zi-10: 10;
  --zi-20: 20;
  --zi-30: 30;
  --zi-40: 40;
  --zi-50: 50;
  --zi-auto: auto;
  --zi-modal: 100000;
  --zi-modal-1: 100001;
  --zi-modal-2: 100002;
  --zi-modal-dialog: 500000;
  --zi-notify: 1000000;
  --zi-nprogress: 10000000;
}

/*
  SPACINGS: [UNIT: 4px] where [1rem = 16px] (padding, margin, width, height,...)
    --sp-0-125 => 0.125 UNITS == 0.125 * 4px == 1px   == 0.0625rem
    --sp-1-5   => 1.5 UNITS   == 1.5 * 4px   == 6px   == 0.375rem
    --sp-32    => 32 UNITS    == 32 * 4px    == 128px == 8rem
*/
:root {
  --sp-0: 0px; /* 0rem      */
  --sp-0-125: 1px; /* 0.0625rem */
  --sp-0-5: 2px; /* 0.125rem  */
  --sp-1: 4px; /* 0.25rem   */
  --sp-1-5: 6px; /* 0.375rem  */
  --sp-2: 8px; /* 0.5rem    */
  --sp-2-5: 10px; /* 0.625rem  */
  --sp-3: 12px; /* 0.75rem   */
  --sp-3-5: 14px; /* 0.875rem  */
  --sp-4: 16px; /* 1rem      */
  --sp-4-5: 18px; /* 1.125rem      */
  --sp-5: 20px; /* 1.25rem   */
  --sp-6: 24px; /* 1.5rem    */
  --sp-7: 28px; /* 1.75rem   */
  --sp-8: 32px; /* 2rem      */
  --sp-9: 36px; /* 2.25rem   */
  --sp-10: 40px; /* 2.5rem    */
  --sp-11: 44px; /* 2.75rem   */
  --sp-12: 48px; /* 3rem      */
  --sp-14: 56px; /* 3.5rem    */
  --sp-16: 64px; /* 4rem      */
  --sp-18: 72px; /* 4.5rem    */
  --sp-20: 80px; /* 5rem      */
  --sp-22: 88px; /* 5.5rem    */
  --sp-24: 96px; /* 6rem      */
  --sp-26: 104px; /* 6.5rem      */
  --sp-28: 112px; /* 7rem      */
  --sp-30: 120px; /* 7.5rem      */
  --sp-32: 128px; /* 8rem      */
  --sp-34: 136px; /* 8.5rem      */
  --sp-36: 144px; /* 9rem      */
  --sp-38: 152px; /* 9.5rem      */
  --sp-40: 160px; /* 10rem     */
  --sp-42: 168px; /* 10.5rem     */
  --sp-44: 176px; /* 11rem     */
  --sp-46: 184px; /* 11.5rem     */
  --sp-48: 192px; /* 12rem     */
  --sp-50: 200px; /* 12.5rem     */
  --sp-52: 208px; /* 13rem     */
  --sp-54: 216px; /* 13.5rem     */
  --sp-56: 224px; /* 14rem     */
  --sp-58: 232px; /* 14.5rem     */
  --sp-60: 240px; /* 15rem     */
  --sp-62: 248px; /* 15.5rem     */
  --sp-64: 256px; /* 16rem     */
  --sp-68: 272px; /* 17rem     */
  --sp-72: 288px; /* 18rem     */
  --sp-76: 304px; /* 19rem     */
  --sp-80: 320px; /* 20rem     */
  --sp-88: 352px; /* 22rem     */
  --sp-96: 384px; /* 24rem     */
  --sp-104: 416px; /* 26rem     */
  --sp-112: 448px; /* 28rem     */
  --sp-120: 480px; /* 30rem     */
  --sp-128: 512px; /* 32rem     */
  --sp-144: 576px; /* 36rem     */
  --sp-160: 640px; /* 40rem     */
  --sp-176: 704px; /* 44rem     */
  --sp-192: 768px; /* 48rem     */
  --sp-208: 832px; /* 52rem     */
}

/* default font-family for sans-serif */
:root {
  --ff-sans-serif: "Inter";
}
@supports (font-variation-settings: normal) {
  :root {
    --ff-sans-serif: "InterVariable";
    font-optical-sizing: auto;
  }
}

:root {
  --ff-sans-serif-kerning: normal;
  --ff-sans-serif-ligatures: contextual common-ligatures;
  --ff-sans-serif-features: "kern" 1, "liga" 1, "calt" 1, "zero" 1, "cv01" 1, "cv02" 1, "cv03" 1,
    "cv04" 1, "cv10" 1, "ss03" 1, "cv08" 1;
  --ff-features-input: "zero" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv10" 1, "ss03" 1,
    "cv08" 1;
  --ff-features-table: "zero" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv10" 1, "ss03" 1,
    "cv08" 1, "tnum" 1;

  /* default monospace font */
  --ff-mono: "IBMPlexMono";
  --weight-normal-mono: 400;
  --weight-medium-mono: 400;
  --weight-bold-mono: 400;

  --ff-mono-features: normal;
  --ff-mono-ligatures: normal;

  /* default font-size */
  --text-default-size: 1rem;
  /* default line-height */
  --text-default-height: 1.5rem;
  /* default font-weight */
  --text-default-weight: var(--weight-normal);
  /* default background-color */
  --bg-default: #191c20;
  /* default color (foreground) */
  --bg-1: #24282d;
  --bg-2: #23262a;
  --bg-3: #171b21;
  --bg-4: #211d27;
  --bg-5: #1e202a;
  --bg-6: #2a2d38;
  --bg-7: #2b2f39;
  --bg-8: rgb(27, 31, 38);
  --fg-default: var(--sky-50);
  --border-default: #ccccdc10;
  --tooltip-bg: #272a37;
  --tooltip-plot-bg: #191b1ff0;
  --top-nav-bg-color: #2a2d36;
  --top-nav-border-color: #8957e519;
  --boxed-border-color: #0a0d0f;
  --graph-nav-bg-color: #22252f;
  --graph-side-bg-color: #202428;
  --btn-bg-color: #35374ca0;
  --btn-bg-color-main: #35374c40;
  --btn-hover-bg-color: #35374cd0;
  --btn-active-bg-color: #35374c60;
  --btn-border-color: #64749bc0; /* #484a61; */
  --btn-hover-border: var(--purple-xx-200);
  --input-border-color: #64749bc0;
  --input-bg-color: #1c1f24aa;
  --thumb-bg: #35374c;
  --thumb-border: #798a9f;
  --search-bg-color: #1c1917;
  --search-bg-color-active: #13161c;
  --close-bg: #7f1d1daa;
  --node-bg-color: #1a1c1f;
  --node-hover-bg-color: #1c1e21;
  --node-proxy-bg-color: #1a1c1fa0;
  --node-header-bg-color: #2b2f39; /** #23262f; */
  --node-header-bg-color-1: #1b1f29a0;
  --node-header-bg-color-2: #1b1f29c0;
  --node-border-color: #232c3fd0;
  --layer-border-color: #293349;
  --node-source-header-bg-color: var(--sky-900);
  --bg-notification: #28242c40;
  --bg-notification-safari: #28242ce0;
  --border-notification: #2f3439;
  --layer-item-bg-color: #23262a;
  --table-bg-color: #191b1f;
  --table-header-bg: rgba(28, 31, 38, 0.3);
  /* --table-header-bg: rgba(var(--rgb-slate-800), 0.3); */
  --col-selected-bg-color: #060d40b0;
  --col-selected-header-bg-color: #060d40;
  --row-selected-bg-color: #3c0907b0;
  --row-col-selected-bg-color: #000000f0;
  --col-hover-bg-color: #091014f0;
  --table-border-color: #1e293bd0;
  --light-border-color: #a9caee12;
  --chart-container-bg: #16191f;
  --chart-bg1: #191b1f;
  --chart-bg2: #141619;
  --chart-bg3: #22252b;
  --chart-fg: #b1bac4;
  --chart-select-bg: #78788233;
  --chart-border: #ccccdc10;
  --chart-cursor-xy-border: #78788280;
  --animation-duration-default: 400ms;
  --animation-delay-default: 400ms;
  --animation-repeat-default: 1;
}

:root {
  --sidebar-width: 300px;
  --sidebar-resize-indicator-width: 0px;
  --sidebar-resize-indicator-space: 2px;
  --page-padding: 12px;
  --content-max-width: 720px;
  --menu-bar-height: 64px;
  --font: InterVariable, sans-serif;
  --title-font: InterVariable, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono-font: var(--ff-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */;
}

.dark {
  --color-scheme: dark;

  --logo-brightness: brightness(2);

  /* --bg: hsl(220, 13%, 10%); */
  --bg: var(--bg-default);
  --fg: var(--slate-100);
  --title-color: rgba(var(--rgb-slate-100), 0.9);

  --border: var(--slate-800);
  --border-light: hsl(220, 13%, 90%);
  --border-hover: hsl(220, 13%, 40%);

  --media-bg: hsl(220, 13%, 8%);

  /* --sidebar-bg: hsl(220, 13%, 10%);
  --sidebar-fg: hsl(220, 14%, 71%); */
  --sidebar-bg: var(--bg-default);
  --sidebar-fg: var(--slate-300);
  --sidebar-non-existent: #505254;
  --sidebar-active: hsl(220, 92%, 75%);
  --sidebar-active-bg: hsl(220, 93%, 42%, 0.25);

  --divider: var(--slate-800);
  --scrollbar: hsl(220, 13%, 30%);

  --icons: hsl(220, 14%, 71%);
  --icons-hover: hsl(220, 14%, 90%);
  --icon-btn-bg-hover: hsl(220, 93%, 42%, 0.4);

  --links: var(--blue-400);
  --link-line-decoration: var(--blue-400);
  --link-line-decoration-hover: var(--blue-400);
  --full-contrast: #fff;

  --inline-code-color: hsl(40, 100%, 80%);
  --code-text: var(--sky-100);
  --code-bg: hsl(220, 93%, 50%, 0.15);
  --keybinding-bg: hsl(0, 0%, 12%);

  --pre-bg: hsl(220, 13%, 5%);
  --pre-border: hsla(220, 93%, 70%, 0.3);
  --pre-shadow: hsla(220, 93%, 70%, 0.1);

  --theme-popup-bg: hsl(220, 13%, 15%);
  --theme-popup-border: hsl(220, 13%, 20%);
  --theme-hover: hsl(220, 13%, 25%);

  --quote-bg: hsl(220, 13%, 25%, 0.4);
  --quote-border: hsl(220, 13%, 32%, 0.5);

  --table-border-color: #1e294bd0;
  --table-header-bg: hsl(220, 13%, 25%, 0.2);
  --table-alternate-bg: transparent;

  --warning-border: hsl(25, 100%, 85%, 0.2);
  --warning-bg: hsl(42, 100%, 40%, 0.1);
  --warning-icon: hsl(42, 100%, 80%);

  --searchbar-border-color: hsl(220, 13%, 30%);
  --searchbar-bg: hsl(220, 13%, 22%, 0.5);
  --searchbar-fg: hsl(220, 14%, 71%);
  --searchbar-shadow-color: hsl(220, 13%, 15%);
  --searchresults-header-fg: hsl(220, 14%, 60%);
  --searchresults-border-color: hsl(220, 13%, 30%);
  --searchresults-li-bg: hsl(220, 13%, 25%);
  --search-mark-bg: hsl(220, 93%, 60%);
}