:root { /* Tailwind 3 fallbacks */
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;
    --color-slate-950: #020617;

    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;
    --color-gray-950: #030712;

    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a3a3a3;
    --color-neutral-500: #737373;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #171717;
    --color-neutral-950: #0a0a0a;

    --color-stone-50: #fafaf9;
    --color-stone-100: #f5f5f4;
    --color-stone-200: #e7e5e4;
    --color-stone-300: #d6d3d1;
    --color-stone-400: #a8a29e;
    --color-stone-500: #78716c;
    --color-stone-600: #57534e;
    --color-stone-700: #44403c;
    --color-stone-800: #292524;
    --color-stone-900: #1c1917;
    --color-stone-950: #0c0a09;

    --color-red-50: #fef2f2;
    --color-red-100: #fee2e2;
    --color-red-200: #fecaca;
    --color-red-300: #fca5a5;
    --color-red-400: #f87171;
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-red-700: #b91c1c;
    --color-red-800: #991b1b;
    --color-red-900: #7f1d1d;
    --color-red-950: #450a0a;

    --color-orange-50: #fff7ed;
    --color-orange-100: #ffedd5;
    --color-orange-200: #fed7aa;
    --color-orange-300: #fdba74;
    --color-orange-400: #fb923c;
    --color-orange-500: #f97316;
    --color-orange-600: #ea580c;
    --color-orange-700: #c2410c;
    --color-orange-800: #9a3412;
    --color-orange-900: #7c2d12;
    --color-orange-950: #431407;

    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c7;
    --color-amber-200: #fde68a;
    --color-amber-300: #fcd34d;
    --color-amber-400: #fbbf24;
    --color-amber-500: #f59e0b;
    --color-amber-600: #d97706;
    --color-amber-700: #b45309;
    --color-amber-800: #92400e;
    --color-amber-900: #78350f;
    --color-amber-950: #451a03;

    --color-yellow-50: #fefce8;
    --color-yellow-100: #fef9c3;
    --color-yellow-200: #fef08a;
    --color-yellow-300: #fde047;
    --color-yellow-400: #facc15;
    --color-yellow-500: #eab308;
    --color-yellow-600: #ca8a04;
    --color-yellow-700: #a16207;
    --color-yellow-800: #854d0e;
    --color-yellow-900: #713f12;
    --color-yellow-950: #422006;

    --color-lime-50: #f7fee7;
    --color-lime-100: #ecfccb;
    --color-lime-200: #d9f99d;
    --color-lime-300: #bef264;
    --color-lime-400: #a3e635;
    --color-lime-500: #84cc16;
    --color-lime-600: #65a30d;
    --color-lime-700: #4d7c0f;
    --color-lime-800: #3f6212;
    --color-lime-900: #365314;
    --color-lime-950: #1a2e05;

    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #bbf7d0;
    --color-green-300: #86efac;
    --color-green-400: #4ade80;
    --color-green-500: #22c55e;
    --color-green-600: #16a34a;
    --color-green-700: #15803d;
    --color-green-800: #166534;
    --color-green-900: #14532d;
    --color-green-950: #052e16;

    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d1fae5;
    --color-emerald-200: #a7f3d0;
    --color-emerald-300: #6ee7b7;
    --color-emerald-400: #34d399;
    --color-emerald-500: #10b981;
    --color-emerald-600: #059669;
    --color-emerald-700: #047857;
    --color-emerald-800: #065f46;
    --color-emerald-900: #064e3b;
    --color-emerald-950: #022c22;

    --color-teal-50: #f0fdfa;
    --color-teal-100: #ccfbf1;
    --color-teal-200: #99f6e4;
    --color-teal-300: #5eead4;
    --color-teal-400: #2dd4bf;
    --color-teal-500: #14b8a6;
    --color-teal-600: #0d9488;
    --color-teal-700: #0f766e;
    --color-teal-800: #115e59;
    --color-teal-900: #134e4a;
    --color-teal-950: #042f2e;

    --color-cyan-50: #ecfeff;
    --color-cyan-100: #cffafe;
    --color-cyan-200: #a5f3fc;
    --color-cyan-300: #67e8f9;
    --color-cyan-400: #22d3ee;
    --color-cyan-500: #06b6d4;
    --color-cyan-600: #0891b2;
    --color-cyan-700: #0e7490;
    --color-cyan-800: #155e75;
    --color-cyan-900: #164e63;
    --color-cyan-950: #083344;

    --color-sky-50: #f0f9ff;
    --color-sky-100: #e0f2fe;
    --color-sky-200: #bae6fd;
    --color-sky-300: #7dd3fc;
    --color-sky-400: #38bdf8;
    --color-sky-500: #0ea5e9;
    --color-sky-600: #0284c7;
    --color-sky-700: #0369a1;
    --color-sky-800: #075985;
    --color-sky-900: #0c4a6e;
    --color-sky-950: #082f49;

    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bfdbfe;
    --color-blue-300: #93c5fd;
    --color-blue-400: #60a5fa;
    --color-blue-500: #3b82f6;
    --color-blue-600: #2563eb;
    --color-blue-700: #1d4ed8;
    --color-blue-800: #1e40af;
    --color-blue-900: #1e3a8a;
    --color-blue-950: #172554;

    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2fe;
    --color-indigo-300: #a5b4fc;
    --color-indigo-400: #818cf8;
    --color-indigo-500: #6366f1;
    --color-indigo-600: #4f46e5;
    --color-indigo-700: #4338ca;
    --color-indigo-800: #3730a3;
    --color-indigo-900: #312e81;
    --color-indigo-950: #1e1b4b;

    --color-violet-50: #f5f3ff;
    --color-violet-100: #ede9fe;
    --color-violet-200: #ddd6fe;
    --color-violet-300: #c4b5fd;
    --color-violet-400: #a78bfa;
    --color-violet-500: #8b5cf6;
    --color-violet-600: #7c3aed;
    --color-violet-700: #6d28d9;
    --color-violet-800: #5b21b6;
    --color-violet-900: #4c1d95;
    --color-violet-950: #2e1065;

    --color-purple-50: #faf5ff;
    --color-purple-100: #f3e8ff;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d8b4fe;
    --color-purple-400: #c084fc;
    --color-purple-500: #a855f7;
    --color-purple-600: #9333ea;
    --color-purple-700: #7e22ce;
    --color-purple-800: #6b21a8;
    --color-purple-900: #581c87;
    --color-purple-950: #3b0764;

    --color-fuchsia-50: #fdf4ff;
    --color-fuchsia-100: #fae8ff;
    --color-fuchsia-200: #f5d0fe;
    --color-fuchsia-300: #f0abfc;
    --color-fuchsia-400: #e879f9;
    --color-fuchsia-500: #d946ef;
    --color-fuchsia-600: #c026d3;
    --color-fuchsia-700: #a21caf;
    --color-fuchsia-800: #86198f;
    --color-fuchsia-900: #701a75;
    --color-fuchsia-950: #4a044e;

    --color-pink-50: #fdf2f8;
    --color-pink-100: #fce7f3;
    --color-pink-200: #fbcfe8;
    --color-pink-300: #f9a8d4;
    --color-pink-400: #f472b6;
    --color-pink-500: #ec4899;
    --color-pink-600: #db2777;
    --color-pink-700: #be185d;
    --color-pink-800: #9d174d;
    --color-pink-900: #831843;
    --color-pink-950: #500724;

    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #fecdd3;
    --color-rose-300: #fda4af;
    --color-rose-400: #fb7185;
    --color-rose-500: #f43f5e;
    --color-rose-600: #e11d48;
    --color-rose-700: #be123c;
    --color-rose-800: #9f1239;
    --color-rose-900: #881337;
    --color-rose-950: #4c0519;
}


:root { /* Tailwind 4 P3 (wide gamut) colors */
    --color-red-50: oklch(0.971 0.013 17.38);
    --color-red-100: oklch(0.936 0.032 17.717);
    --color-red-200: oklch(0.885 0.062 18.334);
    --color-red-300: oklch(0.808 0.114 19.571);
    --color-red-400: oklch(0.704 0.191 22.216);
    --color-red-500: oklch(0.637 0.237 25.331);
    --color-red-600: oklch(0.577 0.245 27.325);
    --color-red-700: oklch(0.505 0.213 27.518);
    --color-red-800: oklch(0.444 0.177 26.899);
    --color-red-900: oklch(0.396 0.141 25.723);
    --color-red-950: oklch(0.258 0.092 26.042);

    --color-orange-50: oklch(0.98 0.016 73.684);
    --color-orange-100: oklch(0.954 0.038 75.164);
    --color-orange-200: oklch(0.901 0.076 70.697);
    --color-orange-300: oklch(0.837 0.128 66.29);
    --color-orange-400: oklch(0.75 0.183 55.934);
    --color-orange-500: oklch(0.705 0.213 47.604);
    --color-orange-600: oklch(0.646 0.222 41.116);
    --color-orange-700: oklch(0.553 0.195 38.402);
    --color-orange-800: oklch(0.47 0.157 37.304);
    --color-orange-900: oklch(0.408 0.123 38.172);
    --color-orange-950: oklch(0.266 0.079 36.259);

    --color-amber-50: oklch(0.987 0.022 95.277);
    --color-amber-100: oklch(0.962 0.059 95.617);
    --color-amber-200: oklch(0.924 0.12 95.746);
    --color-amber-300: oklch(0.879 0.169 91.605);
    --color-amber-400: oklch(0.828 0.189 84.429);
    --color-amber-500: oklch(0.769 0.188 70.08);
    --color-amber-600: oklch(0.666 0.179 58.318);
    --color-amber-700: oklch(0.555 0.163 48.998);
    --color-amber-800: oklch(0.473 0.137 46.201);
    --color-amber-900: oklch(0.414 0.112 45.904);
    --color-amber-950: oklch(0.279 0.077 45.635);

    --color-yellow-50: oklch(0.987 0.026 102.212);
    --color-yellow-100: oklch(0.973 0.071 103.193);
    --color-yellow-200: oklch(0.945 0.129 101.54);
    --color-yellow-300: oklch(0.905 0.182 98.111);
    --color-yellow-400: oklch(0.852 0.199 91.936);
    --color-yellow-500: oklch(0.795 0.184 86.047);
    --color-yellow-600: oklch(0.681 0.162 75.834);
    --color-yellow-700: oklch(0.554 0.135 66.442);
    --color-yellow-800: oklch(0.476 0.114 61.907);
    --color-yellow-900: oklch(0.421 0.095 57.708);
    --color-yellow-950: oklch(0.286 0.066 53.813);

    --color-lime-50: oklch(0.986 0.031 120.757);
    --color-lime-100: oklch(0.967 0.067 122.328);
    --color-lime-200: oklch(0.938 0.127 124.321);
    --color-lime-300: oklch(0.897 0.196 126.665);
    --color-lime-400: oklch(0.841 0.238 128.85);
    --color-lime-500: oklch(0.768 0.233 130.85);
    --color-lime-600: oklch(0.648 0.2 131.684);
    --color-lime-700: oklch(0.532 0.157 131.589);
    --color-lime-800: oklch(0.453 0.124 130.933);
    --color-lime-900: oklch(0.405 0.101 131.063);
    --color-lime-950: oklch(0.274 0.072 132.109);

    --color-green-50: oklch(0.982 0.018 155.826);
    --color-green-100: oklch(0.962 0.044 156.743);
    --color-green-200: oklch(0.925 0.084 155.995);
    --color-green-300: oklch(0.871 0.15 154.449);
    --color-green-400: oklch(0.792 0.209 151.711);
    --color-green-500: oklch(0.723 0.219 149.579);
    --color-green-600: oklch(0.627 0.194 149.214);
    --color-green-700: oklch(0.527 0.154 150.069);
    --color-green-800: oklch(0.448 0.119 151.328);
    --color-green-900: oklch(0.393 0.095 152.535);
    --color-green-950: oklch(0.266 0.065 152.934);

    --color-emerald-50: oklch(0.979 0.021 166.113);
    --color-emerald-100: oklch(0.95 0.052 163.051);
    --color-emerald-200: oklch(0.905 0.093 164.15);
    --color-emerald-300: oklch(0.845 0.143 164.978);
    --color-emerald-400: oklch(0.765 0.177 163.223);
    --color-emerald-500: oklch(0.696 0.17 162.48);
    --color-emerald-600: oklch(0.596 0.145 163.225);
    --color-emerald-700: oklch(0.508 0.118 165.612);
    --color-emerald-800: oklch(0.432 0.095 166.913);
    --color-emerald-900: oklch(0.378 0.077 168.94);
    --color-emerald-950: oklch(0.262 0.051 172.552);

    --color-teal-50: oklch(0.984 0.014 180.72);
    --color-teal-100: oklch(0.953 0.051 180.801);
    --color-teal-200: oklch(0.91 0.096 180.426);
    --color-teal-300: oklch(0.855 0.138 181.071);
    --color-teal-400: oklch(0.777 0.152 181.912);
    --color-teal-500: oklch(0.704 0.14 182.503);
    --color-teal-600: oklch(0.6 0.118 184.704);
    --color-teal-700: oklch(0.511 0.096 186.391);
    --color-teal-800: oklch(0.437 0.078 188.216);
    --color-teal-900: oklch(0.386 0.063 188.416);
    --color-teal-950: oklch(0.277 0.046 192.524);

    --color-cyan-50: oklch(0.984 0.019 200.873);
    --color-cyan-100: oklch(0.956 0.045 203.388);
    --color-cyan-200: oklch(0.917 0.08 205.041);
    --color-cyan-300: oklch(0.865 0.127 207.078);
    --color-cyan-400: oklch(0.789 0.154 211.53);
    --color-cyan-500: oklch(0.715 0.143 215.221);
    --color-cyan-600: oklch(0.609 0.126 221.723);
    --color-cyan-700: oklch(0.52 0.105 223.128);
    --color-cyan-800: oklch(0.45 0.085 224.283);
    --color-cyan-900: oklch(0.398 0.07 227.392);
    --color-cyan-950: oklch(0.302 0.056 229.695);

    --color-sky-50: oklch(0.977 0.013 236.62);
    --color-sky-100: oklch(0.951 0.026 236.824);
    --color-sky-200: oklch(0.901 0.058 230.902);
    --color-sky-300: oklch(0.828 0.111 230.318);
    --color-sky-400: oklch(0.746 0.16 232.661);
    --color-sky-500: oklch(0.685 0.169 237.323);
    --color-sky-600: oklch(0.588 0.158 241.966);
    --color-sky-700: oklch(0.5 0.134 242.749);
    --color-sky-800: oklch(0.443 0.11 240.79);
    --color-sky-900: oklch(0.391 0.09 240.876);
    --color-sky-950: oklch(0.293 0.066 243.157);

    --color-blue-50: oklch(0.97 0.014 254.604);
    --color-blue-100: oklch(0.932 0.032 255.585);
    --color-blue-200: oklch(0.882 0.059 254.128);
    --color-blue-300: oklch(0.809 0.105 251.813);
    --color-blue-400: oklch(0.707 0.165 254.624);
    --color-blue-500: oklch(0.623 0.214 259.815);
    --color-blue-600: oklch(0.546 0.245 262.881);
    --color-blue-700: oklch(0.488 0.243 264.376);
    --color-blue-800: oklch(0.424 0.199 265.638);
    --color-blue-900: oklch(0.379 0.146 265.522);
    --color-blue-950: oklch(0.282 0.091 267.935);

    --color-indigo-50: oklch(0.962 0.018 272.314);
    --color-indigo-100: oklch(0.93 0.034 272.788);
    --color-indigo-200: oklch(0.87 0.065 274.039);
    --color-indigo-300: oklch(0.785 0.115 274.713);
    --color-indigo-400: oklch(0.673 0.182 276.935);
    --color-indigo-500: oklch(0.585 0.233 277.117);
    --color-indigo-600: oklch(0.511 0.262 276.966);
    --color-indigo-700: oklch(0.457 0.24 277.023);
    --color-indigo-800: oklch(0.398 0.195 277.366);
    --color-indigo-900: oklch(0.359 0.144 278.697);
    --color-indigo-950: oklch(0.257 0.09 281.288);

    --color-violet-50: oklch(0.969 0.016 293.756);
    --color-violet-100: oklch(0.943 0.029 294.588);
    --color-violet-200: oklch(0.894 0.057 293.283);
    --color-violet-300: oklch(0.811 0.111 293.571);
    --color-violet-400: oklch(0.702 0.183 293.541);
    --color-violet-500: oklch(0.606 0.25 292.717);
    --color-violet-600: oklch(0.541 0.281 293.009);
    --color-violet-700: oklch(0.491 0.27 292.581);
    --color-violet-800: oklch(0.432 0.232 292.759);
    --color-violet-900: oklch(0.38 0.189 293.745);
    --color-violet-950: oklch(0.283 0.141 291.089);

    --color-purple-50: oklch(0.977 0.014 308.299);
    --color-purple-100: oklch(0.946 0.033 307.174);
    --color-purple-200: oklch(0.902 0.063 306.703);
    --color-purple-300: oklch(0.827 0.119 306.383);
    --color-purple-400: oklch(0.714 0.203 305.504);
    --color-purple-500: oklch(0.627 0.265 303.9);
    --color-purple-600: oklch(0.558 0.288 302.321);
    --color-purple-700: oklch(0.496 0.265 301.924);
    --color-purple-800: oklch(0.438 0.218 303.724);
    --color-purple-900: oklch(0.381 0.176 304.987);
    --color-purple-950: oklch(0.291 0.149 302.717);

    --color-fuchsia-50: oklch(0.977 0.017 320.058);
    --color-fuchsia-100: oklch(0.952 0.037 318.852);
    --color-fuchsia-200: oklch(0.903 0.076 319.62);
    --color-fuchsia-300: oklch(0.833 0.145 321.434);
    --color-fuchsia-400: oklch(0.74 0.238 322.16);
    --color-fuchsia-500: oklch(0.667 0.295 322.15);
    --color-fuchsia-600: oklch(0.591 0.293 322.896);
    --color-fuchsia-700: oklch(0.518 0.253 323.949);
    --color-fuchsia-800: oklch(0.452 0.211 324.591);
    --color-fuchsia-900: oklch(0.401 0.17 325.612);
    --color-fuchsia-950: oklch(0.293 0.136 325.661);

    --color-pink-50: oklch(0.971 0.014 343.198);
    --color-pink-100: oklch(0.948 0.028 342.258);
    --color-pink-200: oklch(0.899 0.061 343.231);
    --color-pink-300: oklch(0.823 0.12 346.018);
    --color-pink-400: oklch(0.718 0.202 349.761);
    --color-pink-500: oklch(0.656 0.241 354.308);
    --color-pink-600: oklch(0.592 0.249 0.584);
    --color-pink-700: oklch(0.525 0.223 3.958);
    --color-pink-800: oklch(0.459 0.187 3.815);
    --color-pink-900: oklch(0.408 0.153 2.432);
    --color-pink-950: oklch(0.284 0.109 3.907);

    --color-rose-50: oklch(0.969 0.015 12.422);
    --color-rose-100: oklch(0.941 0.03 12.58);
    --color-rose-200: oklch(0.892 0.058 10.001);
    --color-rose-300: oklch(0.81 0.117 11.638);
    --color-rose-400: oklch(0.712 0.194 13.428);
    --color-rose-500: oklch(0.645 0.246 16.439);
    --color-rose-600: oklch(0.586 0.253 17.585);
    --color-rose-700: oklch(0.514 0.222 16.935);
    --color-rose-800: oklch(0.455 0.188 13.697);
    --color-rose-900: oklch(0.41 0.159 10.272);
    --color-rose-950: oklch(0.271 0.105 12.094);

    --color-slate-50: oklch(0.984 0.003 247.858);
    --color-slate-100: oklch(0.968 0.007 247.896);
    --color-slate-200: oklch(0.929 0.013 255.508);
    --color-slate-300: oklch(0.869 0.022 252.894);
    --color-slate-400: oklch(0.704 0.04 256.788);
    --color-slate-500: oklch(0.554 0.046 257.417);
    --color-slate-600: oklch(0.446 0.043 257.281);
    --color-slate-700: oklch(0.372 0.044 257.287);
    --color-slate-800: oklch(0.279 0.041 260.031);
    --color-slate-900: oklch(0.208 0.042 265.755);
    --color-slate-950: oklch(0.129 0.042 264.695);

    --color-gray-50: oklch(0.985 0.002 247.839);
    --color-gray-100: oklch(0.967 0.003 264.542);
    --color-gray-200: oklch(0.928 0.006 264.531);
    --color-gray-300: oklch(0.872 0.01 258.338);
    --color-gray-400: oklch(0.707 0.022 261.325);
    --color-gray-500: oklch(0.551 0.027 264.364);
    --color-gray-600: oklch(0.446 0.03 256.802);
    --color-gray-700: oklch(0.373 0.034 259.733);
    --color-gray-800: oklch(0.278 0.033 256.848);
    --color-gray-900: oklch(0.21 0.034 264.665);
    --color-gray-950: oklch(0.13 0.028 261.692);

    --color-zinc-50: oklch(0.985 0 0);
    --color-zinc-100: oklch(0.967 0.001 286.375);
    --color-zinc-200: oklch(0.92 0.004 286.32);
    --color-zinc-300: oklch(0.871 0.006 286.286);
    --color-zinc-400: oklch(0.705 0.015 286.067);
    --color-zinc-500: oklch(0.552 0.016 285.938);
    --color-zinc-600: oklch(0.442 0.017 285.786);
    --color-zinc-700: oklch(0.37 0.013 285.805);
    --color-zinc-800: oklch(0.274 0.006 286.033);
    --color-zinc-900: oklch(0.21 0.006 285.885);
    --color-zinc-950: oklch(0.141 0.005 285.823);

    --color-neutral-50: oklch(0.985 0 0);
    --color-neutral-100: oklch(0.97 0 0);
    --color-neutral-200: oklch(0.922 0 0);
    --color-neutral-300: oklch(0.87 0 0);
    --color-neutral-400: oklch(0.708 0 0);
    --color-neutral-500: oklch(0.556 0 0);
    --color-neutral-600: oklch(0.439 0 0);
    --color-neutral-700: oklch(0.371 0 0);
    --color-neutral-800: oklch(0.269 0 0);
    --color-neutral-900: oklch(0.205 0 0);
    --color-neutral-950: oklch(0.145 0 0);

    --color-stone-50: oklch(0.985 0.001 106.423);
    --color-stone-100: oklch(0.97 0.001 106.424);
    --color-stone-200: oklch(0.923 0.003 48.717);
    --color-stone-300: oklch(0.869 0.005 56.366);
    --color-stone-400: oklch(0.709 0.01 56.259);
    --color-stone-500: oklch(0.553 0.013 58.071);
    --color-stone-600: oklch(0.444 0.011 73.639);
    --color-stone-700: oklch(0.374 0.01 67.558);
    --color-stone-800: oklch(0.268 0.007 34.298);
    --color-stone-900: oklch(0.216 0.006 56.043);
    --color-stone-950: oklch(0.147 0.004 49.25);

    --color-black: #000;
    --color-white: #fff;
}

@layer base {
    :root {
        --color-accent: var(--color-zinc-800);
        --color-accent-content: var(--color-zinc-800);
        --color-accent-foreground: var(--color-white);
    }

    .dark {
        --color-accent: var(--color-white);
        --color-accent-content: var(--color-white);
        --color-accent-foreground: var(--color-zinc-800);
    }
}

*:has(>[data-flux-main]) {
    display: grid;
    grid-area: body;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: min-content minmax(0, 1fr) min-content;
    grid-template-areas:
        "header  header  header"
        "sidebar main    aside"
        "sidebar footer  aside";
}

*:has(>[data-flux-sidebar]+[data-flux-header]) {
    grid-template-areas:
        "sidebar header  header"
        "sidebar main    aside"
        "sidebar footer  aside";
}

/*
Transition dialogs with fade a slight scale effect...
*/
[data-flux-modal] > dialog, [data-flux-modal] > dialog::backdrop {
    opacity: 0;
    transition: all 0.075s allow-discrete;
    & { transform: scale(0.95); }
}

[data-flux-modal] > dialog[data-flux-flyout] { transform: scale(1) var(--fx-flyout-translate, translateX(50px)); }

[data-flux-modal] > dialog[open], [data-flux-modal] > dialog[open]::backdrop {
    opacity: 1;
    transform: translateX(0) scale(1);
    transition: all 0.15s allow-discrete;
}

@starting-style {
    [data-flux-modal] > dialog[open], [data-flux-modal] > dialog[open]::backdrop {
        opacity: 0;
        & { transform: scale(0.95); }
    }
    [data-flux-modal] > dialog[open][data-flux-flyout] { transform: scale(1) var(--fx-flyout-translate, translateX(50px)); }
}

[data-flux-modal] > dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.25);
}

/**
Native select styles...
*/
select[data-flux-select-native] {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 9L12 5L16 9' stroke='%23d4d4d4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 15L12 19L8 15' stroke='%23d4d4d4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

select[data-flux-select-native]:hover:not(:disabled) {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 9L12 5L16 9' stroke='%2327272a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 15L12 19L8 15' stroke='%2327272a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

body.dark select[data-flux-select-native] {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 9L12 5L16 9' stroke='%23A1A1AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 15L12 19L8 15' stroke='%23A1A1AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

body.dark select[data-flux-select-native]:hover:not(:disabled) {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 9L12 5L16 9' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 15L12 19L8 15' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

/**
Toast styles...
*/
ui-toast {
    [popover] {
        opacity: 0;
        transition: all 0.2s allow-discrete;

        & {
            transform: translate(0);
        }
    }

    [popover]:popover-open {
        opacity: 1;
        transform: translate(0);
        transition: all 0.35s allow-discrete;
    }

    @starting-style {
        [popover]:popover-open {
            opacity: 0;

            &[data-position*="top"][data-position*="left"] {
                transform: translateX(-0.5rem);
            }

            &[data-position*="top"][data-position*="right"] {
                transform: translateX(0.5rem);
            }

            &[data-position*="bottom"] {
                transform: translateY(0.5rem);
            }
        }
    }
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

@font-face {
  font-family: GeistSans;
  src: url(/assets/geist-sans.woff2) format("woff2");
  font-display: swap;
  font-weight: 100 900
}

@font-face {
  font-family: GeistSans Fallback;
  src: local("Arial");
  ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%
}

:host,html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: "GeistSans","GeistSans Fallback", sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

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

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

a {
    text-decoration-line: none
}

.snap {
    scroll-snap-align: center
}

.swiper {
    height: 800px;
    width: 100%
}

.button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1));
    border-radius: .25rem;
    border-width: 2px;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem 1rem;
    position: relative;
    text-align: center;
    text-decoration-line: none;
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: all .05s ease-in;
    white-space: nowrap
}

.button,.button:hover {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.button:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    transform: translate(2px,2px)
}

.button:active,.button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.button:active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    left: 1px;
    top: 1px
}

.button.on-black {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1));
    border-color: rgb(255 255 255/var(--tw-border-opacity,1));
    border-width: 1px;
    box-shadow: 3px 3px 0 -1px #191a1b,3px 3px 0 #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.button.on-black:hover {
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored);
    transform: translate(2px,2px)
}

.button.button-white {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    border-width: 2px;
    box-shadow: 3px 3px 0 -1px #fff,3px 3px 0 #fff;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.button.button-white:hover {
    box-shadow: 0 0 0 -1px #fff,0 0 0 #fff;
    transform: translate(3px,3px)
}

.button-lg {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1));
    border-radius: .375rem;
    border-width: 2px;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .5rem 3rem;
    position: relative;
    text-align: center;
    text-decoration-line: none;
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: all .05s ease-in;
    white-space: nowrap
}

.button-lg,.button-lg:hover {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.button-lg:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    transform: translate(2px,2px)
}

.button-lg:active,.button-lg:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.button-lg:active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    left: 1px;
    top: 1px
}

.button-lg.on-black {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1));
    border-color: rgb(255 255 255/var(--tw-border-opacity,1));
    border-width: 1px;
    box-shadow: 5px 5px 0 -1px #191a1b,5px 5px 0 #fff;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.button-lg.on-black:hover {
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored);
    transform: translate(4px,4px)
}

.button-xl {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1));
    border-radius: .375rem;
    border-width: 2px;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding: .5rem 1.5rem;
    position: relative;
    text-align: center;
    text-decoration-line: none;
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: all .05s ease-in;
    white-space: nowrap
}

.button-xl,.button-xl:hover {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.button-xl:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    transform: translate(2px,2px)
}

.button-xl:active,.button-xl:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.button-xl:active {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    left: 1px;
    top: 1px
}

.button-xl.button-white {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    border-width: 2px;
    box-shadow: 3px 3px 0 -1px #fff,3px 3px 0 #fff;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.button-xl.button-white:hover {
    box-shadow: 0 0 0 -1px #fff,0 0 0 #fff;
    transform: translate(3px,3px)
}

.button-xl.button-teal {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(1 215 176/var(--tw-bg-opacity,1));
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    border-width: 2px;
    box-shadow: 3px 3px 0 -1px #01d7b0,3px 3px 0 #01d7b0;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.button-xl.button-teal:hover {
    box-shadow: 0 0 0 -1px #01d7b0,0 0 0 #fff;
    transform: translate(3px,3px)
}

.button-sm {
    --tw-bg-opacity: 1;
    background-color: rgb(239 254 255/var(--tw-bg-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .25rem;
    text-decoration-line: none
}

.button-sm:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1))
}

.hover\:shadow-down {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: all .05s ease-in
}

.hover\:shadow-down:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    position: relative;
    transform: translate(2px,2px)
}

.button-stack {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: 3px 3px 0 -1px #fff,3px 3px 0 #7c67cb;
    color: rgb(74 63 116/var(--tw-text-opacity,1));
    cursor: pointer;
    display: flex;
    /* flex: 1 1 0%; */
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem;
    text-align: center;
    transition-duration: 75ms;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.button-stack:hover {
    background-color: rgba(124,103,203,.05);
    box-shadow: 0 0 0 -1px #fff,0 0 0 #7c67cb;
    transform: translate(3px,3px)
}

.button-stack-yellow:hover {
    /* background-color: rgba(124,103,203,.05); */
    background-color: rgb(253 251 175/var(--tw-bg-opacity,1));
    box-shadow: 0 0 0 -1px #fff,0 0 0 #7c67cb;
    transform: translate(3px,3px)
}

.button-stack:active {
    left: 1px;
    top: 1px
}

button[disabled] {
    cursor: default;
    opacity: .75
}

.btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    border-radius: .375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 400;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .25rem 1rem;
    text-align: center;
    text-decoration-line: none;
    white-space: nowrap
}

.btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity,1))
}

.btn-black {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1));
    border-radius: .375rem;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    text-align: center
}

.btn-black:not([disabled]) {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-black:not([disabled]):hover {
    --tw-translate-y: -2px;
    background-color: rgba(25,26,27,.8);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-black-lg {
    --tw-gradient-from: #334155 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(51,65,85,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: #191a1b var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
    border-radius: .5rem;
    color: rgb(212 255 76/var(--tw-text-opacity,1));
    cursor: pointer;
    display: inline-flex;
    font-size: 1.125rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.75rem;
    padding: 1rem;
    text-align: center;
    text-decoration-line: none
}

@media (min-width: 768px) {
    .btn-black-lg {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

.btn-black-lg:not([disabled]) {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-black-lg:not([disabled]):hover {
    --tw-translate-y: -2px;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color);
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1));
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-red {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(254 202 202/var(--tw-bg-opacity,1));
    border-color: rgb(248 113 113/var(--tw-border-opacity,1));
    border-radius: .375rem;
    border-width: 1px;
    color: rgb(185 28 28/var(--tw-text-opacity,1));
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .25rem 1rem;
    text-align: center
}

.btn-red:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165/var(--tw-bg-opacity,1))
}

.btn-purple {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    background-color: rgb(124 103 203/var(--tw-bg-opacity,1));
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    line-height: 1.25rem;
    /* padding: .25rem 1rem; */
    text-align: center;
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-purple:hover {
    background-color: rgba(124,103,203,.9);
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity,1))
}

.btn-purple:not([disabled]) {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-purple:not([disabled]):hover {
    --tw-translate-y: -1px;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}


.btn-hollow {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(156 163 175/var(--tw-border-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    display: inline-flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    /* padding: .5rem 1rem; */
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-hollow:hover {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity,1))
}

@media (min-width: 768px) {
    .btn-hollow {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

.btn-hollow:not([disabled]) {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-hollow:not([disabled]):hover {
    --tw-translate-y: -1px;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-hollow-lg {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: hsla(0,0%,100%,.2) var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity,1));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding: 1rem 2.5rem
}

.btn-hollow-lg:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(24 24 27/var(--tw-ring-opacity,1))
}

.btn-hollow-lg:not([disabled]) {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.btn-hollow-lg:not([disabled]):hover {
    --tw-translate-y: -2px;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    background-color: hsla(0,0%,100%,.2);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-lg {
    font-size: 1.125rem;
    height: 3.5rem;
    line-height: 1.75rem;
    padding: 1rem 3rem
}

.btn-sm {
    font-size: .75rem;
    height: auto;
    line-height: 1rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    position: relative;
    z-index: 10
}

.pagination .page-link {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgba(124,103,203,.4);
    border-radius: .125rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    color: rgb(74 85 104/var(--tw-text-opacity,1));
    display: block;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    padding: .25rem .5rem
}

.pagination a:hover {
    background-color: rgba(124,103,203,.2)
}

.pagination a:active,.pagination a:hover {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.pagination a:active {
    background-color: rgba(124,103,203,.3);
    position: relative;
    top: 1px
}

.pagination .active .page-link {
    background-color: rgba(124,103,203,.4)
}

.media-embed,.video-embed {
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-bottom: 2rem;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.media-embed embed,.media-embed iframe,.media-embed object,.video-embed embed,.video-embed iframe,.video-embed object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.highlight {
    background-image: linear-gradient(-100deg,hsla(58,92%,75%,.3),hsla(58,92%,75%,.7) 95%,hsla(58,92%,75%,.1));
    border-radius: 1em 0;
    margin: 0 -.35em;
    padding: 0 .35em
}

.tooltip {
    z-index: 100
}

.tooltip .tooltip-inner {
    --tw-text-opacity: 1;
    background-color: rgba(25,26,27,.9);
    border-radius: .125rem;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem .5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.border-soft-pink {
    border: 12px solid rgba(255,38,158,.28);
    box-shadow: 0 2px 36px 5px rgba(0,0,0,.06)
}

.border-soft {
    border: 5px solid rgba(24,26,27,.29);
    box-shadow: 0 -1px 5px rgba(0,0,0,.07)
}

.mark,mark {
    --tw-rotate: -1deg;
    --tw-bg-opacity: 1;
    background-color: rgb(212 255 76/var(--tw-bg-opacity,1));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 8px 6px 7px -9px rgba(86,104,31,.8);
    display: inline-block;
    font-weight: 500;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

.mark,.mark:nth-child(2),mark,mark:nth-child(2) {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.mark:nth-child(2),mark:nth-child(2) {
    --tw-rotate: 1deg
}

.mark:nth-child(3),mark:nth-child(3) {
    --tw-rotate: 0deg
}

.mark:nth-child(3),.mark:nth-child(4),mark:nth-child(3),mark:nth-child(4) {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.mark:nth-child(4),mark:nth-child(4) {
    --tw-rotate: 1deg
}

@keyframes scale-up {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.appear {
    animation: scale-up .25s linear forwards
}

.hover-within\:underline-grow a,.hover\:underline-grow {
    position: relative
}

.hover-within\:underline-grow a:after,.hover\:underline-grow:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    content: "";
    display: block;
    height: 1px;
    margin-top: 2px;
    position: absolute;
    right: 0;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
    width: 0
}

.hover-within\:underline-grow a:hover:after,.hover\:underline-grow:hover:after {
    background: #fff;
    left: 0;
    width: 100%
}

.rad-list {
    list-style: none;
    padding-left: 1.5rem
}

.rad-list li {
    position: relative
}

.rad-list li:before {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1));
    content: url(/assets/images/bullet.svg);
    font-weight: 400;
    left: -20px;
    position: absolute;
    top: -2px
}

.update-label {
    --tw-bg-opacity: 1;
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1));
    border-radius: .125rem;
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem;
    padding: 1px .25rem;
    text-align: center;
    width: 2.5rem
}

.table-simple thead {
    text-align: left;
    width: 100%
}

.table-simple thead th {
    padding: .5rem 1rem
}

.table-simple tbody th {
    --tw-bg-opacity: 1;
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1));
    border-right-width: 1px;
    font-size: .75rem;
    line-height: 1rem;
    padding: 1rem;
    text-align: left
}

.table-simple tbody td {
    padding: 1rem;
    width: 33.333333%
}

.table-simple tbody tr td:not(:last-child) {
    border-right-width: 1px
}

.table-simple tbody tr:not(:last-child) td,.table-simple tbody tr:not(:last-child) th {
    border-bottom-width: 1px
}

.underlined {
    position: relative
}

.underlined:after {
    background-image: url(/static/images/underline.svg);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -.35rem;
    content: "";
    height: .4rem;
    left: -.3rem;
    position: absolute;
    right: -.3rem;
    z-index: -1
}

p>.underlined {
    font-weight: 400
}

p>.underlined:after {
    bottom: -.3rem;
    height: .3rem;
    left: -.15rem;
    right: -.25rem
}

.select-custom {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/assets/images/chevron-down.svg) no-repeat 93% transparent;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: 3px 3px 0 -1px #fff,3px 3px 0 #7c67cb;
    color: rgb(74 63 116/var(--tw-text-opacity,1));
    display: flex;
    font-weight: 600;
    gap: .5rem;
    height: 2.25rem;
    padding: .375rem 1.5rem .375rem .75rem
}

.bubble,.select-custom {
    font-size: .875rem;
    line-height: 1.25rem
}

.bubble {
    border-radius: .375rem;
    font-weight: 700;
    padding: .75rem;
    position: relative;
    width: 200px;
    z-index: 10
}

.bubble,.bubble:before {
    background: #ffffd0
}

.bubble:before {
    bottom: -23px;
    clip-path: polygon(50% 0,0 0,50% 100%);
    content: "";
    display: inline-block;
    height: 24px;
    left: calc(50% + .5rem);
    position: absolute;
    width: 30px
}

.clippy-flash-container {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem;
    position: fixed;
    right: 0;
    z-index: 9999
}

.slide-fade-enter-active {
    transition: all .3s ease
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(.7,0,.84,0)
}

.slide-fade-enter,.slide-fade-leave-to {
    opacity: 0;
    transform: translateX(10px)
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1280px) {
    .wrapper {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 1536px) {
    .wrapper {
        max-width:80rem
    }
}

.bg-mesh {
    background-image: url(/assets/images/bg-pretty-mesh-gradient.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.card {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgba(124,103,203,.4);
    border-radius: .75rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.card-form {
    display: flex;
    flex-direction: column
}

.card-form>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    --tw-divide-opacity: 1;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-color: rgb(203 213 224/var(--tw-divide-opacity,1));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.card-form {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-color: rgba(124,103,203,.4);
    border-radius: .75rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.card footer,.card-form footer {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity,1));
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    border-top-width: 1px;
    display: flex;
    justify-content: flex-end;
    padding: .5rem 1.5rem
}

.dropdown a,.dropdown button {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
    line-height: 1.25rem;
    padding: .625rem 1rem;
    text-align: left;
    width: 100%
}

.dropdown a:first-of-type,.dropdown button:first-of-type {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.dropdown a:last-of-type,.dropdown button:last-of-type {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.dropdown a:hover,.dropdown button:hover {
    background-color: rgba(124,103,203,.05)
}

.dropdown a:disabled,.dropdown button:disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity,1))
}

.pill {
    --tw-border-opacity: 1;
    border-color: rgb(160 174 192/var(--tw-border-opacity,1));
    border-radius: 9999px;
    border-width: 1px;
    color: rgb(113 128 150/var(--tw-text-opacity,1));
    margin-right: .5rem
}

.pill,.pill-purple {
    --tw-text-opacity: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .125rem .625rem
}

.pill-purple {
    background-color: rgba(124,103,203,.2);
    border-radius: 9999px;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    .checkout-area {
        display:grid;
        grid-template-areas: "main order-summary";
        grid-template-columns: minmax(min-content,calc(50% + 7rem)) 1fr
    }

    .checkout-area .main {
        display: flex;
        grid-area: main;
        justify-content: flex-end
    }

    .checkout-area .order-summary {
        grid-area: order-summary;
        min-height: calc(100vh - 81px)
    }
}

.marketplace-install-input input {
    --tw-border-opacity: 1;
    --tw-shadow: inset 0 2px 0 0 #dbd7ea;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
    background-color: transparent;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1));
    border-radius: 0;
    border-radius: .25rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    font-size: .75rem;
    line-height: 1rem
}

.marketplace-install-input svg {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.flux-database-table [data-flux-rows]>:not([hidden])~:not([hidden]) {
    border-color: transparent
}

.flux-database-table [data-flux-column] {
    --tw-text-opacity: 1;
    color: rgb(94 90 90/var(--tw-text-opacity,1));
    font-weight: 400;
    padding-top: 1.25rem
}

.flux-database-table [data-flux-column]:first-child {
    padding-left: 1.5rem
}

.flux-database-table [data-flux-column]:last-child {
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .flux-database-table [data-flux-column] {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.flux-database-table [data-flux-cell] {
    --tw-text-opacity: 1;
    color: rgb(94 90 90/var(--tw-text-opacity,1));
    padding-bottom: .375rem;
    padding-top: .375rem
}

.flux-database-table [data-flux-cell]:first-child {
    padding-left: 1.5rem
}

.flux-database-table [data-flux-cell]:last-child {
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .flux-database-table [data-flux-cell] {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.flux-database-table [data-flux-row]:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 248 247/var(--tw-bg-opacity,1))
}

.flux-database-table [data-flux-row].highlighted {
    background-color: rgba(124,103,203,.1)
}

.flux-database-table [data-flux-row].highlighted>[data-flux-cell] {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-weight: 400
}

.flux-database-table [data-flux-table-sortable]:hover {
    background-color: transparent
}

.splide__arrow,.splide__pagination {
    display: none
}

.bg-itchy {
    background-image: url(/assets/images/itchy.svg);
    background-size: 180px
}

.bg-scratchy {
    background-image: url(/assets/images/scratchy.svg);
    background-size: 180px
}

.bg-wave {
    background-image: url(/assets/images/wave.svg)
}

.bg-curly,.bg-wave {
    background-size: 180px
}

.bg-curly {
    background-image: url(/assets/images/curly.svg)
}

.bg-tiger {
    background-image: url(/assets/images/tiger.svg);
    background-size: 180px
}

.bg-leopard {
    background-image: url(/assets/images/leopard.svg);
    background-size: 180px
}

.bg-zig-zag {
    background-image: url(/assets/images/zig-zag.svg)
}

.bg-rain,.bg-zig-zag {
    background-size: 180px
}

.bg-rain {
    background-image: url(/assets/images/rain.svg)
}

.bg-lines {
    background-image: url(/assets/images/lines.svg)
}

.bg-dots,.bg-lines {
    background-size: 180px
}

.bg-dots {
    background-image: url(/assets/images/polka-hits.svg)
}

.bg-checks {
    background-image: url(/assets/images/pass-the-check.svg);
    background-size: 180px
}

.bg-aerobics {
    background: url(/assets/images/aerobics.svg)
}

.bg-beuller {
    background: url(/assets/images/beuller.svg)
}

.bg-miami {
    background: url(/assets/images/miami.svg);
    background-size: 360px
}

.bg-splatter {
    background: #fff url(/assets/images/splatter.jpg) top;
    background-size: 1132px 1014px
}

.bg-splatter-x {
    background: #fff url(/assets/images/splatter-x.png) top no-repeat;
    background-size: 1280px
}

body.bg-splatter-y {
    background: url(/assets/images/splatter-y-r.png) 100% 0 repeat-y;
    background-size: 73px 629.5px
}

body.bg-splatter-y #app {
    background: url(/assets/images/splatter-y.png) 0 0 repeat-y;
    background-size: 139px 1216.5px
}

.bg-paper-tear {
    background: transparent url(/assets/images/paper-tear.png) top repeat-x;
    background-size: 1280px;
    height: 182px;
    width: 100%
}

.bg-paper-tear-new {
    height: 200px
}

.bg-paper-tear-new,.bg-paper-tear-sm {
    background: transparent url(/assets/images/paper-tear-sm.webp) top repeat-x;
    background-size: 1280px;
    width: 100%
}

.bg-paper-tear-sm {
    height: 165px
}

.bg-grid {
    background: url(/assets/images/grid-lines.svg) top repeat;
    background-size: 1280px
}

.bg-checkerboard-light {
    background-color: #fff;
    background-image: linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6),linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6)
}

.bg-checkerboard-dark,.bg-checkerboard-light {
    background-position: 0 0,30px 30px;
    background-size: 20px 20px
}

.bg-checkerboard-dark {
    background-color: transparent;
    background-image: linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15)),linear-gradient(45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15))
}

.bg-laracasts {
    background-color: #151f32;
    background-image: url(/assets/images/laracasts-gradient.svg);
    background-repeat: no-repeat;
    background-size: 55%;
    color: #fff
}

.boombox,.boombox--body {
    position: relative
}

.boombox--body {
    height: 180px;
    width: 350px
}

.boombox--body-lines,.boombox--body-lines-one {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.boombox--body-lines-one {
    background-color: #ff0;
    border-bottom-left-radius: 11px 72px;
    border-bottom-right-radius: 15px 46px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 15px 46px;
    border-top-right-radius: 11px 72px;
    border-width: 2px 1px 1px 2px
}

.boombox--body-lines-one:before {
    border: 1px solid #161616;
    border-bottom-left-radius: 3px 58px;
    border-bottom-right-radius: 4px 28px;
    border-top-left-radius: 5px 27px;
    border-top-right-radius: 6px 6px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 2px;
    top: 1px
}

.boombox--body-lines-one:after {
    border: 1px solid #161616;
    border-bottom-left-radius: 9px 59px;
    border-bottom-right-radius: 10px 10px;
    border-top-left-radius: 6px 17px;
    border-top-right-radius: 32px 13px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 1px
}

.boombox--body-lines-two {
    border-bottom-left-radius: 11px 72px;
    border-bottom-right-radius: 15px 46px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 14px 39px;
    border-top-right-radius: 11px 72px;
    border-width: 1px 2px 2px 1px;
    bottom: 0;
    left: -2px;
    position: absolute;
    right: -3px;
    top: 3px;
    transform: rotate(1deg)
}

.boombox--body-buttons {
    align-items: center;
    border: 1px solid #161616;
    border-bottom-right-radius: 6px 59px;
    display: flex;
    height: 40px;
    justify-content: space-around;
    left: 50%;
    transform: translateX(-50%);
    width: 68%
}

.boombox--body-buttons,.boombox--body-buttons:after {
    border-bottom-left-radius: 9px 96px;
    position: absolute;
    top: 0
}

.boombox--body-buttons:after {
    border: solid #161616;
    border-bottom-right-radius: 0 59px;
    border-width: 1px 1px 2px;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    transform: translateY(3px) rotate(-10deg) skew(-14deg,10deg)
}

.boombox--body-buttons-top {
    height: 20px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%)
}

.boombox--body-buttons-top-right-button {
    background-color: #161616;
    border: 2px solid #161616;
    border-bottom: none;
    border-radius: 100%;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 5%;
    transform: translateY(4px) skew(-25deg,10deg);
    width: 10px
}

.boombox--body-buttons-top-left-buttons {
    bottom: 0;
    left: 5%;
    position: absolute
}

.boombox--body-buttons-top-left-buttons .top-left-button {
    background-color: #161616;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 10px
}

.boombox--body-buttons-top-left-buttons .top-left-button-1 {
    border-top-left-radius: 17px 104px;
    border-top-right-radius: 23px 47px;
    height: 8.5px;
    width: 7px
}

.boombox--body-buttons-top-left-buttons .top-left-button-2 {
    height: 6px;
    left: 6px;
    width: 7px
}

.boombox--body-buttons-top-left-buttons .top-left-button-3 {
    border-top-left-radius: 10px 71px;
    border-top-right-radius: 24px 81px;
    height: 9px;
    left: 23px;
    transform: skew(-6deg,0deg);
    width: 30px
}

.boombox--body-buttons-top-left-buttons .top-left-button-4 {
    height: 6px;
    left: 55px;
    width: 7px
}

.boombox--body-buttons-button {
    align-items: center;
    border: 1px solid #161616;
    border-bottom-left-radius: 21px 96px;
    border-bottom-right-radius: 19px 48px;
    border-top-left-radius: 28px 62px;
    border-top-right-radius: 22px 90px;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-top: 10px;
    position: relative;
    width: 30px;
    z-index: 1
}

.boombox--body-buttons-button:before {
    border-top: 1px dashed #161616;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -5px
}

.boombox--body-buttons-button:after {
    border: 1px solid #161616;
    border-bottom-left-radius: 15px 79px;
    border-bottom-right-radius: 10px 84px;
    border-top-left-radius: 37px 77px;
    border-top-right-radius: 1px 101px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.boombox--body-buttons-button:active {
    top: 1px
}

.boombox--body-buttons-button-2 {
    transform: translate(0) rotate(-4deg) skew(-6deg,5deg)
}

.boombox--body-buttons-button-3 {
    transform: translateX(1px) rotate(-10deg) skew(-7deg,9deg)
}

.boombox--body-buttons-button-4 {
    transform: translateY(-1px) rotate(168deg) skew(-14deg,10deg)
}

.boombox--body-buttons-button-4:before {
    bottom: -5px;
    top: unset
}

.boombox--body-buttons-button-5 {
    transform: translate(-2px,-1px) rotate(171deg) skew(-8deg,10deg)
}

.boombox--body-buttons-button-5:before {
    bottom: -5px;
    top: unset
}

.boombox--body-buttons-square {
    background-color: #161616;
    height: 10px;
    width: 10px
}

.boombox--body-buttons-triangle {
    border-color: transparent transparent transparent #161616;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    height: 0;
    width: 0
}

.boombox--body-buttons-rectangle {
    background-color: #161616;
    height: 10px;
    width: 5px
}

.boombox--body-right-button {
    background-color: #161616;
    border-bottom-left-radius: 69px 46px;
    border-bottom-right-radius: 28px 66px;
    border-top-left-radius: 4px 20px;
    border-top-right-radius: 23px 57px;
    height: 35%;
    position: absolute;
    right: -4px;
    top: 15%;
    width: 5.5px
}

.boombox--body-right-button:after {
    background-color: #161616;
    content: "";
    height: 30%;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px
}

.boombox--body-small-music-column {
    border: 2px solid #161616;
    border-bottom-left-radius: 92px 72px;
    border-bottom-right-radius: 92px 129px;
    border-top-left-radius: 116px 118px;
    border-top-right-radius: 77px 93px;
    height: 20px;
    position: absolute;
    top: 20%;
    width: 20px
}

.boombox--body-small-music-column:before {
    border: 1px solid #161616;
    border-bottom-left-radius: 163px 139px;
    border-bottom-right-radius: 143px 143px;
    border-top-left-radius: 103px 132px;
    border-top-right-radius: 152px 123px;
    content: "";
    height: 70%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%
}

.boombox--body-small-music-column:after {
    border: 1px solid #161616;
    border-bottom-left-radius: 163px 139px;
    border-bottom-right-radius: 109px 143px;
    border-top-left-radius: 172px 143px;
    border-top-right-radius: 92px 125px;
    content: "";
    height: 30%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 30%
}

.boombox--body-small-music-column-left {
    left: 15px
}

.boombox--body-small-music-column-right {
    right: 15px;
    transform: rotate(69deg) skew(-13deg,16deg)
}

.boombox--body-big-music-column {
    background-color: #ff0;
    border: 2px solid #161616;
    border-bottom-left-radius: 101px 127px;
    border-bottom-right-radius: 116px 109px;
    border-top-left-radius: 138px 128px;
    border-top-right-radius: 105px 108px;
    height: 100px;
    position: absolute;
    top: 33%;
    width: 100px;
    z-index: 2
}

.boombox--body-big-music-column:before {
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 2px,#161616 0,#161616 4px),repeating-linear-gradient(45deg,transparent,transparent 2px,#161616 0,#161616 4px);
    border: 1px solid #161616;
    border-bottom-left-radius: 163px 139px;
    border-bottom-right-radius: 143px 143px;
    border-top-left-radius: 103px 132px;
    border-top-right-radius: 152px 123px;
    content: "";
    height: 40%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40%
}

.boombox--body-big-music-column:after {
    border: 1px solid #161616;
    border-bottom-left-radius: 163px 139px;
    border-bottom-right-radius: 109px 143px;
    border-top-left-radius: 172px 143px;
    border-top-right-radius: 92px 125px;
    content: "";
    height: 90%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%
}

.boombox--body-big-music-column-left {
    left: 10px
}

.boombox--body-big-music-column-right {
    --class-transform: skew(-1deg,3deg);
    --class-transform-rotate: -74deg;
    right: 10px;
    transform: var(--class-transform) rotate(var(--class-transform-rotate))
}

.boombox--body-big-music-column-connector {
    border: 1px solid #161616;
    bottom: 18%;
    left: 15%;
    position: absolute;
    right: 15%;
    transform: rotate(-11deg) skew(-10deg,10deg);
    z-index: 1
}

.boombox--body-big-music-column-connector:before {
    left: 0
}

.boombox--body-big-music-column-connector:after,.boombox--body-big-music-column-connector:before {
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 2px,#161616 0,#161616 3px);
    content: "";
    height: 5px;
    position: absolute;
    top: 0;
    width: 40%
}

.boombox--body-big-music-column-connector:after {
    right: 0
}

.boombox--body-triangle {
    bottom: 10px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    width: 15px
}

.boombox--body-triangle-left {
    background-image: repeating-linear-gradient(45deg,transparent,transparent 1px,#161616 2px,#161616 3px);
    left: 10px
}

.boombox--body-triangle-left:after {
    background-color: #ff0;
    bottom: 0;
    content: "";
    left: -7px;
    position: absolute;
    right: -3px;
    top: 0;
    transform: translate(44%,-24%) rotate(45deg)
}

.boombox--body-triangle-right {
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 1px,#161616 2px,#161616 3px);
    right: 10px
}

.boombox--body-triangle-right:after {
    background-color: #ff0;
    bottom: 0;
    content: "";
    left: -3px;
    position: absolute;
    right: -7px;
    top: 0;
    transform: translate(-46%,-20%) rotate(-45deg)
}

.boombox--body-cassette {
    background-image: repeating-linear-gradient(90deg,transparent,transparent 1px,#161616 2px,#161616 5px);
    border: 2px solid #161616;
    border-bottom-left-radius: 10px 38px;
    border-bottom-right-radius: 3px 41px;
    border-top-left-radius: 8px 27px;
    border-top-right-radius: 3px 52px;
    height: 60%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 50%
}

.boombox--body-cassette:before {
    left: 27%;
    transform: translate(-50%,-50%)
}

.boombox--body-cassette:after,.boombox--body-cassette:before {
    background-color: #ff0;
    border: 2px solid #161616;
    border-bottom-left-radius: 92px 72px;
    border-bottom-right-radius: 92px 129px;
    border-top-left-radius: 116px 118px;
    border-top-right-radius: 77px 93px;
    content: "";
    height: 7px;
    position: absolute;
    top: 50%;
    width: 7px
}

.boombox--body-cassette:after {
    right: 27%;
    transform: translate(50%,-50%)
}

.boombox--body-cassette-place {
    border-bottom-left-radius: 4px 79px;
    border-bottom-right-radius: 12px 60px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 15px 63px;
    border-top-right-radius: 10px 58px;
    border-width: 2px 1px 1px 2px;
    height: 50px;
    position: relative
}

.boombox--body-cassette-place:after {
    border-bottom-left-radius: 13px 90px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 13px 103px;
    border-top-right-radius: 29px 100px;
    border-width: 1px 2px 2px 1px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0) rotate(-7deg) skew(-11deg,5deg)
}

.boombox--body-cassette-wrapper {
    left: 50%;
    position: absolute;
    top: 41px;
    transform: translateX(-50%);
    width: 28%
}

.boombox--body-cassette-music-regulator {
    background-color: #161616;
    border-top-left-radius: 5px 2px;
    border-top-right-radius: 5px 5px;
    height: 80%;
    position: absolute;
    top: 5px;
    width: 10%
}

.boombox--body-cassette-music-regulator-left {
    left: 7px
}

.boombox--body-cassette-music-regulator-left:before {
    background-color: #ff0;
    border: 2px solid #161616;
    border-top-left-radius: 75px 99px;
    height: 12px;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
    width: 12px
}

.boombox--body-cassette-music-regulator-left:after,.boombox--body-cassette-music-regulator-left:before {
    border-bottom-left-radius: 135px 101px;
    border-bottom-right-radius: 62px 112px;
    border-top-right-radius: 132px 122px;
    content: "";
    position: absolute
}

.boombox--body-cassette-music-regulator-left:after {
    background-color: #161616;
    bottom: 0;
    height: 17%;
    left: 0;
    transform: skew(-12deg,8deg) rotate(-9deg);
    width: 300%
}

.boombox--body-cassette-music-regulator-right {
    right: 7px
}

.boombox--body-cassette-music-regulator-right:before {
    background-color: #ff0;
    border: 2px solid #161616;
    border-top-left-radius: 75px 99px;
    height: 12px;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
    transform: translate(-50%,-50%) rotate(-32deg) skew(-26deg,15deg);
    width: 12px
}

.boombox--body-cassette-music-regulator-right:after,.boombox--body-cassette-music-regulator-right:before {
    border-bottom-left-radius: 135px 101px;
    border-bottom-right-radius: 62px 112px;
    border-top-right-radius: 132px 122px;
    content: "";
    position: absolute
}

.boombox--body-cassette-music-regulator-right:after {
    background-color: #161616;
    bottom: 0;
    height: 17%;
    right: 0;
    transform: skew(-12deg,8deg) rotate(-9deg);
    width: 300%
}

.boombox--body-cassette-display {
    border: 1px solid #161616;
    border-bottom-left-radius: 92px 72px;
    border-bottom-right-radius: 92px 129px;
    border-top-left-radius: 116px 118px;
    border-top-right-radius: 77px 93px;
    bottom: 10%;
    height: 10%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 13%
}

.boombox--body-music-label {
    font-size: 11px;
    font-weight: 600
}

.boombox--body-music-button {
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 1px,#161616 2px,#161616 3px);
    border: 1px solid #161616;
    border-bottom-left-radius: 16px 62px;
    border-bottom-right-radius: 23px 38px;
    border-top-left-radius: 32px 40px;
    border-top-right-radius: 24px 42px;
    height: 20%;
    transform: skew(-2deg,-2deg);
    width: 23%
}

.boombox--body-music-place {
    align-items: center;
    border-bottom-left-radius: 4px 79px;
    border-bottom-right-radius: 12px 60px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 15px 63px;
    border-top-right-radius: 10px 58px;
    border-width: 2px 1px 1px 2px;
    display: flex;
    height: 35px;
    justify-content: center;
    position: relative;
    transform: translate(1px) skew(4deg,0deg)
}

.boombox--body-music-place:before {
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 1px,#161616 2px,#161616 3px);
    bottom: 0;
    content: "";
    height: 15%;
    left: 0;
    position: absolute;
    right: 0
}

.boombox--body-music-place:after {
    border-bottom-left-radius: 13px 90px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 13px 103px;
    border-top-right-radius: 29px 100px;
    border-width: 1px 2px 2px 1px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(177deg) skew(-10deg,4deg)
}

.boombox--body-music-wrapper {
    left: 50%;
    position: absolute;
    top: 92px;
    transform: translateX(-50%);
    width: 22%
}

.boombox--body-power-button {
    background-color: #161616;
    border-bottom-left-radius: 44px 109px;
    border-top-left-radius: 129px 67px;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%
}

.boombox--body-power-button-wrapper {
    border-bottom-left-radius: 210px 147px;
    border-bottom-right-radius: 210px 163px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 120px 190px;
    border-top-right-radius: 122px 105px;
    border-width: 2px 1px 1px 2px;
    bottom: 10px;
    height: 12px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: 14%
}

.boombox--body-power-button-wrapper:before {
    border: 1px solid #161616;
    border-bottom-left-radius: 210px 147px;
    border-bottom-right-radius: 210px 163px;
    border-top-left-radius: 58px 173px;
    border-top-right-radius: 46px 68px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0) rotate(183deg) skew(-8deg,-4deg)
}

.boombox--body-power-button-wrapper:after {
    border-top: 2px dashed #161616;
    content: "";
    left: 25%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-9deg) skew(-17deg,7deg);
    width: 40%
}

.boombox--grip {
    background-color: #ff0;
    border: 2px solid #161616;
    border-bottom: none;
    border-top-left-radius: 9px 58px;
    border-top-right-radius: 6px 72px;
    clip-path: polygon(-10% -200%,150% -1%,185% 135%,85% 144%,76% 125%,98% 97%,98% 59%,97% 19%,97% 27%,89% 21%,90% 16%,90% 30%,11% 41%,11% 26%,4% 28%,3% 44%,2% 99%,15% 121%,17% 294%,-24% 294%,-24% 133%,0 100%);
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 80%;
    z-index: 1
}

.boombox--grip:before {
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 25px 69px;
    border-top-right-radius: 16px 48px;
    border-width: 3px 4px 2px 2px;
    bottom: 0;
    content: "";
    left: 1px;
    position: absolute;
    right: 0;
    top: 2.5px
}

.boombox--grip-rubber {
    background-color: #ff0;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 2px,#161616 0,#161616 4px);
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateY(-40%) translateX(-50%);
    width: 80%
}

.boombox--grip-rubber-top-left {
    border-bottom-left-radius: 29px 59px;
    border-bottom-right-radius: 31px 51px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 40px 80px;
    border-top-right-radius: 33px 98px;
    border-width: 2px 1px 5px 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.boombox--grip-rubber-top-left:before {
    border-bottom-left-radius: 21px 59px;
    border-bottom-right-radius: 28px 62px;
    border-color: #161616;
    border-style: solid;
    border-top-left-radius: 27px 63px;
    border-top-right-radius: 21px 111px;
    border-width: 2px 1px 1px 2px;
    bottom: -2px;
    content: "";
    left: 1px;
    position: absolute;
    right: 0;
    top: -1px;
    transform: translate(-3px,-1px) rotate(-11deg) skew(1deg,10deg)
}

.boombox--grip-bracing {
    background-color: #ff0;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 1px,#161616 0,#161616 2px);
    border: 1px solid #161616;
    border-bottom-left-radius: 23px 73px;
    border-bottom-right-radius: 41px 84px;
    border-top-left-radius: 43px 53px;
    border-top-right-radius: 28px 55px;
    height: 10px;
    position: absolute;
    width: 22px
}

.boombox--grip-bracing:before {
    border: 1px solid #161616;
    border-bottom-left-radius: 33px 134px;
    border-bottom-right-radius: 62px 84px;
    border-top-left-radius: 57px 53px;
    border-top-right-radius: 19px 113px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0) rotate(-8deg) skew(-20deg,10deg)
}

.boombox--grip-bracing-left {
    border-left-width: 2px;
    bottom: 0;
    left: 0;
    transform: translate(-50%,calc(100% + 2px))
}

.boombox--grip-bracing-right {
    border-left-width: 2px;
    bottom: 0;
    right: 0;
    transform: translate(50%,100%) rotate(177deg)
}

.daterange {
    position: relative
}

.daterange * {
    box-sizing: border-box
}

.daterange div,.daterange li,.daterange span,.daterange ul {
    border: 0;
    margin: 0;
    padding: 0
}

.daterange ul {
    list-style: none
}

.daterange.dr-active {
    z-index: 10
}

.daterange .dr-input {
    background-color: #fff;
    border: 1px solid #c3cacd;
    border-radius: 5px;
    display: flex;
    height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.daterange .dr-input:hover {
    border-color: #2693d5
}

.daterange .dr-input.dr-active {
    border-color: #2693d5;
    box-shadow: 0 0 0 3px rgba(38,147,213,.3)
}

.daterange .dr-input .dr-dates {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    min-width: calc(100% - 35px);
    padding: 0 1.5rem 0 .75rem
}

.daterange .dr-input .dr-dates .dr-date {
    font-size: .9375rem;
    outline: 0;
    overflow: hidden;
    padding: .65625rem 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.daterange .dr-input .dr-dates .dr-date.dr-active,.daterange .dr-input .dr-dates .dr-date:focus,.daterange .dr-input .dr-dates .dr-date:hover {
    color: #2693d5
}

.daterange .dr-input .dr-dates .dr-date:empty:after {
    color: #9ba3a7;
    content: attr(placeholder)
}

.daterange .dr-input .dr-dates .dr-dates-dash {
    color: #9ba3a7;
    flex-grow: 0;
    font-weight: 600;
    padding: 0 10px
}

.daterange .dr-input .dr-presets {
    align-items: flex-start;
    border-left: 1px solid #c3cacd;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 2.1875rem
}

.daterange .dr-input .dr-presets.dr-active,.daterange .dr-input .dr-presets:hover {
    border-color: #2693d5;
    box-shadow: inset 0 2px 3px #ebf1f4
}

.daterange .dr-input .dr-presets.dr-active .dr-preset-bar,.daterange .dr-input .dr-presets:hover .dr-preset-bar {
    background-color: #2693d5
}

.daterange .dr-input .dr-presets .dr-preset-bar {
    background-color: #c3cacd;
    height: 2px;
    margin: 1px 0 1px 25%
}

.daterange .dr-input .dr-presets .dr-preset-bar:first-child {
    width: 50%
}

.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(2) {
    width: 40%
}

.daterange .dr-input .dr-presets .dr-preset-bar:nth-child(3) {
    width: 30%
}

.daterange .dr-selections {
    position: absolute
}

.daterange .dr-selections .dr-calendar {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #c3cacd;
    font-size: .9375rem;
    left: 4px;
    min-width: 210px;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    top: -5px;
    transition: width .2s;
    z-index: 4
}

.daterange .dr-selections .dr-calendar .dr-range-switcher {
    display: flex;
    font-size: .875rem;
    justify-content: space-between;
    padding: .375rem .5rem
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
    align-items: center;
    border: 1px solid hsla(198,9%,78%,.5);
    border-radius: 5px;
    display: flex;
    height: 1.5625rem;
    justify-content: space-between
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i {
    color: #c3cacd;
    cursor: pointer;
    font-size: .75rem;
    height: 100%;
    position: relative;
    top: -1px;
    width: 20px
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:after,.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:hover:before {
    background-color: #2693d5
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-disabled {
    opacity: 0;
    pointer-events: none
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:after,.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i:before {
    background-color: #c3cacd;
    border-radius: 1px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 7px
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:before {
    top: calc(50% - 2px);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left:after {
    top: calc(50% + 2px);
    transform: translate(-50%,-50%) rotate(45deg)
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:before {
    top: calc(50% - 2px);
    transform: translate(-50%,-50%) rotate(45deg)
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right:after {
    top: calc(50% + 2px);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher {
    margin-right: .375rem;
    width: 100%
}

.daterange .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher {
    min-width: 80px
}

.daterange .dr-selections .dr-calendar .dr-days-of-week-list {
    background-color: #ebf1f4;
    border: 1px solid hsla(198,9%,78%,.5);
    border-left: none;
    border-right: none;
    color: #9ba3a7;
    display: flex;
    font-size: .625rem;
    padding: .3125rem 0
}

.daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week {
    text-align: center;
    width: 14.28%
}

.daterange .dr-selections .dr-calendar .dr-day-list {
    display: flex;
    flex-wrap: wrap;
    font-size: .9375rem
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day {
    color: #4f565c;
    cursor: pointer;
    padding: .3125rem;
    text-align: center;
    width: 14.28%
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover:not(.dr-current) {
    background-color: #ebf1f4
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
    border-left: 2px solid #2693d5;
    border-radius: 2px 0 0 2px;
    padding-left: .1875rem
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
    border-radius: 0 2px 2px 0;
    border-right: 2px solid #2693d5;
    padding-right: .1875rem
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-end,.daterange .dr-selections .dr-calendar .dr-day-list .dr-selected,.daterange .dr-selections .dr-calendar .dr-day-list .dr-start {
    background-color: #ebf1f4
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-maybe {
    background-color: #ebf1f4
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-fade {
    color: #c3cacd
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-start {
    border-left: 2px solid #2693d5;
    border-radius: 2px 0 0 2px;
    padding-left: .1875rem
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
    border-radius: 0 2px 2px 0;
    border-right: 2px solid #2693d5;
    padding-right: .1875rem
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-current {
    background-color: rgba(38,147,213,.2);
    color: #2693d5
}

.daterange .dr-selections .dr-calendar .dr-day-list .dr-outside {
    color: hsla(198,9%,78%,.5);
    cursor: default;
    pointer-events: none
}

.daterange .dr-selections .dr-preset-list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #c3cacd;
    color: #2693d5;
    font-size: .9375rem;
    left: 4px;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 4
}

.daterange .dr-selections .dr-list-item {
    align-items: flex-end;
    border-bottom: 1px solid #ebf1f4;
    cursor: pointer;
    display: flex;
    padding: .75rem .625rem;
    white-space: nowrap
}

.daterange .dr-selections .dr-list-item:hover {
    background-color: #ebf1f4
}

.daterange .dr-selections .dr-list-item .dr-item-aside {
    color: #9ba3a7;
    font-size: .75rem;
    margin-left: .3125rem;
    position: relative;
    top: -1px
}

.daterange--single .dr-input {
    cursor: text
}

.daterange--single .dr-input .dr-dates {
    min-width: 160px;
    padding: 0;
    width: 100%
}

.daterange--single .dr-input .dr-dates .dr-date {
    color: #4f565c;
    padding: .65625rem .75rem;
    text-align: left;
    width: 100%
}

.daterange .dr-input .dr-presets .dr-preset-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1))
}

.daterange .dr-input .dr-dates .dr-date {
    font-size: 1rem;
    line-height: 1.5rem
}

.CodeMirror {
    color: #000
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    background-color: #f7f7f7;
    border-right: 1px solid #ddd;
    white-space: nowrap
}

.CodeMirror-linenumber {
    color: #999;
    min-width: 20px;
    padding: 0 3px 0 5px;
    text-align: right;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    background: #7e7;
    border: 0;
    width: auto
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-animate-fat-cursor {
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7;
    border: 0;
    width: auto
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: 500
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta,.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar,.cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    background: #fff;
    overflow: hidden;
    position: relative
}

.CodeMirror-scroll {
    height: 100%;
    margin-bottom: -50px;
    margin-right: -30px;
    outline: 0;
    overflow: scroll;
    padding-bottom: 50px;
    position: relative
}

.CodeMirror-sizer {
    border-right: 30px solid transparent;
    position: relative
}

.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
    display: none;
    position: absolute;
    z-index: 6
}

.CodeMirror-vscrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    right: 0;
    top: 0
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.CodeMirror-scrollbar-filler {
    bottom: 0;
    right: 0
}

.CodeMirror-gutter-filler {
    bottom: 0;
    left: 0
}

.CodeMirror-gutters {
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    z-index: 3
}

.CodeMirror-gutter {
    display: inline-block;
    height: 100%;
    margin-bottom: -30px;
    vertical-align: top;
    white-space: normal
}

.CodeMirror-gutter-wrapper {
    background: 0 0;
    border: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 4
}

.CodeMirror-gutter-background {
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    cursor: default;
    position: absolute;
    z-index: 4
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    word-wrap: normal;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-variant-ligatures: none;
    line-height: inherit;
    margin: 0;
    overflow: visible;
    position: relative;
    white-space: pre;
    z-index: 2
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    overflow: auto;
    position: relative;
    z-index: 2
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
    box-sizing: content-box
}

.CodeMirror-measure {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.CodeMirror-cursor {
    position: absolute
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    position: relative;
    visibility: hidden;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: 0 0
}

.CodeMirror {
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font: inherit;
    height: auto;
    padding: 10px;
    z-index: 1
}

.CodeMirror,.CodeMirror-scroll {
    min-height: 300px
}

.CodeMirror-fullscreen {
    background: #fff;
    bottom: 0;
    height: auto;
    left: 0;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 9
}

.CodeMirror-sided {
    width: 50%
}

.editor-toolbar {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    padding: 0 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.editor-toolbar:after,.editor-toolbar:before {
    content: " ";
    display: block;
    height: 1px
}

.editor-toolbar:before {
    margin-bottom: 8px
}

.editor-toolbar:after {
    margin-top: 8px
}

.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover {
    opacity: .8
}

.editor-toolbar.fullscreen {
    background: #fff;
    border: 0;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    opacity: 1;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    top: 0;
    white-space: nowrap;
    width: 100%;
    z-index: 9
}

.editor-toolbar.fullscreen:before {
    background: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));
    height: 50px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 20px
}

.editor-toolbar.fullscreen:after {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    height: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 20px
}

.editor-toolbar a {
    border: 1px solid transparent;
    border-radius: 3px;
    color: #2c3e50;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 30px
}

.editor-toolbar a.active,.editor-toolbar a:hover {
    background: #fcfcfc;
    border-color: #95a5a6
}

.editor-toolbar a:before {
    line-height: 30px
}

.editor-toolbar i.separator {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    display: inline-block;
    margin: 0 6px;
    text-indent: -10px;
    width: 0
}

.editor-toolbar a.fa-header-x:after {
    font-size: 65%;
    position: relative;
    top: 2px;
    vertical-align: text-bottom
}

.editor-toolbar a.fa-header-1:after {
    content: "1"
}

.editor-toolbar a.fa-header-2:after {
    content: "2"
}

.editor-toolbar a.fa-header-3:after {
    content: "3"
}

.editor-toolbar a.fa-header-bigger:after {
    content: "▲"
}

.editor-toolbar a.fa-header-smaller:after {
    content: "▼"
}

.editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #fff;
    border-color: transparent;
    pointer-events: none;
    text-shadow: inherit
}

@media only screen and (max-width: 700px) {
    .editor-toolbar a.no-mobile {
        display:none
    }
}

.editor-statusbar {
    color: #959694;
    font-size: 12px;
    padding: 8px 10px;
    text-align: right
}

.editor-statusbar span {
    display: inline-block;
    margin-left: 1em;
    min-width: 4em
}

.editor-preview,.editor-preview-side {
    background: #fafafa;
    box-sizing: border-box;
    display: none;
    overflow: auto;
    padding: 10px
}

.editor-statusbar .lines:before {
    content: "lines: "
}

.editor-statusbar .words:before {
    content: "words: "
}

.editor-statusbar .characters:before {
    content: "characters: "
}

.editor-preview {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7
}

.editor-preview-side {
    border: 1px solid #ddd;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 50px;
    width: 50%;
    z-index: 9
}

.editor-preview-active,.editor-preview-active-side {
    display: block
}

.editor-preview-side>p,.editor-preview>p {
    margin-top: 0
}

.editor-preview pre,.editor-preview-side pre {
    background: #eee;
    margin-bottom: 10px
}

.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th {
    border: 1px solid #ddd;
    padding: 5px
}

.CodeMirror .CodeMirror-code .cm-tag {
    color: #63a35c
}

.CodeMirror .CodeMirror-code .cm-attribute {
    color: #795da3
}

.CodeMirror .CodeMirror-code .cm-string {
    color: #183691
}

.CodeMirror .CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror .CodeMirror-code .cm-header-1 {
    font-size: 200%;
    line-height: 200%
}

.CodeMirror .CodeMirror-code .cm-header-2 {
    font-size: 160%;
    line-height: 160%
}

.CodeMirror .CodeMirror-code .cm-header-3 {
    font-size: 125%;
    line-height: 125%
}

.CodeMirror .CodeMirror-code .cm-header-4 {
    font-size: 110%;
    line-height: 110%
}

.CodeMirror .CodeMirror-code .cm-comment {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.CodeMirror .CodeMirror-code .cm-link {
    color: #7f8c8d
}

.CodeMirror .CodeMirror-code .cm-url {
    color: #aab2b3
}

.CodeMirror .CodeMirror-code .cm-strikethrough {
    text-decoration: line-through
}

.CodeMirror .CodeMirror-placeholder {
    opacity: .5
}

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255,0,0,.15)
}

.markdown-editor .editor-toolbar {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity,1));
    opacity: 1;
    padding: .25rem .5rem
}

.markdown-editor .editor-toolbar:hover {
    opacity: 1
}

.markdown-editor .editor-toolbar:after,.markdown-editor .editor-toolbar:before {
    display: none;
    margin: 0
}

.markdown-editor .editor-toolbar a {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity,1))
}

.markdown-editor .CodeMirror {
    --tw-shadow: inset 0 2px 0 0 #f6f4fd;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    padding: 1rem
}

.markdown-editor .CodeMirror-lines {
    padding: 0
}

.markdown-editor .CodeMirror,.markdown-editor .CodeMirror-scroll {
    min-height: 180px
}

.marketing-content h1,.marketing-content h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    font-weight: 300;
    letter-spacing: -.05em;
    line-height: 1.25
}

.marketing-content h1 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .marketing-content h1 {
        font-size:3.75rem;
        line-height: 1
    }
}

@media (min-width: 1024px) {
    .marketing-content h1 {
        font-size:5rem;
        margin-bottom: 2.5rem
    }
}

.marketing-content h2 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 2rem
}

@media (min-width: 1024px) {
    .marketing-content h2 {
        font-size:3.75rem;
        line-height: 1
    }
}

.marketing-content h3 {
    
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1.5rem
}

.marketing-content .intro {
    
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem;
    line-height: 1.5
}

.marketing-content .intro strong {
    font-weight: 700
}

.marketing-content p {
    
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.75rem;
    line-height: 1.625;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.marketing-content p strong {
    font-weight: 500
}

.marketing-content a:not([class*=btn-]) {
    font-weight: 600;
    text-decoration-line: underline
}

.marketing-content a:not([class*=btn-]):hover {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

.marketing-content blockquote {
    
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.25rem;
    margin-bottom: 2rem
}

.marketing-content strong {
    font-weight: 700
}

.bg-gradient-purple {
    background-image: linear-gradient(232deg,rgba(0,0,0,.05),rgba(224,32,32,.05) 51%,rgba(247,181,0,.05))
}

.bg-gradient-purple-darker {
    background-image: linear-gradient(233deg,rgba(50,197,255,.08),rgba(182,32,224,.08) 51%,rgba(247,181,0,.08))
}

.bg-gradient-blue-to-purple {
    background-image: linear-gradient(94deg,rgba(50,197,255,.08),rgba(182,32,224,.08) 51%,rgba(247,181,0,.08))
}

.bg-gradient-coral {
    background-image: linear-gradient(239deg,rgba(50,197,255,.08),rgba(224,32,32,.07) 50%,rgba(247,181,0,.07))
}

.bg-gradient-sunset {
    background-image: url(/assets/images/bg-gradient-sunset.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 150% 600px
}

.prose-new {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    
    line-height: 2
}

.prose-new h2 {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 2.5rem;
    margin-bottom: 2rem
}

.prose-new h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 1rem
}

.prose-new p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 2rem
}

.prose-new a {
    text-decoration-line: underline
}

.prose-new a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

@media (min-width: 1024px) {
    .prose-new h2 {
        font-size:3rem;
        line-height: 1;
        margin-bottom: 1.5rem
    }
}

.list-checkboxes>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.list-checkboxes {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.list-checkboxes li {
    background: url(/assets/images/checkbox.svg) no-repeat 0;
    padding-left: 2rem;
    position: relative
}

details summary {
    cursor: pointer
}

.prose li code,.prose p code {
    overflow-wrap: break-word
}

.prose-blog blockquote {
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
    background-image: linear-gradient(239deg,rgba(50,197,255,.08),rgba(224,32,32,.07) 50%,rgba(247,181,0,.07));
    border-radius: .5rem;
    border-style: none;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem;
    line-height: 1.5;
    margin-bottom: 4rem;
    margin-top: 4rem;
    padding: .75rem;
    text-align: center
}

@media (min-width: 1024px) {
    .prose-blog blockquote {
        margin-left:-6rem;
        margin-right: -6rem
    }
}

.prose-blog strong {
    font-weight: 500
}

.prose-blog img,.prose-blog video {
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-bottom: 2rem;
    overflow: hidden
}

.prose-blog figure {
    position: relative
}

.prose-blog figure img,.prose-blog figure video {
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-sizing: content-box
}

.prose-blog figure+figure {
    margin-top: 3rem
}

.prose-blog .caption,.prose-blog figure figcaption {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .25rem;
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .prose-blog .caption,.prose-blog figure figcaption {
        --tw-bg-opacity:1;
        --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
        --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color);
        background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
        border-radius: .125rem;
        bottom: -.75rem;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        
        margin-top: 0;
        position: absolute;
        right: 2rem;
        text-align: left;
        width: auto
    }
}

.prose-blog .twitter-tweet {
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color);
    border-radius: .5rem;
    border-style: none;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    overflow: hidden
}

.animate-float-sm {
    animation: float-sm 18s ease-in-out infinite
}

@keyframes float-sm {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-12px)
    }

    50% {
        transform: translateY(4px)
    }

    75% {
        transform: translateY(2px)
    }

    to {
        transform: translateY(0)
    }
}

.animate-float-md {
    animation: float-md 24s ease-in-out infinite
}

@keyframes float-md {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(9px)
    }

    50% {
        transform: translateY(-5px)
    }

    75% {
        transform: translateY(4px)
    }

    to {
        transform: translateY(0)
    }
}

.animate-float-lg {
    animation: float-md 28s ease-in-out infinite
}

@keyframes float-lg {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-3px)
    }

    75% {
        transform: translateY(1px)
    }

    to {
        transform: translateY(0)
    }
}

.input-text {
    padding: .5rem .75rem
}

.input-select,.input-text {
    --tw-border-opacity: 1;
    --tw-shadow: inset 0 2px 0 0 #f6f4fd;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    width: 100%
}

.input-select {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 14 10'%3E%3Cpath d='m9.211 7.6 4.484-4.868a1.202 1.202 0 0 0 0-1.6l-.737-.8a.985.985 0 0 0-1.475 0L7 5.198 2.517.33a.985.985 0 0 0-1.475 0l-.737.8a1.202 1.202 0 0 0 0 1.601L4.79 7.6 7 10l2.211-2.4z'/%3E%3C/svg%3E");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    height: 2.25rem;
    max-width: 32rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.input-label {
    --tw-text-opacity: 1;
    color: rgb(45 55 72/var(--tw-text-opacity,1));
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: .25rem
}

.input-label small {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: none
}

.form-help-text {
    --tw-text-opacity: 1;
    color: rgb(113 128 150/var(--tw-text-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .25rem;
    max-width: 48rem
}

.form-help-text a {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    text-decoration-line: underline
}

.form-help-text a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

.form-help-text b,.form-help-text strong {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-weight: 500
}

.form-help-text code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(237 242 247/var(--tw-bg-opacity,1));
    color: rgb(45 55 72/var(--tw-text-opacity,1));
    padding-left: .25rem;
    padding-right: .25rem
}

.vs__dropdown-toggle {
    --tw-border-opacity: 1;
    --tw-shadow: inset 0 2px 0 0 #f6f4fd;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    border-radius: .25rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .75rem;
    max-width: 32rem;
    min-height: 2.25rem;
    padding: .75rem;
    width: 100%
}

.vs__open-indicator {
    fill: #191a1b;
    transform: scale(.7)
}

.vs--open .vs__open-indicator {
    transform: rotate(180deg) scale(.8)
}

.vs__selected {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(160 174 192/var(--tw-border-opacity,1));
    border-radius: 9999px;
    border-width: 1px;
    color: rgb(113 128 150/var(--tw-text-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 6px 0 0 6px;
    padding: .125rem .625rem
}

.vs__selected .vs__deselect {
    fill: #191a1b;
    transform: scale(.75)
}

.vs__selected .vs__deselect:hover {
    fill: #ff269e
}

.markdown {
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    line-height: 1.625
}

.markdown>h1 {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    margin-top: -.25rem
}

.markdown>h1,.markdown>h2 {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-weight: 700
}

.markdown>h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.25;
    margin-top: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative
}

.markdown>h2 a {
    font-weight: 700
}

.markdown>h3 {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.25;
    margin-bottom: 1rem;
    margin-top: 2.5rem;
    padding-top: .5rem;
    position: relative
}

.markdown>h3 a {
    font-weight: 700
}

.markdown>h4 {
    line-height: 1.25;
    margin-bottom: .5rem;
    margin-top: 3rem
}

.markdown>h4,.markdown>h5 {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-weight: 700
}

.markdown>h5 {
    font-style: italic
}

.markdown h2>.anchor,.markdown h3>.anchor {
    left: -18px;
    opacity: 0;
    position: absolute;
    transition: all .2s ease-in-out;
    width: 36px
}

.markdown h2>.anchor {
    top: 23px
}

.markdown h3>.anchor {
    top: 11px
}

.markdown h2:hover .anchor,.markdown h3:hover .anchor {
    left: -24px;
    opacity: 1
}

.markdown>blockquote>p,.markdown>p {
    margin-bottom: 1.5rem
}

.markdown>blockquote>p strong,.markdown>p strong {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.markdown p img {
    display: inline-block
}

.markdown>blockquote {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(239 254 255/var(--tw-bg-opacity,1));
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-bottom: 2rem;
    padding: 1rem;
    position: relative
}

.markdown>blockquote p {
    font-size: 1rem;
    line-height: 1.5rem
}

.markdown>blockquote p:last-child {
    margin-bottom: 0
}

.markdown>blockquote strong {
    font-style: italic
}

.markdown>blockquote a {
    font-style: italic;
    font-weight: 700
}

.markdown>hr {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity,1));
    border-top-width: 2px;
    margin-bottom: 4rem;
    margin-top: 4rem
}

.markdown>h2:first-child {
    margin-top: 0;
    padding-top: 0
}

.markdown a {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1));
    font-weight: 500;
    text-decoration-line: underline
}

.markdown a:hover {
    --tw-text-opacity: 1;
    color: rgb(252 110 179/var(--tw-text-opacity,1))
}

.markdown ul:not(.unstyled) {
    list-style-type: none;
    margin-bottom: 1.5rem;
    padding-left: 0
}

.markdown ul:not(.unstyled) li {
    margin-bottom: .5rem;
    padding-left: 1.5rem;
    position: relative
}

.markdown ul:not(.unstyled) li:before {
    display: inline-block;
    left: 2px;
    position: absolute;
    top: -2px
}

.markdown ul:not(.unstyled) li:before,.markdown ul:not(.unstyled) li:nth-child(3n+0):before {
    content: url(/assets/images/triangle-pink.svg)
}

.markdown ul:not(.unstyled) li:nth-child(3n+1):before {
    content: url(/assets/images/triangle-purple.svg)
}

.markdown ul:not(.unstyled) li:nth-child(3n+2):before {
    content: url(/assets/images/triangle-teal.svg)
}

.markdown ul:not(.unstyled) li a {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1));
    font-weight: 500;
    text-decoration-line: underline
}

.markdown ul:not(.unstyled) li a:hover {
    --tw-text-opacity: 1;
    color: rgb(252 110 179/var(--tw-text-opacity,1))
}

.markdown h1>code,.markdown h2>code,.markdown h3>code,.markdown h4>code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1));
    font-size: 90%;
    padding: .1em .2em
}

.markdown :not(pre):not(h1):not(h2):not(h3):not(h4)>code,.markdown h1>code,.markdown h2>code,.markdown h3>code,.markdown h4>code {
    background-color: rgb(237 242 247/var(--tw-bg-opacity,1));
    border-radius: .125rem;
    bottom: .05rem;
    position: relative
}

.markdown :not(pre):not(h1):not(h2):not(h3):not(h4)>code {
    --tw-bg-opacity: 1;
    font-size: 80%;
    line-height: 1.5;
    padding: .2em;
    white-space: nowrap
}

.markdown>ol li :not(pre) code,.markdown>ol li>code,.markdown>p code,.markdown>ul li :not(pre) code,.markdown>ul li>code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(237 242 247/var(--tw-bg-opacity,1));
    color: rgb(124 103 203/var(--tw-text-opacity,1));
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    line-height: 1;
    padding-left: .25rem;
    padding-right: .25rem;
    vertical-align: baseline;
    white-space: nowrap
}

.markdown>blockquote :not(pre)>code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(102 164 207/var(--tw-bg-opacity,1));
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.markdown>ol li pre,.markdown>pre,.markdown>ul li pre,pre.markdown {
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 72/var(--tw-bg-opacity,1));
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    padding: 0
}

.markdown>ol li pre code,.markdown>pre code,.markdown>ul li pre code,pre code.markdown {
    padding: 1rem
}

.markdown pre.language-markdown code {
    white-space: pre-line
}

.markdown li>.prism-show-language,.markdown li>pre {
    margin-top: 1rem
}

.markdown .column-list-3 {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 2em;
    column-gap: 2em
}

.markdown .column-list-3 a {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.markdown .column-list-3 a:hover {
    font-style: italic
}

.markdown .tweet {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1));
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    padding: 2rem 1rem
}

.markdown>table,.table-mint {
    --tw-bg-opacity: 1;
    --tw-shadow: 5px 5px 0 #b8fff3;
    --tw-shadow-colored: 5px 5px 0 var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-collapse: collapse;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-bottom: 2rem;
    text-align: left;
    width: 100%
}

.markdown>table thead th,.table-mint thead th {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1));
    border-bottom-width: 1px;
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    border-top-width: 4px;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5rem;
    padding: .75rem
}

.markdown>table tbody th,.table-mint tbody th {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    border-right-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem;
    text-align: left
}

.markdown>table td,.table-mint td {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(25 26 27/var(--tw-border-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem
}

.markdown>table td code,.table-mint td code {
    --tw-text-opacity: 1;
    background-color: transparent;
    bottom: 0;
    color: rgb(124 103 203/var(--tw-text-opacity,1));
    font-size: .75rem;
    line-height: 1rem;
    padding: 0
}

.markdown>table p,.table-mint p {
    line-height: 1.5
}

.table-card {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-radius: .75rem;
    overflow: hidden;
    text-align: left;
    width: 100%
}

.table-card thead th {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(160 174 192/var(--tw-border-opacity,1));
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    padding: .75rem 1.5rem
}

.table-card tbody th,.table-card td {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem 1.5rem
}

.table-card td {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

.table-card td code {
    --tw-text-opacity: 1;
    background-color: transparent;
    bottom: 0;
    color: rgb(124 103 203/var(--tw-text-opacity,1));
    font-size: .75rem;
    line-height: 1rem;
    padding: 0
}

.table-card tr:last-child td {
    border-bottom-width: 0
}

.table-card p {
    line-height: 1.5
}

.markdown>ol,ol.yellow-list {
    counter-reset: item;
    list-style-type: none;
    margin-bottom: 1.5rem
}

.markdown>ol>li,ol.yellow-list>li {
    margin-bottom: .5rem;
    padding-left: 2.5rem;
    position: relative
}

.markdown>ol>li:before,ol.yellow-list>li:before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    color: rgb(25 26 27/var(--tw-text-opacity,1));
    content: counter(item);
    counter-increment: item;
    display: flex;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 700;
    height: 1.5rem;
    justify-content: center;
    left: 0;
    line-height: 1.75rem;
    margin-top: 1px;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.highlight-first-p>p:first-of-type {
    font-size: 1.25rem;
    line-height: 1.75rem
}

#top-nav {
    background-color: transparent
}

#top-nav #logo svg,#top-nav .nav-item,#top-nav svg {
    --tw-text-opacity: 1;
    /* color: rgb(25 26 27/var(--tw-text-opacity,1)); */
    font-size: 1rem;
    line-height: 1.5rem
}

#top-nav .nav-item.active {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1));
    font-weight: 500
}

#top-nav .sub-nav-item {
    font-weight: 400;
    margin-left: .5rem
}

#top-nav .section-nav ul {
    padding-top: .75rem
}

#top-nav .nav-item svg,#top-nav .sub-nav-item p,#top-nav .sub-nav-item svg {
    display: none
}

@media (min-width: 1024px) {
    #top-nav .nav-item svg,#top-nav .sub-nav-item p,#top-nav .sub-nav-item svg {
        display:block
    }
}

#top-nav .sub-nav-item svg {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

#top-nav.nav-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1))
}

#top-nav.nav-dark #logo svg,#top-nav.nav-dark .nav-item,#top-nav.nav-dark .nav-item svg {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

#top-nav.nav-dark #logo svg:hover,#top-nav.nav-dark .nav-item svg:hover,#top-nav.nav-dark .nav-item:hover {
    --tw-text-opacity: 1;
    color: rgb(212 255 76/var(--tw-text-opacity,1))
}

@media (min-width: 1024px) {
    #top-nav .nav-item {
        display:inline-block;
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1.5rem 1rem;
        position: relative;
        /* text-decoration-line: none; */
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        z-index: 1
    }

    #top-nav .nav-item svg {
        display: block
    }

    .sub-nav-item {
        --tw-scale-x: .85;
        --tw-scale-y: .85;
        --tw-bg-opacity: 1;
        --tw-shadow: 0px 16px 40px -8px rgba(0,0,0,.1);
        --tw-shadow-colored: 0px 16px 40px -8px var(--tw-shadow-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        --tw-ring-color: rgba(94,90,90,.1);
        align-items: center;
        background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
        border-radius: 1rem;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
        opacity: 0;
        padding: .75rem;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 70px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-duration: .15s;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        z-index: 50
    }

    .sub-nav-item,.sub-nav-item a {
        font-weight: 400
    }

    .sub-nav-item a {
        --tw-text-opacity: 1;
        align-items: flex-start;
        border-radius: .375rem;
        color: rgb(25 26 27/var(--tw-text-opacity,1));
        display: flex;
        padding: .5rem .75rem
    }

    .sub-nav-item a:hover {
        background-color: rgba(254,238,239,.5)
    }

    .sub-nav-item p,.sub-nav-item svg {
        display: block
    }

    .sub-nav-item .sub-nav-item-content {
        margin-left: .75rem;
        width: 14rem
    }

    .sub-nav-item .sub-nav-item-heading {
        display: block;
        
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem
    }

    .sub-nav-item p {
        --tw-text-opacity: 1;
        color: rgb(113 128 150/var(--tw-text-opacity,1));
        
        font-size: .75rem;
        font-weight: 300;
        line-height: 1rem;
        line-height: 1.5
    }

    .account-nav-item a {
        padding: .25rem
    }

    .sub-nav-item-open {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        opacity: 1;
        pointer-events: auto;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        z-index: 50
    }
}

#top-nav .links,.neverland #site-footer,.neverland #top-nav {
    /* display: none */
}

@media (max-width: 1023px) {
    #top-nav #logo,#top-nav a,#top-nav svg {
        --tw-text-opacity:1;
        /* color: rgb(255 255 255/var(--tw-text-opacity,1)) */
    }

    #top-nav .links {
        --tw-translate-x: -75vh;
        --tw-bg-opacity: 1;
        --tw-shadow: 0px 16px 40px -8px rgba(0,0,0,.1);
        --tw-shadow-colored: 0px 16px 40px -8px var(--tw-shadow-color);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        --tw-ring-color: rgba(94,90,90,.1);
        background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
        border-top-right-radius: .75rem;
        bottom: 0;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
        display: block;
        height: 100%;
        left: 0;
        max-height: calc(100vh - 3rem);
        max-width: 420px;
        opacity: 0;
        overflow-y: auto;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 4rem;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-duration: .2s;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        width: 95%;
        z-index: 50
    }

    #top-nav .links .sub-nav-item,#top-nav .links ul {
        display: flex;
        flex-direction: column
    }

    #top-nav .links .sub-nav-item {
        --tw-border-opacity: 1;
        border-color: rgb(212 212 216/var(--tw-border-opacity,1));
        border-left-width: 1px;
        padding-bottom: .375rem;
        padding-left: 1rem;
        padding-top: .375rem
    }

    #top-nav .links .nav-item,#top-nav .links .nav-item span,#top-nav .links a {
        --tw-text-opacity: 1;
        color: rgb(25 26 27/var(--tw-text-opacity,1));
        font-weight: 300;
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    #top-nav.mobile-open .links {
        --tw-translate-x: 0px;
        opacity: 1;
        pointer-events: auto;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.nav-toggle {
    display: flex;
    flex-direction: column;
    height: 14px;
    justify-content: space-between;
    width: 20px
}

.nav-toggle .bar {
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    height: 2px;
    transition: all .1s ease-in-out;
    width: 100%
}

.nav-dark .nav-toggle .bar {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.nav-toggle:hover {
    cursor: pointer
}

.x:first-of-type {
    transform: translateX(4px) rotate(45deg);
    transform-origin: top left;
    transition: all .1s ease-in-out;
    width: 18px
}

.x:nth-of-type(2) {
    transform: translateX(4px);
    transform-origin: center;
    transition: all .1s ease-in-out;
    width: 0
}

.x:nth-of-type(3) {
    transform: translateX(4px) rotate(-45deg);
    transform-origin: bottom left;
    transition: all .1s ease-in-out;
    width: 18px
}

.toc li {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .75rem
}

.toc li a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

.footer-arrow {
    left: -22px;
    position: absolute;
    top: 5px
}

.scrollbar-w-0 {
    scrollbar-width: none
}

.secondary-nav {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
    border-bottom-width: 1px;
    border-color: rgb(203 213 224/var(--tw-border-opacity,1));
    overflow-x: auto;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 40
}

@media (min-width: 640px) {
    .secondary-nav {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.secondary-nav {
    scrollbar-width: none
}

.secondary-nav ul {
    align-items: center;
    display: flex
}

.secondary-nav ul>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.secondary-nav ul {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 768px) {
    .secondary-nav ul>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse:0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }
}

.secondary-nav a:not(.not-nav-link) {
    border-bottom-width: 2px;
    border-color: transparent;
    bottom: -1px;
    display: block;
    padding-bottom: .75rem;
    padding-top: .75rem;
    position: relative
}

.secondary-nav a:not(.not-nav-link):hover {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.secondary-nav a.active {
    --tw-border-opacity: 1;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1));
    font-weight: 500
}

.secondary-nav a.active:hover {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.logo-text, .mark-outline {
    fill: #191a1b
}

.nav-dark .logo-text {
    fill: #fff
}

body {
    --light: var(--day);
    --dark: var(--night);
    --shadow: #1a1917;
    --bounce-light: #f5d7a6;
    --timing-fn: cubic-bezier(0.455,0.190,0.000,0.985);
    animation-duration: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: linear
}

#dappled-light {
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100vw
}

#progressive-blur {
    height: 100%;
    position: absolute;
    width: 100%
}

#progressive-blur>div {
    -webkit-backdrop-filter: blur(var(--blur-amount));
    backdrop-filter: blur(var(--blur-amount));
    height: 100%;
    inset: 0;
    -webkit-mask-image: linear-gradient(252deg,transparent,transparent var(--stop1),#000 var(--stop2),#000);
    mask-image: linear-gradient(252deg,transparent,transparent var(--stop1),#000 var(--stop2),#000);
    position: absolute
}

#progressive-blur>div:first-child {
    --blur-amount: 6px;
    --stop1: 0%;
    --stop2: 0%
}

#progressive-blur>div:nth-child(2) {
    --blur-amount: 12px;
    --stop1: 40%;
    --stop2: 80%
}

#progressive-blur>div:nth-child(3) {
    --blur-amount: 48px;
    --stop1: 40%;
    --stop2: 70%
}

#progressive-blur>div:nth-child(4) {
    --blur-amount: 96px;
    --stop1: 70%;
    --stop2: 80%
}

#glow {
    background: linear-gradient(309deg,var(--bounce-light),var(--bounce-light) 20%,transparent)
}

#glow,#glow-bounce {
    height: 100%;
    opacity: .5;
    position: absolute;
    transition: background 1s var(--timing-fn);
    width: 100%
}

#glow-bounce {
    background: linear-gradient(355deg,var(--bounce-light) 0,transparent 30%,transparent 100%);
    bottom: 0;
    content: ""
}

.perspective {
    background-blend-mode: darken;
    height: 130vh;
    opacity: .07;
    position: absolute;
    right: 0;
    top: -30vh;
    transform: matrix3d(.75,-.0625,0,.0008,0,1,0,0,0,0,1,0,0,0,0,1);
    transform-origin: top right;
    transform-style: preserve-3d;
    transition: transform 1.7s var(--timing-fn),opacity 4s ease;
    width: 80vw
}

.dark .perspective {
    opacity: .3;
    transform: matrix3d(.8333,.0833,0,.0003,0,1,0,0,0,0,1,0,0,0,0,1)
}

#leaves {
    animation: billow 8s ease-in-out infinite;
    background-image: url(/assets/images/leaves.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -20px;
    filter: url(#wind);
    height: 1400px;
    position: absolute;
    right: -700px;
    width: 1600px
}

#blinds {
    position: relative;
    width: 100%
}

#blinds .bar,#blinds .shutter {
    background-color: var(--shadow)
}

#blinds>.shutters {
    align-items: end;
    display: flex;
    flex-direction: column;
    gap: 60px;
    transition: gap 1s var(--timing-fn)
}

.dark #blinds>.shutters {
    gap: 20px
}

#blinds>.vertical {
    display: flex;
    height: 100%;
    justify-content: space-around;
    position: absolute;
    top: 0;
    width: 100%
}

.vertical>.bar {
    height: 100%;
    width: 5
}

.shutter {
    height: 40px;
    transition: height 1s var(--timing-fn);
    width: 100%
}

.dark .shutter {
    height: 80px
}

#inline-swiper {
    height: 320px
}

#lightbox-swiper {
    height: 800px
}

pre {
    border-radius: .25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding: 0
}

pre code.torchlight {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    min-height: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 1rem
}

pre code.torchlight .line {
    padding-left: 1rem;
    padding-right: 1rem
}

pre code.torchlight .line-number,pre code.torchlight .summary-caret {
    margin-right: 1rem
}

.prose pre {
    font-size: .875rem;
    line-height: 1.5
}

.prose .torchlight .line {
    padding: .25rem 1rem
}

.v--modal-box {
    border-radius: 4px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.18)
}

.v--modal-overlay {
    background: rgba($dark,.4)
}

img[data-action=zoom] {
    cursor: pointer;
    cursor: -moz-zoom-in
}

.zoom-img,.zoom-img-wrap {
    position: relative;
    transition: all .3s;
    z-index: 666
}

img.zoom-img {
    cursor: pointer;
    cursor: -moz-zoom-out
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 400;
    text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start:1.625em}

.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start:1.625em}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start:1em;quotes: "\201C""\201D""\2018""\2019"
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end:.375em;padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start:.375em}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end:1.1428571em;padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start:1.1428571em}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end:.5714286em;padding-bottom: .5714286em;
    padding-inline-start:.5714286em;vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0,0,0,.5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.375em}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.375em}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start:1.625em}

.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:.5714286em;padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start:.5714286em}

.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start:1.1111111em}

.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.1428571em;
    line-height: 1.2;
    margin-bottom: .8em;
    margin-top: 0
}

.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.4285714em;
    line-height: 1.4;
    margin-bottom: .8em;
    margin-top: 1.6em
}

.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.5555556em
}

.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.4285714;
    margin-bottom: .5714286em;
    margin-top: 1.4285714em
}

.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8571429em;
    padding-inline-end:.3571429em;padding-bottom: .1428571em;
    padding-top: .1428571em;
    padding-inline-start:.3571429em}

.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .25rem;
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-end:1em;padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start:1em}

.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start:1.5714286em}

.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start:1.5714286em}

.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .2857143em;
    margin-top: .2857143em
}

.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4285714em}

.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4285714em}

.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .2857143em;
    padding-inline-start:1.5714286em}

.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2.8571429em;
    margin-top: 2.8571429em
}

.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:1em;padding-bottom: .6666667em;
    padding-inline-start:1em}

.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:1em;padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start:1em}

.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em
}

.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-bottom: 1.0909091em;
    margin-top: 1.0909091em
}

.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-start:1em}

.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.6666667em;
    line-height: 1;
    margin-bottom: .8333333em;
    margin-top: 0
}

.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.6666667em;
    line-height: 1.3333333;
    margin-bottom: 1.0666667em;
    margin-top: 1.8666667em
}

.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.3333333em;
    line-height: 1.5;
    margin-bottom: .6666667em;
    margin-top: 1.6666667em
}

.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.7777778em
}

.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8888889em;
    padding-inline-end:.4444444em;padding-bottom: .2222222em;
    padding-top: .2222222em;
    padding-inline-start:.4444444em}

.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .375rem;
    font-size: .8888889em;
    line-height: 1.75;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-inline-end:1.5em;padding-bottom: 1em;
    padding-top: 1em;
    padding-inline-start:1.5em}

.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start:1.5555556em}

.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start:1.5555556em}

.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .6666667em;
    margin-top: .6666667em
}

.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4444444em}

.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4444444em}

.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em
}

.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .6666667em;
    padding-inline-start:1.5555556em}

.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 3.1111111em;
    margin-top: 3.1111111em
}

.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:.75em;padding-bottom: .75em;
    padding-inline-start:.75em}

.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:.75em;padding-bottom: .75em;
    padding-top: .75em;
    padding-inline-start:.75em}

.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-xl {
    font-size: 1.25rem;
    line-height: 1.8
}

.prose-xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose-xl :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 1em;
    margin-top: 1em
}

.prose-xl :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start:1.0666667em}

.prose-xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.8em;
    line-height: 1;
    margin-bottom: .8571429em;
    margin-top: 0
}

.prose-xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.8em;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 1.5555556em
}

.prose-xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.5em;
    line-height: 1.3333333;
    margin-bottom: .6666667em;
    margin-top: 1.6em
}

.prose-xl :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.8em
}

.prose-xl :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-xl :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-xl :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-xl :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-xl :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .9em;
    padding-inline-end:.4em;padding-bottom: .25em;
    padding-top: .25em;
    padding-inline-start:.4em}

.prose-xl :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em
}

.prose-xl :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8611111em
}

.prose-xl :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em
}

.prose-xl :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .5rem;
    font-size: .9em;
    line-height: 1.7777778;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-inline-end:1.3333333em;padding-bottom: 1.1111111em;
    padding-top: 1.1111111em;
    padding-inline-start:1.3333333em}

.prose-xl :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    padding-inline-start:1.6em}

.prose-xl :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    padding-inline-start:1.6em}

.prose-xl :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .6em;
    margin-top: .6em
}

.prose-xl :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4em}

.prose-xl :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:.4em}

.prose-xl :where(.prose-xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8em;
    margin-top: .8em
}

.prose-xl :where(.prose-xl>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.2em
}

.prose-xl :where(.prose-xl>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em
}

.prose-xl :where(.prose-xl>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.2em
}

.prose-xl :where(.prose-xl>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em
}

.prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8em;
    margin-top: .8em
}

.prose-xl :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose-xl :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.2em
}

.prose-xl :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .6em;
    padding-inline-start:1.6em}

.prose-xl :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2.8em;
    margin-top: 2.8em
}

.prose-xl :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-xl :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-xl :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-xl :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-xl :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.5555556
}

.prose-xl :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:.6666667em;padding-bottom: .8888889em;
    padding-inline-start:.6666667em}

.prose-xl :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-xl :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:.6666667em;padding-bottom: .8888889em;
    padding-top: .8888889em;
    padding-inline-start:.6666667em}

.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start:0}

.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end:0}

.prose-xl :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-xl :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-xl :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.5555556;
    margin-top: 1em
}

.prose-xl :where(.prose-xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-xl :where(.prose-xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-zinc {
    --tw-prose-body: #3f3f46;
    --tw-prose-headings: #18181b;
    --tw-prose-lead: #52525b;
    --tw-prose-links: #18181b;
    --tw-prose-bold: #18181b;
    --tw-prose-counters: #71717a;
    --tw-prose-bullets: #d4d4d8;
    --tw-prose-hr: #e4e4e7;
    --tw-prose-quotes: #18181b;
    --tw-prose-quote-borders: #e4e4e7;
    --tw-prose-captions: #71717a;
    --tw-prose-kbd: #18181b;
    --tw-prose-kbd-shadows: 24 24 27;
    --tw-prose-code: #18181b;
    --tw-prose-pre-code: #e4e4e7;
    --tw-prose-pre-bg: #27272a;
    --tw-prose-th-borders: #d4d4d8;
    --tw-prose-td-borders: #e4e4e7;
    --tw-prose-invert-body: #d4d4d8;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a1a1aa;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a1a1aa;
    --tw-prose-invert-bullets: #52525b;
    --tw-prose-invert-hr: #3f3f46;
    --tw-prose-invert-quotes: #f4f4f5;
    --tw-prose-invert-quote-borders: #3f3f46;
    --tw-prose-invert-captions: #a1a1aa;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d8;
    --tw-prose-invert-pre-bg: rgba(0,0,0,.5);
    --tw-prose-invert-th-borders: #52525b;
    --tw-prose-invert-td-borders: #3f3f46
}

.stack {
    box-shadow: 20px 20px 0 -1px #fff,20px 20px 0 #191a1b,40px 40px 0 -1px #fff,40px 40px 0 #191a1b
}

.stack-sm {
    box-shadow: 10px 10px 0 -1px #fff,10px 10px 0 #191a1b
}

.stack-xs-purple {
    box-shadow: 3px 3px 0 -1px #fff,3px 3px 0 #7c67cb
}

.stack-sm-purple {
    box-shadow: 10px 10px 0 -1px #fff,10px 10px 0 #7c67cb
}

[x-cloak] {
    display: none
}

.text-jumbo {
    font-size: clamp(200px,40vw,500px)
}

.text-jumbo-mobile {
    font-size: clamp(32px,12vw,42px)
}

.text-shadow-pink-blue {
    text-shadow: 5px 5px 0 blue,10px -5px 0 #ff269e
}

.text-shadow-mint {
    text-shadow: 3px 3px #b8fff3
}

.text-shadow {
    text-shadow: 0 1px 2px #191a1b
}

.text-shadow-flat {
    text-shadow: 2px 2px 0 #191a1b
}

@media (min-width: 1024px) {
    .text-shadow-pink-blue {
        text-shadow:10px 10px 0 blue,20px -10px 0 #ff269e
    }
}

.text-shadow-lg {
    text-shadow: 4px 4px rgba(0,0,0,.33)
}

.text-vertical {
    transform: translateY(100%) rotate(-90deg);
    transform-origin: top left
}

.bg-gradient-mint-to-pink {
    background: linear-gradient(106deg,#b8fff3 25%,#ff269e 75%)
}

.bg-gradient-purple-to-pink {
    background: linear-gradient(106deg,#7c67cb 25%,#ff269e 75%)
}

.flip-x {
    --tw-scale-x: -1
}

.flip-x,.flip-y {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flip-y {
    --tw-scale-y: -1
}

.mix-color-burn {
    mix-blend-mode: color-burn
}

.mix-difference {
    mix-blend-mode: difference
}

.mix-multiply {
    mix-blend-mode: multiply
}

.mix-overlay {
    mix-blend-mode: overlay
}

.mix-screen {
    mix-blend-mode: screen
}

.drop-shadow-yellow {
    filter: drop-shadow(2px 2px 0 #FAF77D)
}

.no-jaggity,[class*=-rotate-],[class*=rotate-] {
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
    -webkit-perspective: 1000;
    transform: translateZ(0);
    will-change: transform
}

@keyframes squiggles {
    0% {
        filter: url(#squiggly-0)
    }

    33% {
        filter: url(#squiggly-1)
    }

    66% {
        filter: url(#squiggly-2)
    }

    to {
        filter: url(#squiggly-3)
    }
}

.hover\:squiggling:hover,.squiggling {
    animation: squiggles .34s linear infinite
}

.parent .child-slide-right {
    display: none;
    opacity: 0;
    pointer-events: none;
    transform: translateX(0)
}

.parent:hover .child-slide-right {
    animation: slide-in .33s forwards;
    display: block;
    pointer-events: auto
}

@keyframes slide-in {
    to {
        opacity: 1;
        transform: translateX(16px)
    }
}

.hover\:jitter:hover {
    animation: jitter .2s step-end;
    backface-visibility: hidden;
    cursor: pointer;
    perspective: 1000px;
    transform: translateZ(0)
}

.animate-jitter {
    animation: jitter .6s step-end infinite
}

.jitter {
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translateZ(0)
}

.jitter:hover {
    animation: jitter .6s step-end infinite
}

@keyframes jitter {
    10%,35% {
        transform: translate3d(-1px,0,0) rotate(1deg)
    }

    36%,51% {
        transform: translate3d(2px,-1px,0) rotate(4deg)
    }

    52%,75 {
        transform: translate3d(-2px,1px,0) rotate(5deg)
    }

    76%,to {
        transform: translate3d(1px,-1px,0) rotate(-1deg)
    }
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.animated {
    animation-fill-mode: both
}

.pulse {
    animation-delay: 1s;
    animation-duration: .4s;
    animation-iteration-count: 2;
    animation-name: pulse
}

.animated.infinite {
    animation-iteration-count: infinite
}

@keyframes fadeInFaintMoving {
    0% {
        opacity: 0;
        transform: scale3d(1.5,1.5,1.5)
    }

    to {
        opacity: .4
    }
}

@keyframes fadeInFaint {
    0% {
        opacity: 0
    }

    to {
        opacity: .4
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: .25
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-timing-function: ease-in-out
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.spin {
    animation-duration: .5s;
    animation-name: spin;
    animation-timing-function: ease-in-out
}

.fadeOut {
    animation-name: fadeOut
}

.slow {
    animation-duration: 8s
}

.delay {
    animation-delay: 2s
}

.loading-ellipsis:after {
    animation: ellipsis .9s steps(4) infinite;
    content: "\2026";
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    width: 0
}

@keyframes ellipsis {
    to {
        width: 1.25em
    }
}

.sr-only {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-1 {
    inset: .25rem
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-\[3px\] {
    bottom: 3px;
    top: 3px
}

.-bottom-1\.5 {
    bottom: -.375rem
}

.-bottom-12 {
    bottom: -3rem
}

.-bottom-14 {
    bottom: -3.5rem
}

.-bottom-16 {
    bottom: -4rem
}

.-bottom-8 {
    bottom: -2rem
}

.-bottom-\[2px\] {
    bottom: -2px
}

.-left-12 {
    left: -3rem
}

.-left-14 {
    left: -3.5rem
}

.-left-16 {
    left: -4rem
}

.-left-2 {
    left: -.5rem
}

.-left-20 {
    left: -5rem
}

.-left-24 {
    left: -6rem
}

.-left-28 {
    left: -7rem
}

.-left-32 {
    left: -8rem
}

.-left-4 {
    left: -1rem
}

.-left-48 {
    left: -12rem
}

.-left-52 {
    left: -13rem
}

.-left-56 {
    left: -14rem
}

.-left-6 {
    left: -1.5rem
}

.-right-14 {
    right: -3.5rem
}

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

.-right-2 {
    right: -.5rem
}

.-right-20 {
    right: -5rem
}

.-right-24 {
    right: -6rem
}

.-right-32 {
    right: -8rem
}

.-right-40 {
    right: -10rem
}

.-right-52 {
    right: -13rem
}

.-right-56 {
    right: -14rem
}

.-right-8 {
    right: -2rem
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%
}

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

.-top-12 {
    top: -3rem
}

.-top-15 {
    top: -3.75rem
}

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

.-top-2 {
    top: -.5rem
}

.-top-28 {
    top: -7rem
}

.-top-3 {
    top: -.75rem
}

.-top-40 {
    top: -10rem
}

.-top-8 {
    top: -2rem
}

.-top-\[2px\] {
    top: -2px
}

.-top-\[5\.5rem\] {
    top: -5.5rem
}

.bottom-0 {
    bottom: 0
}

.bottom-12 {
    bottom: 3rem
}

.bottom-16 {
    bottom: 4rem
}

.bottom-24 {
    bottom: 6rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-32 {
    bottom: 8rem
}

.bottom-40 {
    bottom: 10rem
}

.bottom-48 {
    bottom: 12rem
}

.bottom-8 {
    bottom: 2rem
}

.left-0 {
    left: 0
}

.left-12 {
    left: 3rem
}

.left-14 {
    left: 3.5rem
}

.left-24 {
    left: 6rem
}

.left-32 {
    left: 8rem
}

.left-4 {
    left: 1rem
}

.left-64 {
    left: 16rem
}

.left-8 {
    left: 2rem
}

.left-80 {
    left: 20rem
}

.left-\[2px\] {
    left: 2px
}

.left-\[35\%\] {
    left: 35%
}

.left-\[8px\] {
    left: 8px
}

.right-0 {
    right: 0
}

.right-10 {
    right: 2.5rem
}

.right-12 {
    right: 3rem
}

.right-20 {
    right: 5rem
}

.right-24 {
    right: 6rem
}

.right-3 {
    right: .75rem
}

.right-36 {
    right: 9rem
}

.right-4 {
    right: 1rem
}

.right-64 {
    right: 16rem
}

.right-8 {
    right: 2rem
}

.right-\[-2px\] {
    right: -2px
}

.right-auto {
    right: auto
}

.top-0 {
    top: 0
}


.top-24 {
    top: 6rem
}

.top-10 {
    top: 2.5rem
}

.top-104 {
    top: 26rem
}

.top-150 {
    top: 75rem
}

.top-350 {
    top: 140rem
}

.top-12 {
    top: 3rem
}

.top-16 {
    top: 4rem
}

.top-24 {
    top: 6rem
}

.top-28 {
    top: 7rem
}

.top-32 {
    top: 8rem
}

.top-4 {
    top: 1rem
}

.top-40 {
    top: 10rem
}

.top-48 {
    top: 12rem
}

.top-56 {
    top: 14rem
}

.top-6 {
    top: 1.5rem
}

.top-64 {
    top: 16rem
}

.top-72 {
    top: 18rem
}

.top-8 {
    top: 2rem
}

.top-96 {
    top: 24rem
}

.top-\[-2px\] {
    top: -2px
}

.top-\[100px\] {
    top: 100px
}

.top-\[15px\] {
    top: 15px
}

.top-\[25px\] {
    top: 25px
}

.top-\[160px\] {
    top: 160px
}

.top-\[31rem\] {
    top: 31rem
}

.top-\[350px\] {
    top: 350px
}

.top-\[500px\] {
    top: 500px
}

.top-\[600px\] {
    top: 600px
}

.top-\[800px\] {
    top: 800px
}

.top-1\.5 {
  top: .375rem
}

.top-1\/2 {
  top: 50%
}

.isolate {
    isolation: isolate
}

.\!z-20 {
    z-index: 20
}

.-z-1 {
    z-index: -1
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.order-last {
    order: 9999
}

.col-span-2 {
    grid-column: span 2/span 2
}

.float-right {
    float: right
}

.-m-6 {
    margin: -1.5rem
}

.m-0 {
    margin: 0
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

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

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-\[\.3125rem\] {
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.-my-1 {
    margin-bottom: -.25rem;
    margin-top: -.25rem
}

.-my-16 {
    margin-bottom: -4rem;
    margin-top: -4rem
}

.-my-px {
    margin-bottom: -1px;
    margin-top: -1px
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

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

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-\[-5px\] {
    margin-left: -5px;
    margin-right: -5px
}

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

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.my-\[\.3125rem\] {
    margin-bottom: .3125rem;
    margin-top: .3125rem
}

.my-px {
    margin-bottom: 1px;
    margin-top: 1px
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mb-1\.5 {
    margin-bottom: -.375rem
}

.-mb-2\.5 {
    margin-bottom: -.625rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-mb-\[\.3125rem\] {
    margin-bottom: -.3125rem
}

.-mb-px {
    margin-bottom: -1px
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-1\.5 {
    margin-left: -.375rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-2\.5 {
    margin-left: -.625rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-4 {
    margin-left: -1rem
}

.-ml-px {
    margin-left: -1px
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-1\.5 {
    margin-right: -.375rem
}

.-mr-2 {
    margin-right: -.5rem
}

.-mr-2\.5 {
    margin-right: -.625rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mr-4 {
    margin-right: -1rem
}

.-mr-\[\.3125rem\] {
    margin-right: -.3125rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-1\.5 {
    margin-top: -.375rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mt-14 {
    margin-top: -3.5rem
}

.-mt-2\.5 {
    margin-top: -.625rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-24 {
    margin-top: -6rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-32 {
    margin-top: -8rem
}

.-mt-4 {
    margin-top: -1rem
}

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

.-mt-64 {
    margin-top: -16rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mt-\[\.3125rem\] {
    margin-top: -.3125rem
}

.-mt-\[106px\] {
    margin-top: -106px
}

.-mt-\[2px\] {
    margin-top: -2px
}

.-mt-px {
    margin-top: -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-32 {
    margin-bottom: 8rem
}

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

.mb-40 {
    margin-bottom: 10rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

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

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

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-10 {
    margin-left: 2.5rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-16 {
    margin-left: 4rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-\[2px\] {
    margin-right: 2px
}

.mr-\[5px\] {
    margin-right: 5px
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

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

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-32 {
    margin-top: 8rem
}

.mt-36 {
    margin-top: 9rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-40 {
    margin-top: 10rem
}

.mt-5 {
    margin-top: 1.25rem
}

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

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[-5px\] {
    margin-top: -5px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-2,.line-clamp-3 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!size-3 {
    height: .75rem;
    width: .75rem
}

.\!size-4 {
    height: 1rem;
    width: 1rem
}

.\!size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-2 {
    height: .5rem;
    width: .5rem
}

.size-3\.5 {
    height: .875rem;
    width: .875rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-\[1\.125rem\] {
    height: 1.125rem;
    width: 1.125rem
}

.size-\[6px\] {
    height: 6px;
    width: 6px
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-72 {
    height: 18rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1000px\] {
    height: 1000px
}

.h-\[180px\] {
    height: 180px
}

.h-\[18px\] {
    height: 18px
}

.h-\[280px\] {
    height: 280px
}

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

.h-\[340px\] {
    height: 340px
}

.h-\[34px\] {
    height: 34px
}

.h-\[36px\] {
    height: 36px
}

.h-\[400px\] {
    height: 400px
}

.h-\[420px\] {
    height: 420px
}

.h-\[480px\] {
    height: 480px
}

.h-\[630px\] {
    height: 630px
}

.h-\[800px\] {
    height: 800px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[calc\(2rem\+2px\)\] {
    height: calc(2rem + 2px)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.max-h-\[20rem\] {
    max-height: 20rem
}

.max-h-dvh {
    max-height: 100dvh
}

.max-h-screen {
    max-height: 100vh
}

.\!min-h-64 {
    min-height: 16rem
}

.min-h-14 {
    min-height: 3.5rem
}

.min-h-16 {
    min-height: 4rem
}

.min-h-32 {
    min-height: 8rem
}

.min-h-48 {
    min-height: 12rem
}

.min-h-64 {
    min-height: 16rem
}

.min-h-80 {
    min-height: 20rem
}

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

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

.min-h-\[66vh\] {
    min-height: 66vh
}

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

.min-h-dvh {
    min-height: 100dvh
}

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

.w-1\.5 {
    width: .375rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-1\/5 {
    width: 20%
}

.w-1\/6 {
    width: 16.666667%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-64 {
    width: 16rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-96 {
    width: 24rem
}

.w-\[1200px\] {
    width: 1200px
}

.w-\[134px\] {
    width: 134px
}

.w-\[154px\] {
    width: 154px
}

.w-\[160px\] {
    width: 160px
}

.w-\[176px\] {
    width: 176px
}

.w-\[180px\] {
    width: 180px
}

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

.w-\[220px\] {
    width: 220px
}

.w-\[260px\] {
    width: 260px
}

.w-\[38px\] {
    width: 38px
}

.w-\[420px\] {
    width: 420px
}

.w-\[510px\] {
    width: 510px
}

.w-\[560px\] {
    width: 560px
}

.w-\[59px\] {
    width: 59px
}

.w-\[600px\] {
    width: 600px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

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

.min-w-40 {
    min-width: 10rem
}

.min-w-64 {
    min-width: 16rem
}

.min-w-\[100vw\] {
    min-width: 100vw
}

.min-w-\[10rem\] {
    min-width: 10rem
}

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

.min-w-\[22rem\] {
    min-width: 22rem
}

.min-w-\[30rem\] {
    min-width: 30rem
}

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

.\!max-w-full {
    max-width: 100%
}

.max-w-24 {
    max-width: 6rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-32 {
    max-width: 8rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-64 {
    max-width: 16rem
}

.max-w-6xl {
    max-width: 72rem
}

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

.max-w-8xl {
    max-width: 88rem
}

.max-w-\[20rem\] {
    max-width: 20rem
}

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

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

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

.max-w-none {
    max-width: none
}

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

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.basis-1\/3 {
    flex-basis: 33.333333%
}

.table-fixed {
    table-layout: fixed
}

.border-separate {
    border-collapse: separate
}

.origin-bottom {
    transform-origin: bottom
}

.translate-x-1 {
    --tw-translate-x: 0.25rem
}

.translate-x-1,.translate-x-10 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-10 {
    --tw-translate-x: 2.5rem
}

.translate-x-5 {
    --tw-translate-x: 1.25rem
}

.translate-x-5,.translate-x-\[3px\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[3px\] {
    --tw-translate-x: 3px
}

.translate-y-1\/2 {
    --tw-translate-y: 50%
}

.translate-y-1\/2,.translate-y-2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-4,.translate-y-7 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-7 {
    --tw-translate-y: 1.75rem
}

.-rotate-2 {
    --tw-rotate: -2deg
}

.-rotate-2,.-rotate-4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-4 {
    --tw-rotate: -4deg
}

.-rotate-5 {
    --tw-rotate: -5deg
}

.-rotate-5,.-rotate-90 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-\[10deg\] {
    --tw-rotate: -10deg
}

.-rotate-\[10deg\],.-rotate-\[14deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-\[14deg\] {
    --tw-rotate: -14deg
}

.-rotate-\[15deg\] {
    --tw-rotate: -15deg
}

.-rotate-\[15deg\],.-rotate-\[6deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-\[6deg\] {
    --tw-rotate: -6deg
}

.rotate-1 {
    --tw-rotate: 1deg
}

.rotate-1,.rotate-180 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-3 {
    --tw-rotate: 3deg
}

.rotate-3,.rotate-4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-4 {
    --tw-rotate: 4deg
}

.rotate-5 {
    --tw-rotate: 5deg
}

.rotate-5,.rotate-7 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-7 {
    --tw-rotate: 7deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,.rotate-\[10deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[10deg\] {
    --tw-rotate: 10deg
}

.rotate-\[14deg\] {
    --tw-rotate: 14deg
}

.rotate-\[14deg\],.rotate-\[15deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[15deg\] {
    --tw-rotate: 15deg
}

.rotate-\[30deg\] {
    --tw-rotate: 30deg
}

.rotate-\[30deg\],.rotate-\[6deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[6deg\] {
    --tw-rotate: 6deg
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-125,.scale-\[110\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[110\%\] {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

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

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin-slow {
    animation: spin 3s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-move {
    cursor: move
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.cursor-wait {
    cursor: wait
}

.touch-manipulation {
    touch-action: manipulation
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize {
    resize: both
}

.scroll-my-\[\.3125rem\] {
    scroll-margin-bottom: .3125rem;
    scroll-margin-top: .3125rem
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

.grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-24 {
    gap: 6rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[1px\] {
    gap: 1px
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-.5rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse));
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
    margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-24>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(6rem*var(--tw-space-y-reverse));
    margin-top: calc(6rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-\[2px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2px*var(--tw-space-y-reverse));
    margin-top: calc(2px*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-grey-400>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(203 213 224/var(--tw-divide-opacity,1))
}

.divide-purple\/20>:not([hidden])~:not([hidden]) {
    border-color: rgba(124,103,203,.2)
}

.divide-zinc-800\/10>:not([hidden])~:not([hidden]) {
    border-color: rgba(39,39,42,.1)
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,.whitespace-nowrap {
    white-space: nowrap
}

.text-balance {
    text-wrap: balance
}



.min-h-\[20rem\] {
    min-height: 20rem;
  }

  .h-\[370px\] {
    height: 370px;
  }
  .w-\[80\%\] {
    width: 80%;
  }



.h-\[100\%\] {
    height: 100%;
  }


  .carousel {
    display: inline-flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }

  .carousel-item {
    box-sizing: content-box;
    display: flex;
    flex: none;
    scroll-snap-align: start;
  }
  .right-5 {
    right: 1.25rem;
  }
  .left-5 {
    left: 1.25rem;
  }
  .-right-1 {
    right: -0.25rem;
  }
  
  .-bottom-1 {
    bottom: -0.25rem;
  }

  .collapse {
    &:not(td, tr, colgroup) {
      visibility: visible;
    }
    position: relative;
    display: grid;
    overflow: hidden;
    border-radius: var(--radius-box, 1rem);
    width: 100%;
    grid-template-rows: max-content 0fr;
    transition: grid-template-rows 0.2s;
    isolation: isolate;
    > input:is([type="checkbox"], [type="radio"]) {
      grid-column-start: 1;
      grid-row-start: 1;
      appearance: none;
      opacity: 0;
      z-index: 1;
      width: 100%;
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 1lh;
      transition: background-color 0.2s ease-out;
    }
    &:is([open], :focus:not(.collapse-close)), &:not(.collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
      grid-template-rows: max-content 1fr;
    }
    &:is([open], :focus:not(.collapse-close)) > .collapse-content, &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      visibility: visible;
      min-height: fit-content;
    }
    &:focus-visible, &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible) {
      outline-color: var(--color-base-content);
      outline-style: solid;
      outline-width: 2px;
      outline-offset: 2px;
    }
    &:not(.collapse-close) {
      > input[type="checkbox"], > input[type="radio"]:not(:checked), > .collapse-title {
        cursor: pointer;
      }
    }
    &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {
      cursor: unset;
    }
    &:is([open], :focus:not(.collapse-close)) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
      padding-bottom: 1rem;
      transition: padding 0.2s ease-out, background-color 0.2s ease-out;
    }
    &:is([open]) {
      &.collapse-arrow {
        > .collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
    }
    &.collapse-open {
      &.collapse-arrow {
        > .collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &.collapse-plus {
        > .collapse-title:after {
          content: "-";
        }
      }
    }
    &.collapse-arrow:focus:not(.collapse-close) {
      > .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }
    &.collapse-arrow:not(.collapse-close) {
      > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }
    &[open] {
      &.collapse-plus {
        > .collapse-title:after {
          content: "-";
        }
      }
    }
    &.collapse-plus:focus:not(.collapse-close) {
      > .collapse-title:after {
        content: "-";
      }
    }
    &.collapse-plus:not(.collapse-close) {
      > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
        content: "-";
      }
    }
    &:is(details) {
      width: 100%;
      & summary {
        position: relative;
        display: block;
        &::-webkit-details-marker {
          display: none;
        }
      }
    }
    &:is(details) summary {
      outline: none;
    }
  }
  .collapse-content {
    grid-column-start: 1;
    grid-row-start: 1;
    visibility: hidden;
    grid-column-start: 1;
    grid-row-start: 2;
    min-height: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: unset;
    transition: visibility 0.2s, padding 0.2s ease-out, background-color 0.2s ease-out;
  }
  .collapse {
    visibility: collapse;
  }
  .list {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    :where(.list-row) {
      --list-grid-cols: minmax(0, auto) 1fr;
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 4);
      word-break: break-word;
      grid-template-columns: var(--list-grid-cols);
      &:has(.list-col-grow:nth-child(1)) {
        --list-grid-cols: 1fr;
      }
      &:has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }
      :not(.list-col-wrap) {
        grid-row-start: 1;
      }
    }
    & > :not(:last-child) {
      &.list-row, .list-row {
        &:after {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          bottom: calc(0.25rem * 0);
          border-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }
  }

  .collapse-title {
    grid-column-start: 1;
    grid-row-start: 1;
    position: relative;
    width: 100%;
    padding: 0.75rem;
    padding-inline-end: 3rem;
    min-height: 1lh;
    transition: background-color 0.2s ease-out;
  }

  .collapse-plus {
    > .collapse-title:after {
      position: absolute;
      display: block;
      height: 0.5rem;
      width: 0.5rem;
      transition-property: all;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      top: 0.8rem;
      inset-inline-end: 1.4rem;
      content: "+";
      pointer-events: none;
    }
  }

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

  .divider {
    display: flex;
    /* height: calc(0.25rem * 4); */
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    white-space: nowrap;
    /* margin: var(--divider-m, 1rem 0); */
    --divider-color: oklch(20% 0 0);
    @supports (color: color-mix(in lab, red, red)) {
      --divider-color: color-mix(in oklab,oklch(20% 0 0) 10%, transparent);
    }
    &:before, &:after {
      content: "";
      height: calc(0.25rem * 0.5);
      width: 100%;
      flex-grow: 1;
      background-color: var(--divider-color);
    }
    @media print {
      &:before, &:after {
        border: 0.5px solid;
      }
    }
    &:not(:empty) {
      gap: calc(0.25rem * 4);
    }
  }
  
.event-dot {
  width: 16px;
  background-color: #1e3a8a; /* Dark navy for marker */
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  transition: transform 0.2s ease;
}

/* Styling for placeholder images */
.event-image {
    max-width: 100%;
    width: 100%;
    max-width: 300px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .event-image {
        max-width: 400px;
        height: 200px;
    }
}

.line-clamp-list-desc {
    max-height: 2.9rem;
}


.rounded {
    border-radius: .25rem
}

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

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

.rounded-\[\.3rem\] {
    border-radius: .3rem
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-l {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-l-md {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.rounded-r {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-r-md {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-\[calc\(0\.5rem-1px\)\] {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-tl-md {
    border-top-left-radius: .375rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

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

.border-b-4 {
    border-bottom-width: 4px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-r {
    border-right-width: 1px
}

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

.border-r-2 {
    border-right-width: 2px
}

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

.border-t-0 {
    border-top-width: 0
}

.border-none {
    border-style: none
}

.\!border-purple {
    --tw-border-opacity: 1;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1))
}

.border-\[\#9f8f75\] {
    --tw-border-opacity: 1;
    border-color: rgb(159 143 117/var(--tw-border-opacity,1))
}

.border-\[\#CECECE\] {
    --tw-border-opacity: 1;
    border-color: rgb(206 206 206/var(--tw-border-opacity,1))
}

.border-black\/10 {
    border-color: rgba(25,26,27,.1)
}

.border-brown-light {
    --tw-border-opacity: 1;
    border-color: rgb(210 195 174/var(--tw-border-opacity,1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity,1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity,1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity,1))
}

.border-green {
    --tw-border-opacity: 1;
    border-color: rgb(56 161 105/var(--tw-border-opacity,1))
}

.border-grey-300 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity,1))
}

.border-grey-400 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 224/var(--tw-border-opacity,1))
}

.border-grey-500 {
    --tw-border-opacity: 1;
    border-color: rgb(160 174 192/var(--tw-border-opacity,1))
}

.border-grey-600 {
    --tw-border-opacity: 1;
    border-color: rgb(113 128 150/var(--tw-border-opacity,1))
}

.border-grey-lighter {
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242/var(--tw-border-opacity,1))
}

.border-purple {
    --tw-border-opacity: 1;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1))
}

.border-purple-light {
    --tw-border-opacity: 1;
    border-color: rgb(219 215 234/var(--tw-border-opacity,1))
}

.border-purple\/30 {
    border-color: rgba(124,103,203,.3)
}

.border-purple\/40 {
    border-color: rgba(124,103,203,.4)
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113/var(--tw-border-opacity,1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity,1))
}

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-border-opacity,1))
}

.border-red-600\/70 {
    border-color: rgba(220,38,38,.7)
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity,1))
}

.border-tan-dark\/30 {
    border-color: hsla(0,0%,52%,.3)
}

.border-tan-dark\/50 {
    border-color: hsla(0,0%,52%,.5)
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245/var(--tw-border-opacity,1))
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

.border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity,1))
}

.border-zinc-800\/10 {
    border-color: rgba(39,39,42,.1)
}

.border-zinc-800\/15 {
    border-color: rgba(39,39,42,.15)
}

.border-b-zinc-300\/80 {
    border-bottom-color: hsla(240,5%,84%,.8)
}

.bg-\[\#1B1A21\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 26 33/var(--tw-bg-opacity,1))
}

.bg-\[\#6772e5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(103 114 229/var(--tw-bg-opacity,1))
}

.bg-\[\#FDF1EF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 241 239/var(--tw-bg-opacity,1))
}

.bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent)
}

.bg-\[var\(--color-accent-foreground\)\] {
    background-color: var(--color-accent-foreground)
}

.bg-amber-400\/25 {
    background-color: rgba(251,191,36,.25)
}

.bg-amber-500 {
    background-color: rgb(245 158 11/var(--tw-bg-opacity,1))
}

.bg-amber-500,.bg-black {
    --tw-bg-opacity: 1
}

.bg-black {
    background-color: rgb(25 26 27/var(--tw-bg-opacity,1))
}

.bg-black\/10 {
    background-color: rgba(25,26,27,.1)
}

.bg-black\/80 {
    background-color: rgba(25,26,27,.8)
}

.bg-black\/\[\.9\] {
    background-color: rgba(25,26,27,.9)
}

.bg-blue-lightest {
    --tw-bg-opacity: 1;
    background-color: rgb(239 254 255/var(--tw-bg-opacity,1))
}

.bg-cp-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity,1))
}

.bg-cyan-400\/20 {
    background-color: rgba(34,211,238,.2)
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity,1))
}

.bg-emerald-400\/20 {
    background-color: rgba(52,211,153,.2)
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity,1))
}

.bg-fuchsia-400\/20 {
    background-color: rgba(232,121,249,.2)
}

.bg-fuchsia-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 70 239/var(--tw-bg-opacity,1))
}

.bg-gray-100 {
    background-color: rgb(243 244 246/var(--tw-bg-opacity,1))
}

.bg-gray-100,.bg-gray-400 {
    --tw-bg-opacity: 1
}

.bg-gray-400 {
    background-color: rgb(156 163 175/var(--tw-bg-opacity,1))
}

.bg-gray-900 {
    background-color: rgb(17 24 39/var(--tw-bg-opacity,1))
}

.bg-gray-900,.bg-green {
    --tw-bg-opacity: 1
}

.bg-green {
    background-color: rgb(56 161 105/var(--tw-bg-opacity,1))
}

.bg-green-light {
    --tw-bg-opacity: 1;
    background-color: rgb(115 214 53/var(--tw-bg-opacity,1))
}

.bg-green\/20 {
    background-color: rgba(56,161,105,.2)
}

.bg-grey-200 {
    background-color: rgb(237 242 247/var(--tw-bg-opacity,1))
}

.bg-grey-200,.bg-grey-500 {
    --tw-bg-opacity: 1
}

.bg-grey-500 {
    background-color: rgb(160 174 192/var(--tw-bg-opacity,1))
}

.bg-grey-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 128 150/var(--tw-bg-opacity,1))
}

.bg-grey-lightest {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity,1))
}

.bg-indigo-400\/20 {
    background-color: rgba(129,140,248,.2)
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity,1))
}

.bg-indigo-900 {
    background-color: rgb(49 46 129/var(--tw-bg-opacity,1))
}

.bg-indigo-900,.bg-lime {
    --tw-bg-opacity: 1
}

.bg-lime {
    background-color: rgb(212 255 76/var(--tw-bg-opacity,1))
}

.bg-mint {
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1))
}

.bg-mint,.bg-pink {
    --tw-bg-opacity: 1
}

.bg-pink {
    background-color: rgb(255 38 158/var(--tw-bg-opacity,1))
}

.bg-pink-light {
    background-color: rgb(255 220 239/var(--tw-bg-opacity,1))
}

.bg-pink-light,.bg-purple {
    --tw-bg-opacity: 1
}

.bg-purple {
    background-color: rgb(124 103 203/var(--tw-bg-opacity,1))
}

.bg-purple-light {
    --tw-bg-opacity: 1;
    background-color: rgb(219 215 234/var(--tw-bg-opacity,1))
}

.bg-purple\/10 {
    background-color: rgba(124,103,203,.1)
}

.bg-purple\/20 {
    background-color: rgba(124,103,203,.2)
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity,1))
}

.bg-red-400\/20 {
    background-color: hsla(0,91%,71%,.2)
}

.bg-red-500 {
    background-color: rgb(239 68 68/var(--tw-bg-opacity,1))
}

.bg-red-500,.bg-red-600 {
    --tw-bg-opacity: 1
}

.bg-red-600 {
    background-color: rgb(220 38 38/var(--tw-bg-opacity,1))
}

.bg-rose-400\/20 {
    background-color: rgba(251,113,133,.2)
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity,1))
}

.bg-sky-400\/20 {
    background-color: rgba(56,189,248,.2)
}

.bg-sky-500 {
    background-color: rgb(14 165 233/var(--tw-bg-opacity,1))
}

.bg-sky-500,.bg-slate-100 {
    --tw-bg-opacity: 1
}

.bg-slate-100 {
    background-color: rgb(241 245 249/var(--tw-bg-opacity,1))
}

.bg-slate-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity,1))
}

.bg-tan-dark\/10 {
    background-color: hsla(0,0%,52%,.1)
}

.bg-tan-light {
    background-color: rgb(250 248 247/var(--tw-bg-opacity,1))
}

.bg-tan-light,.bg-teal {
    --tw-bg-opacity: 1
}

.bg-teal {
    background-color: rgb(1 215 176/var(--tw-bg-opacity,1))
}

.bg-transparent {
    background-color: transparent
}

.bg-violet-400\/20 {
    background-color: rgba(167,139,250,.2)
}

.bg-violet-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255/var(--tw-bg-opacity,1))
}

.bg-violet-500 {
    background-color: rgb(139 92 246/var(--tw-bg-opacity,1))
}

.bg-violet-500,.bg-white {
    --tw-bg-opacity: 1
}

.bg-white {
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-white\/70 {
    background-color: hsla(0,0%,100%,.7)
}

.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1))
}

.bg-yellow-light {
    --tw-bg-opacity: 1;
    background-color: rgb(253 251 175/var(--tw-bg-opacity,1))
}

.bg-zinc-200 {
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1))
}

.bg-zinc-200,.bg-zinc-400 {
    --tw-bg-opacity: 1
}

.bg-zinc-400 {
    background-color: rgb(161 161 170/var(--tw-bg-opacity,1))
}

.bg-zinc-400\/15 {
    background-color: hsla(240,5%,65%,.15)
}

.bg-zinc-50 {
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.bg-zinc-50,.bg-zinc-500 {
    --tw-bg-opacity: 1
}

.bg-zinc-500 {
    background-color: rgb(113 113 122/var(--tw-bg-opacity,1))
}

.bg-zinc-600 {
    background-color: rgb(82 82 91/var(--tw-bg-opacity,1))
}

.bg-zinc-600,.bg-zinc-800 {
    --tw-bg-opacity: 1
}

.bg-zinc-800 {
    background-color: rgb(39 39 42/var(--tw-bg-opacity,1))
}

.bg-zinc-800\/15 {
    background-color: rgba(39,39,42,.15)
}

.bg-zinc-800\/5 {
    background-color: rgba(39,39,42,.05)
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

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

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

.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left,var(--tw-gradient-stops))
}

.from-\[\#B3BBDB\] {
    --tw-gradient-from: #b3bbdb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(179,187,219,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#EAE8F6\] {
    --tw-gradient-from: #eae8f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(234,232,246,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#FF8E7F\] {
    --tw-gradient-from: #ff8e7f var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(7,100%,75%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-black {
    --tw-gradient-from: #191a1b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(25,26,27,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-grey-lightest {
    --tw-gradient-from: #f8f8f8 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,97%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-pink-hot {
    --tw-gradient-from: #ff269e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255,38,158,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-purple {
    --tw-gradient-from: #7c67cb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(124,103,203,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-purple-hot {
    --tw-gradient-from: #a832d7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(168,50,215,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-slate-100 {
    --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(241,245,249,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-tan-light {
    --tw-gradient-from: #faf8f7 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(20,23%,97%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-violet-50 {
    --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(245,243,255,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.via-grey-200 {
    --tw-gradient-to: rgba(237,242,247,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#edf2f7 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.to-\[\#7C86B4\] {
    --tw-gradient-to: #7c86b4 var(--tw-gradient-to-position)
}

.to-\[\#D0CCE9\] {
    --tw-gradient-to: #d0cce9 var(--tw-gradient-to-position)
}

.to-\[\#FF2D20\] {
    --tw-gradient-to: #ff2d20 var(--tw-gradient-to-position)
}

.to-gray-700 {
    --tw-gradient-to: #374151 var(--tw-gradient-to-position)
}

.to-grey-200 {
    --tw-gradient-to: #edf2f7 var(--tw-gradient-to-position)
}

.to-pink {
    --tw-gradient-to: #ff269e var(--tw-gradient-to-position)
}

.to-purple-dark {
    --tw-gradient-to: #4a3f74 var(--tw-gradient-to-position)
}

.to-purple-hot {
    --tw-gradient-to: #a832d7 var(--tw-gradient-to-position)
}

.to-slate-200 {
    --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position)
}

.to-tan-light\/75 {
    --tw-gradient-to: hsla(20,23%,97%,.75) var(--tw-gradient-to-position)
}

.to-teal {
    --tw-gradient-to: #01d7b0 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-violet-100 {
    --tw-gradient-to: #ede9fe var(--tw-gradient-to-position)
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.fill-current {
    fill: currentColor
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.\!p-0,.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[\.3125rem\] {
    padding: .3125rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[5px\] {
    padding: 5px
}

.p-\[7px\] {
    padding: 7px
}

.\!px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

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

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

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

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

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

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

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

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

.px-\[\.3125rem\] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

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

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

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

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

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

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

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

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

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

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-36 {
    padding-bottom: 9rem;
    padding-top: 9rem
}

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

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-52 {
    padding-bottom: 13rem;
    padding-top: 13rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem
}

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

.py-\[3px\] {
    padding-bottom: 3px;
    padding-top: 3px
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px
}

.\!pe-0 {
    padding-inline-end:0}

.\!ps-0 {
    padding-inline-start:0}

.pb-1 {
    padding-bottom: .25rem
}

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

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-72 {
    padding-bottom: 18rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[\.3125rem\] {
    padding-bottom: .3125rem
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

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

.pl-11 {
    padding-left: 2.75rem
}

.pl-15 {
    padding-left: 3.75rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-3\.5 {
    padding-left: .875rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pl-\[2px\] {
    padding-left: 2px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-11 {
    padding-right: 2.75rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-3 {
    padding-right: .75rem
}

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

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pr-\[\.3125rem\] {
    padding-right: .3125rem
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-36 {
    padding-top: 9rem
}

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

.pt-48 {
    padding-top: 12rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[\.3125rem\] {
    padding-top: .3125rem
}

.pt-\[2px\] {
    padding-top: 2px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

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

.text-2xs {
    font-size: .75rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-3xs {
    font-size: .625rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem
}

.text-5xl,.text-6xl {
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem
}

.text-7xl {
    font-size: 5rem
}

.text-8xl {
    font-size: 6rem
}

.text-9xl {
    font-size: 8rem;
    line-height: 1
}

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

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

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

.text-sm {
    line-height: 1.25rem
}

.text-sm,.text-sm\/6 {
    font-size: .875rem
}

.text-sm\/6 {
    line-height: 1.5rem
}

.text-sm\/7 {
    font-size: .875rem
}

.text-sm\/7,.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem
}

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

.\!font-semibold {
    font-weight: 600
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-5 {
    line-height: 1.25rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-\[1\.125rem\] {
    line-height: 1.125rem
}

.leading-\[1\.375rem\] {
    line-height: 1.375rem
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[2px\] {
    letter-spacing: 2px
}

.tracking-\[3px\] {
    letter-spacing: 3px
}

.tracking-\[5px\] {
    letter-spacing: 5px
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-tighter {
    letter-spacing: -.05em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.\!text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.text-\[\#4E5154\] {
    --tw-text-opacity: 1;
    color: rgb(78 81 84/var(--tw-text-opacity,1))
}

.text-\[\#655B8B\] {
    --tw-text-opacity: 1;
    color: rgb(101 91 139/var(--tw-text-opacity,1))
}

.text-\[\#D7E5FE\] {
    --tw-text-opacity: 1;
    color: rgb(215 229 254/var(--tw-text-opacity,1))
}

.text-\[\#E7E0FC\] {
    --tw-text-opacity: 1;
    color: rgb(231 224 252/var(--tw-text-opacity,1))
}

.text-\[\#F5DDEE\] {
    --tw-text-opacity: 1;
    color: rgb(245 221 238/var(--tw-text-opacity,1))
}

.text-\[\#a89f9e\] {
    --tw-text-opacity: 1;
    color: rgb(168 159 158/var(--tw-text-opacity,1))
}

.text-\[var\(--color-accent-content\)\] {
    color: var(--color-accent-content)
}

.text-\[var\(--color-accent-foreground\)\] {
    color: var(--color-accent-foreground)
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity,1))
}

.text-amber-700 {
    color: rgb(180 83 9/var(--tw-text-opacity,1))
}

.text-amber-700,.text-black {
    --tw-text-opacity: 1
}

.text-black {
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.text-black\/70 {
    color: rgba(25,26,27,.7)
}

.text-blue-darkest {
    --tw-text-opacity: 1;
    color: rgb(0 47 60/var(--tw-text-opacity,1))
}

.text-brown {
    --tw-text-opacity: 1;
    color: rgb(148 140 128/var(--tw-text-opacity,1))
}

.text-brown-light {
    --tw-text-opacity: 1;
    color: rgb(210 195 174/var(--tw-text-opacity,1))
}

.text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117/var(--tw-text-opacity,1))
}

.text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70/var(--tw-text-opacity,1))
}

.text-fuchsia-700 {
    --tw-text-opacity: 1;
    color: rgb(162 28 175/var(--tw-text-opacity,1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity,1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity,1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity,1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity,1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity,1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity,1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity,1))
}

.text-gray-900 {
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.text-gray-900,.text-green {
    --tw-text-opacity: 1
}

.text-green {
    color: rgb(56 161 105/var(--tw-text-opacity,1))
}

.text-green-dark {
    --tw-text-opacity: 1;
    color: rgb(26 127 55/var(--tw-text-opacity,1))
}

.text-grey-500 {
    --tw-text-opacity: 1;
    color: rgb(160 174 192/var(--tw-text-opacity,1))
}

.text-grey-600 {
    --tw-text-opacity: 1;
    color: rgb(113 128 150/var(--tw-text-opacity,1))
}

.text-grey-700 {
    --tw-text-opacity: 1;
    color: rgb(74 85 104/var(--tw-text-opacity,1))
}

.text-grey-800 {
    --tw-text-opacity: 1;
    color: rgb(45 55 72/var(--tw-text-opacity,1))
}

.text-grey-light {
    --tw-text-opacity: 1;
    color: rgb(218 218 218/var(--tw-text-opacity,1))
}

.text-indigo-700 {
    color: rgb(67 56 202/var(--tw-text-opacity,1))
}

.text-indigo-700,.text-lime {
    --tw-text-opacity: 1
}

.text-lime {
    color: rgb(212 255 76/var(--tw-text-opacity,1))
}

.text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity,1))
}

.text-pink,.text-pink-hot {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

.text-purple {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.text-purple-dark {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.text-purple-dark\/80 {
    color: rgba(74,63,116,.8)
}

.text-purple-light {
    --tw-text-opacity: 1;
    color: rgb(219 215 234/var(--tw-text-opacity,1))
}

.text-red-500 {
    color: rgb(239 68 68/var(--tw-text-opacity,1))
}

.text-red-500,.text-red-600 {
    --tw-text-opacity: 1
}

.text-red-600 {
    color: rgb(220 38 38/var(--tw-text-opacity,1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity,1))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity,1))
}

.text-rose-700 {
    --tw-text-opacity: 1;
    color: rgb(190 18 60/var(--tw-text-opacity,1))
}

.text-sky-800 {
    --tw-text-opacity: 1;
    color: rgb(7 89 133/var(--tw-text-opacity,1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity,1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity,1))
}

.text-tan-dark {
    --tw-text-opacity: 1;
    color: rgb(133 133 133/var(--tw-text-opacity,1))
}

.text-tan-darker {
    --tw-text-opacity: 1;
    color: rgb(94 90 90/var(--tw-text-opacity,1))
}

.text-tan-darker\/90 {
    color: rgba(94,90,90,.9)
}

.text-teal {
    --tw-text-opacity: 1;
    color: rgb(1 215 176/var(--tw-text-opacity,1))
}

.text-transparent {
    color: transparent
}

.text-violet-700 {
    --tw-text-opacity: 1;
    color: rgb(109 40 217/var(--tw-text-opacity,1))
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21/var(--tw-text-opacity))
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21/var(--tw-text-opacity))
}



.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-white\/80 {
    color: hsla(0,0%,100%,.8)
}

.text-yellow {
    color: rgb(250 247 125/var(--tw-text-opacity,1))
}

.text-yellow,.text-zinc-300 {
    --tw-text-opacity: 1
}

.text-zinc-300 {
    color: rgb(212 212 216/var(--tw-text-opacity,1))
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.text-zinc-400\/75 {
    color: hsla(240,5%,65%,.75)
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity,1))
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity,1))
}

.text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.text-zinc-800\/70 {
    color: rgba(39,39,42,.7)
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none !important;
}

.decoration-\[color-mix\(in_oklab\2c var\(--color-accent-content\)\2c transparent_80\%\)\] {
    text-decoration-color: color-mix(in oklab,var(--color-accent-content),transparent 80%)
}

.decoration-rose-300 {
    text-decoration-color: #fda4af
}

.decoration-zinc-800\/20 {
    text-decoration-color: rgba(39,39,42,.2)
}

.decoration-2 {
    text-decoration-thickness: 2px
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.underline-offset-\[6px\] {
    text-underline-offset: 6px
}

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

.placeholder-zinc-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1))
}

.placeholder-zinc-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1))
}

.placeholder-zinc-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(113 113 122/var(--tw-placeholder-opacity,1))
}

.placeholder-zinc-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(113 113 122/var(--tw-placeholder-opacity,1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.mix-blend-overlay {
    mix-blend-mode: overlay
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0 1px 4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color)
}

.shadow-\[inset_0px_1px_theme\(colors\.red\.500\)\2c inset_0px_2px_theme\(colors\.white\/\.15\)\] {
    --tw-shadow: inset 0px 1px #ef4444,inset 0px 2px hsla(0,0%,100%,.15);
    --tw-shadow-colored: inset 0px 1px var(--tw-shadow-color),inset 0px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[inset_0px_1px_theme\(colors\.white\/\.2\)\] {
    --tw-shadow: inset 0px 1px hsla(0,0%,100%,.2);
    --tw-shadow-colored: inset 0px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 0 0 #dbd7ea;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color)
}

.shadow-inner,.shadow-inner-soft {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-inner-soft {
    --tw-shadow: inset 0 2px 0 0 #f6f4fd;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color)
}

.shadow-inner-tan {
    --tw-shadow: inset 0 2px 0 0 #f7f3ec;
    --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color)
}

.shadow-inner-tan,.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg-purple {
    --tw-shadow: 0px 11px 37px -18px #4c305a;
    --tw-shadow-colored: 0px 11px 37px -18px var(--tw-shadow-color)
}

.shadow-lg-purple,.shadow-lg-sand {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg-sand {
    --tw-shadow: 0 24px 64px -12px #beb9b3;
    --tw-shadow-colored: 0 24px 64px -12px var(--tw-shadow-color)
}

.shadow-lg-soft {
    --tw-shadow: 0px 16px 40px -8px rgba(0,0,0,.1);
    --tw-shadow-colored: 0px 16px 40px -8px var(--tw-shadow-color)
}

.shadow-lg-soft,.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md-soft {
    --tw-shadow: 0 2px 6px -16px rgba(0,0,0,.05),0 7px 10px -4px rgba(0,0,0,.25) ;
    ;--tw-shadow-colored: 0 2px 6px -16px var(--tw-shadow-color),0 7px 10px -4px var(--tw-shadow-color)
}

.shadow-md-soft,.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,.shadow-sm-soft {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm-soft {
    --tw-shadow: 0 2px 8px 0 rgba(0,0,0,.07),0 3px 5px -4px rgba(0,0,0,.05);
    --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color),0 3px 5px -4px var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.shadow-xl,.shadow-xs-soft {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-xs-soft {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-offset-2 {
    outline-offset: 2px
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-quicksand\/60 {
    --tw-ring-color: hsla(20,22%,65%,.6)
}

.ring-tan-darker\/10 {
    --tw-ring-color: rgba(94,90,90,.1)
}

.ring-tan-darker\/20 {
    --tw-ring-color: rgba(94,90,90,.2)
}

.ring-tan-darker\/40 {
    --tw-ring-color: rgba(94,90,90,.4)
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity,1))
}

.blur-xl {
    --tw-blur: blur(24px)
}

.blur-xl,.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}

.drop-shadow-\[0_0_1px_rgba\(0\2c 0\2c 0\2c 1\)\] {
    --tw-drop-shadow: drop-shadow(0 0 1px #000)
}

.drop-shadow-\[0_0_1px_rgba\(0\2c 0\2c 0\2c 1\)\],.drop-shadow-\[0_18px_24px_rgba\(0\2c 0\2c 0\2c \.3\)\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-\[0_18px_24px_rgba\(0\2c 0\2c 0\2c \.3\)\] {
    --tw-drop-shadow: drop-shadow(0 18px 24px rgba(0,0,0,.3))
}

.drop-shadow-coral {
    --tw-drop-shadow: drop-shadow(8px 8px 30px #cbb3b3)
}

.drop-shadow-coral,.drop-shadow-lime {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lime {
    --tw-drop-shadow: drop-shadow(7px 2px 2px #d4ff4c)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.drop-shadow-md,.drop-shadow-purple {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-purple {
    --tw-drop-shadow: drop-shadow(16px 8px 30px #a57bad)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter,.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.delay-1000 {
    transition-delay: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.\[--fx-flyout-translate\: translateX\(-50px\)\] {
    --fx-flyout-translate:translateX(-50px)
}

.\[--fx-flyout-translate\: translateX\(50px\)\] {
    --fx-flyout-translate:translateX(50px)
}

.\[--fx-flyout-translate\: translateY\(50px\)\] {
    --fx-flyout-translate:translateY(50px)
}

.\[--haze-border\: color-mix\(in_oklab\2c _var\(--color-accent-content\)\2c _transparent_80\%\)\] {
    --haze-border:color-mix(in oklab,var(--color-accent-content),transparent 80%)
}

.\[--haze-light\: color-mix\(in_oklab\2c _var\(--color-accent\)\2c _transparent_98\%\)\] {
    --haze-light:color-mix(in oklab,var(--color-accent),transparent 98%)
}

.\[--haze\: color-mix\(in_oklab\2c _var\(--color-accent-content\)\2c _transparent_97\.5\%\)\] {
    --haze:color-mix(in oklab,var(--color-accent-content),transparent 97.5%)
}

.\[--hover-fill\: color-mix\(in_oklab\2c _var\(--color-accent-content\)\2c _transparent_90\%\)\] {
    --hover-fill:color-mix(in oklab,var(--color-accent-content),transparent 90%)
}

.\[grid-area\:aside\] {
    grid-area: aside
}

.\[grid-area\:footer\] {
    grid-area: footer
}

.\[grid-area\:header\] {
    grid-area: header
}

.\[grid-area\:main\] {
    grid-area: main
}

.\[grid-area\:sidebar\] {
    grid-area: sidebar
}

.\[print-color-adjust\:exact\] {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

@media (min-width: 768px) {
    .md\:grid-cols-\[3fr_7fr\] {
      grid-template-columns: 3fr 7fr;
    }

    .md\:prose-base {
        font-size:1rem;
        line-height: 1.75
    }

    .md\:prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .md\:prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em
    }

    .md\:prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start:1em}

    .md\:prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 2.25em;
        line-height: 1.1111111;
        margin-bottom: .8888889em;
        margin-top: 0
    }

    .md\:prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.5em;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em
    }

    .md\:prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: .6em;
        margin-top: 1.6em
    }

    .md\:prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        line-height: 1.5;
        margin-bottom: .5em;
        margin-top: 1.5em
    }

    .md\:prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .md\:prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .md\:prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .md\:prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .md\:prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .875em;
        padding-inline-end:.375em;padding-bottom: .1875em;
        padding-top: .1875em;
        padding-inline-start:.375em}

    .md\:prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em
    }

    .md\:prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em
    }

    .md\:prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .9em
    }

    .md\:prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        border-radius: .375rem;
        font-size: .875em;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        padding-inline-end:1.1428571em;padding-bottom: .8571429em;
        padding-top: .8571429em;
        padding-inline-start:1.1428571em}

    .md\:prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start:1.625em}

    .md\:prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start:1.625em}

    .md\:prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .5em;
        margin-top: .5em
    }

    .md\:prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:.375em}

    .md\:prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:.375em}

    .md\:prose-base :where(.md\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .md\:prose-base :where(.md\:prose-base>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .md\:prose-base :where(.md\:prose-base>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .md\:prose-base :where(.md\:prose-base>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .md\:prose-base :where(.md\:prose-base>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .md\:prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
    }

    .md\:prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
    }

    .md\:prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.25em
    }

    .md\:prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start:1.625em}

    .md\:prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 3em;
        margin-top: 3em
    }

    .md\:prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .md\:prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .md\:prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .md\:prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .md\:prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.7142857
    }

    .md\:prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:.5714286em;padding-bottom: .5714286em;
        padding-inline-start:.5714286em}

    .md\:prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:0}

    .md\:prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:0}

    .md\:prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:.5714286em;padding-bottom: .5714286em;
        padding-top: .5714286em;
        padding-inline-start:.5714286em}

    .md\:prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:0}

    .md\:prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:0}

    .md\:prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .md\:prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .md\:prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .md\:prose-base :where(.md\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .md\:prose-base :where(.md\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
   

    .lg\:prose-lg {
        font-size:1.125rem;
        line-height: 1.7777778
    }

    .lg\:prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-bottom: 1.0909091em;
        margin-top: 1.0909091em
    }

    .lg\:prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-start:1em}

    .lg\:prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 2.6666667em;
        line-height: 1;
        margin-bottom: .8333333em;
        margin-top: 0
    }

    .lg\:prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.6666667em;
        line-height: 1.3333333;
        margin-bottom: 1.0666667em;
        margin-top: 1.8666667em
    }

    .lg\:prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: 1.3333333em;
        line-height: 1.5;
        margin-bottom: .6666667em;
        margin-top: 1.6666667em
    }

    .lg\:prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8888889em;
        padding-inline-end:.4444444em;padding-bottom: .2222222em;
        padding-top: .2222222em;
        padding-inline-start:.4444444em}

    .lg\:prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .8888889em
    }

    .lg\:prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .8666667em
    }

    .lg\:prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .875em
    }

    .lg\:prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
        border-radius: .375rem;
        font-size: .8888889em;
        line-height: 1.75;
        margin-bottom: 2em;
        margin-top: 2em;
        padding-inline-end:1.5em;padding-bottom: 1em;
        padding-top: 1em;
        padding-inline-start:1.5em}

    .lg\:prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start:1.5555556em}

    .lg\:prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start:1.5555556em}

    .lg\:prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .6666667em;
        margin-top: .6666667em
    }

    .lg\:prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:.4444444em}

    .lg\:prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:.4444444em}

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .lg\:prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: .6666667em;
        padding-inline-start:1.5555556em}

    .lg\:prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 3.1111111em;
        margin-top: 3.1111111em
    }

    .lg\:prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5
    }

    .lg\:prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:.75em;padding-bottom: .75em;
        padding-inline-start:.75em}

    .lg\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:0}

    .lg\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:0}

    .lg\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:.75em;padding-bottom: .75em;
        padding-top: .75em;
        padding-inline-start:.75em}

    .lg\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-start:0}

    .lg\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        padding-inline-end:0}

    .lg\:prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 1.7777778em;
        margin-top: 1.7777778em
    }

    .lg\:prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .lg\:prose-lg :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-top: 0
    }

    .lg\:prose-lg :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
        margin-bottom: 0
    }
}

.\*\:relative>* {
    position: relative
}

.\*\:opacity-0>* {
    opacity: 0
}

.\*\:transition-opacity>* {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.file\:mr-4::file-selector-button {
    margin-right: 1rem
}

.file\:rounded-full::file-selector-button {
    border-radius: 9999px
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-violet-50::file-selector-button {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255/var(--tw-bg-opacity,1))
}

.file\:px-4::file-selector-button {
    padding-left: 1rem;
    padding-right: 1rem
}

.file\:py-2::file-selector-button {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.file\:text-purple-dark::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.placeholder\:text-purple-dark::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.placeholder\:text-purple-dark::placeholder {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-inset-px:after {
    content: var(--tw-content);
    inset: -1px
}

.after\:rounded-lg:after {
    border-radius: .5rem;
    content: var(--tw-content)
}

.first\:pl-0:first-child {
    padding-left: 0
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:rounded-b-xl:last-child {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.last\:pr-0:last-child {
    padding-right: 0
}

.empty\:hidden:empty {
    display: none
}

.focus-within\:border-yellow:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(250 247 125/var(--tw-border-opacity,1))
}

.focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.hover\:-rotate-1:hover {
    --tw-rotate: -1deg
}

.hover\:-rotate-1:hover,.hover\:-rotate-4:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-rotate-4:hover {
    --tw-rotate: -4deg
}

.hover\:rotate-1:hover {
    --tw-rotate: 1deg
}

.hover\:rotate-1:hover,.hover\:rotate-4:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:rotate-4:hover {
    --tw-rotate: 4deg
}

.hover\:scale-\[\.97\]:hover {
    --tw-scale-x: .97;
    --tw-scale-y: .97
}

.hover\:scale-\[\.97\]:hover,.hover\:scale-\[\.99\]:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[\.99\]:hover {
    --tw-scale-x: .99;
    --tw-scale-y: .99
}

.hover\:scale-\[1\.03\]:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-\[var\(--haze-border\)\]: hover {
    border-color:var(--haze-border)
}

.hover\:border-pink:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 38 158/var(--tw-border-opacity,1))
}

.hover\:border-zinc-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

.hover\:bg-\[color-mix\(in_oklab\2c _var\(--color-accent\)\2c _transparent_10\%\)\]: hover {
    background-color:color-mix(in oklab,var(--color-accent),transparent 10%)
}

.hover\:bg-\[yellow\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 0/var(--tw-bg-opacity,1))
}

.hover\:bg-black\/80:hover {
    background-color: rgba(25,26,27,.8)
}

.hover\:bg-cp-bg\/50:hover {
    background-color: rgba(241,245,249,.5)
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity,1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity,1))
}

.hover\:bg-grey-lightest:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity,1))
}

.hover\:bg-mint:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(184 255 243/var(--tw-bg-opacity,1))
}

.hover\:bg-pink:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 38 158/var(--tw-bg-opacity,1))
}

.hover\:bg-purple-light\/25:hover {
    background-color: rgba(219,215,234,.25)
}

.hover\:bg-purple\/10:hover {
    background-color: rgba(124,103,203,.1)
}

.hover\:bg-purple\/20:hover {
    background-color: rgba(124,103,203,.2)
}

.hover\:bg-purple\/30:hover {
    background-color: rgba(124,103,203,.3)
}

.hover\:bg-purple\/90:hover {
    background-color: rgba(124,103,203,.9)
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity,1))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity,1))
}

.hover\:bg-tan-dark\/20:hover {
    background-color: hsla(0,0%,52%,.2)
}

.hover\:bg-tan-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 248 247/var(--tw-bg-opacity,1))
}

.hover\:bg-yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 247 125/var(--tw-bg-opacity,1))
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity,1))
}

.hover\:bg-zinc-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1))
}

.hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.hover\:bg-zinc-800\/10:hover {
    background-color: rgba(39,39,42,.1)
}

.hover\:bg-zinc-800\/5:hover {
    background-color: rgba(39,39,42,.05)
}

.hover\:bg-zinc-800\/\[4\%\]:hover {
    background-color: rgb(39 39 42/4%)
}

.hover\:\!text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.hover\:text-\[\#142d6f\]:hover {
    --tw-text-opacity: 1;
    color: rgb(20 45 111/var(--tw-text-opacity,1))
}

.hover\:text-\[\#481149\]:hover {
    --tw-text-opacity: 1;
    color: rgb(72 17 73/var(--tw-text-opacity,1))
}

.hover\:text-\[\#d03d12\]:hover {
    --tw-text-opacity: 1;
    color: rgb(208 61 18/var(--tw-text-opacity,1))
}

.hover\:text-\[\#fcc917\]:hover {
    --tw-text-opacity: 1;
    color: rgb(252 201 23/var(--tw-text-opacity,1))
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.hover\:text-black\/90:hover {
    color: rgba(25,26,27,.9)
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity,1))
}

.hover\:text-pink-hot:hover,.hover\:text-pink:hover {
    --tw-text-opacity: 1;
    color: rgb(255 38 158/var(--tw-text-opacity,1))
}

.hover\:text-purple:hover {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.hover\:text-purple-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(74 63 116/var(--tw-text-opacity,1))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity,1))
}

.hover\:text-tan-darker:hover {
    --tw-text-opacity: 1;
    color: rgb(94 90 90/var(--tw-text-opacity,1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:decoration-current:hover {
    text-decoration-color: currentColor
}

.hover\:decoration-rose-500:hover {
    text-decoration-color: #f43f5e
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:ring-tan-darker\/50:hover {
    --tw-ring-color: rgba(94,90,90,.5)
}

.hover\:drop-shadow-lg:hover {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))
}

.hover\:drop-shadow-lg:hover,.hover\:drop-shadow-md:hover {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:drop-shadow-md:hover {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.hover\:grayscale-0:hover {
    --tw-grayscale: grayscale(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: grayscale(0)
}

.hover\:file\:bg-violet-100::file-selector-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254/var(--tw-bg-opacity,1))
}

.hover\:after\:bg-\[var\(--haze-light\)\]: hover:after {
    background-color:var(--haze-light);
    content: var(--tw-content)
}

.focus\:border-zinc-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

.focus\:text-zinc-800:focus {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.active\:top-px:active {
    top: 1px
}

.active\:translate-y-1:active {
    --tw-translate-y: 0.25rem
}

.active\:scale-\[\.98\]:active,.active\:translate-y-1:active {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[\.98\]:active {
    --tw-scale-x: .98;
    --tw-scale-y: .98
}

.active\:border-purple:active {
    --tw-border-opacity: 1;
    border-color: rgb(124 103 203/var(--tw-border-opacity,1))
}

.active\:bg-gray-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity,1))
}

.active\:from-grey-200:active {
    --tw-gradient-from: #edf2f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(237,242,247,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.active\:to-grey-lightest:active {
    --tw-gradient-to: #f8f8f8 var(--tw-gradient-to-position)
}

.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity,1))
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-default:disabled {
    cursor: default
}

.disabled\:border-b-zinc-200:disabled {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

.disabled\:text-zinc-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

.disabled\:placeholder-zinc-400:disabled::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1))
}

.disabled\:placeholder-zinc-400:disabled::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 161 170/var(--tw-placeholder-opacity,1))
}

.disabled\:placeholder-zinc-400\/70:disabled::-moz-placeholder {
    color: hsla(240,5%,65%,.7)
}

.disabled\:placeholder-zinc-400\/70:disabled::placeholder {
    color: hsla(240,5%,65%,.7)
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-75:disabled {
    opacity: .75
}

.disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group\/breadcrumb:last-child .group-last\/breadcrumb\:hidden {
    display: none
}

.group:hover .group-hover\:-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-\[\.97\] {
    --tw-scale-x: .97;
    --tw-scale-y: .97
}

.group:hover .group-hover\:scale-\[1\.02\],.group:hover .group-hover\:scale-\[\.97\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02
}

.group:hover .group-hover\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03
}

.group:hover .group-hover\:scale-\[1\.03\],.group:hover .group-hover\:scale-\[1\.1\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.group:hover .group-hover\:bg-purple\/20 {
    background-color: rgba(124,103,203,.2)
}

.group\/accordion-heading:hover .group-hover\/accordion-heading\:text-zinc-800,.group\/sortable:hover .group-hover\/sortable\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.group:hover .group-hover\:text-grey-700 {
    --tw-text-opacity: 1;
    color: rgb(74 85 104/var(--tw-text-opacity,1))
}

.group:hover .group-hover\:text-purple {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.group:hover .group-hover\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group:hover .group-hover\:opacity-100,.group\/sortable:hover .group-hover\/sortable\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9
}

.group:hover .group-hover\:drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group\/right-align .group-\[\]\/right-align\:-ml-8 {
    margin-left: -2rem
}

.group\/right-align .group-\[\]\/right-align\:-mr-2 {
    margin-right: -.5rem
}

.group\/right-align .group-\[\]\/right-align\:flex-row-reverse {
    flex-direction: row-reverse
}

.group\/right-align .group-\[\]\/right-align\:justify-end {
    justify-content: flex-end
}

.has-\[\[data-flux-control\]\~\[data-flux-label\]\]\:grid-cols-\[auto_1fr\]:has([data-flux-control]~[data-flux-label]) {
    grid-template-columns: auto 1fr
}

.has-\[\[data-flux-label\]\~\[data-flux-control\]\]\:grid-cols-\[1fr_auto\]:has([data-flux-label]~[data-flux-control]) {
    grid-template-columns: 1fr auto
}

.has-\[option\.placeholder\:checked\]\:text-zinc-400:has(option.placeholder:checked) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.data-\[stashed\]\:\!fixed[data-stashed] {
    position: fixed
}

.data-\[stashed\]\:\!left-0[data-stashed] {
    left: 0
}

.data-\[stashed\]\:\!top-0[data-stashed] {
    top: 0
}

.data-\[open\]\:block[data-open],.data-\[selected\]\:block[data-selected] {
    display: block
}

.data-\[hidden\]\:hidden[data-hidden] {
    display: none
}

.data-\[stashed\]\:\!max-h-dvh[data-stashed] {
    max-height: 100dvh
}

.data-\[stashed\]\:\!min-h-dvh[data-stashed] {
    min-height: 100dvh
}

.data-\[checked\]\:border-0[data-checked] {
    border-width: 0
}

.data-\[current\]\:border[data-current] {
    border-width: 1px
}

.data-\[checked\]\:border-\[var\(--color-accent\)\][data-checked] {
    border-color: var(--color-accent)
}

.data-\[checked\]\:border-zinc-800[data-checked] {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42/var(--tw-border-opacity,1))
}

.data-\[current\]\:border-zinc-200[data-current] {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

.data-\[indeterminate\]\:border-transparent[data-indeterminate] {
    border-color: transparent
}

.data-\[selected\]\:border-\[var\(--color-accent-content\)\][data-selected] {
    border-color: var(--color-accent-content)
}

.data-\[selected\]\:border-zinc-800[data-selected] {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42/var(--tw-border-opacity,1))
}

.data-\[active\]\:bg-red-50[data-active] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity,1))
}

.data-\[active\]\:bg-zinc-100[data-active] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity,1))
}

.data-\[active\]\:bg-zinc-50[data-active] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.data-\[checked\]\:bg-\[var\(--color-accent\)\][data-checked] {
    background-color: var(--color-accent)
}

.data-\[checked\]\:bg-white[data-checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.data-\[checked\]\:bg-zinc-50[data-checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.data-\[current\]\:bg-white[data-current] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.data-\[current\]\:bg-zinc-800\/\[4\%\][data-current] {
    background-color: rgb(39 39 42/4%)
}

.data-\[selected\]\:bg-\[var\(--color-accent\)\][data-selected] {
    background-color: var(--color-accent)
}

.data-\[selected\]\:bg-white[data-selected] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.data-\[selected\]\:bg-zinc-800[data-selected] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity,1))
}

.data-\[active\]\:text-red-600[data-active] {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity,1))
}

.data-\[checked\]\:text-zinc-800[data-checked] {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.data-\[current\]\:text-\[var\(--color-accent-content\)\][data-current] {
    color: var(--color-accent-content)
}

.data-\[current\]\:text-zinc-800[data-current],.data-\[match\]\:text-zinc-800[data-match],.data-\[open\]\:text-zinc-800[data-open] {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.data-\[selected\]\:text-\[var\(--color-accent-content\)\][data-selected] {
    color: var(--color-accent-content)
}

.data-\[selected\]\:text-\[var\(--color-accent-foreground\)\][data-selected] {
    color: var(--color-accent-foreground)
}

.data-\[selected\]\:text-black[data-selected] {
    --tw-text-opacity: 1;
    color: rgb(25 26 27/var(--tw-text-opacity,1))
}

.data-\[selected\]\:text-white[data-selected] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.data-\[selected\]\:text-zinc-800[data-selected] {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.data-\[checked\]\:shadow-sm[data-checked],.data-\[current\]\:shadow-sm[data-current],.data-\[selected\]\:shadow-sm[data-selected] {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.data-\[current\]\:after\:absolute[data-current]:after {
    content: var(--tw-content);
    position: absolute
}

.data-\[current\]\:after\:inset-x-0[data-current]:after {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.data-\[current\]\:after\:-bottom-3[data-current]:after {
    bottom: -.75rem;
    content: var(--tw-content)
}

.data-\[current\]\:after\:h-\[2px\][data-current]:after {
    content: var(--tw-content);
    height: 2px
}

.data-\[checked\]\:after\:bg-\[var\(--haze\)\][data-checked]: after {
    background-color:var(--haze);
    content: var(--tw-content)
}

.data-\[current\]\:after\:bg-\[var\(--color-accent-content\)\][data-current]: after {
    background-color:var(--color-accent-content);
    content: var(--tw-content)
}

.data-\[current\]\:after\:bg-zinc-800[data-current]:after {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity,1));
    content: var(--tw-content)
}

.hover\:data-\[checked\]\:border-\[var\(--color-accent\)\][data-checked]: hover {
    border-color:var(--color-accent)
}

.hover\:data-\[current\]\:bg-\[var\(--hover-fill\)\][data-current]: hover {
    background-color:var(--hover-fill)
}

.hover\:data-\[current\]\:text-\[var\(--color-accent-content\)\][data-current]: hover,.hover\:data-\[selected\]\:text-\[var\(--color-accent-content\)\][data-selected]:hover {
    color:var(--color-accent-content)
}

.hover\:data-\[selected\]\:text-\[var\(--color-accent-foreground\)\][data-selected]: hover {
    color:var(--color-accent-foreground)
}

.hover\:data-\[checked\]\:after\:bg-\[var\(--haze\)\][data-checked]: hover:after {
    background-color:var(--haze);
    content: var(--tw-content)
}

.group\/accordion-heading[data-open] .group-data-\[open\]\/accordion-heading\:block,.group\/disclosure-button[data-open] .group-data-\[open\]\/disclosure-button\:block,.group\/menu-checkbox[data-checked] .group-data-\[checked\]\/menu-checkbox\:block,.group\/menu-radio[data-checked] .group-data-\[checked\]\/menu-radio\:block {
    display: block
}

.group\/accordion-heading[data-open] .group-data-\[open\]\/accordion-heading\:hidden,.group\/disclosure-button[data-open] .group-data-\[open\]\/disclosure-button\:hidden {
    display: none
}

.group[data-checked] .group-data-\[checked\]\:translate-x-\[15px\] {
    --tw-translate-x: 15px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-checked] .group-data-\[checked\]\:bg-\[var\(--color-accent-foreground\)\] {
    background-color: var(--color-accent-foreground)
}

.group\/item[data-active] .group-data-\[active\]\/item\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.group[data-selected] .group-data-\[selected\]\:text-purple {
    --tw-text-opacity: 1;
    color: rgb(124 103 203/var(--tw-text-opacity,1))
}

.prose-h2\:font-light :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))) {
    font-weight: 300
}

.prose-h2\:font-normal :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))) {
    font-weight: 400
}

.prose-h3\:font-medium :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))) {
    font-weight: 500
}

.prose-pre\:p-3 :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))) {
    padding: .75rem
}

.prose-img\:mb-0 :is(:where(img):not(:where([class~=not-prose],[class~=not-prose] *))) {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .sm\:text-6xl {
        font-size: 3.75rem
    }
    .sm\:p-4 {
        padding: 1rem
    }
    .sm\:w-\[290px\] {
        width: 290px
    }
    
    .sm\:absolute {
        position:absolute
    }
    .sm\:space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}
    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }
   

    .sm\:top-56 {
        top: 14rem
    }


    .sm\:right-20 {
        right: 5rem
    }
    
    .sm\:gap-4 {
        gap: 1rem
    }
    .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
    }
    .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
    .sm\:w-1\/6 {
    width: 60%;
  }
  .sm\:left-auto {
    left: auto
  }
  .sm\:top-auto {
    top: auto
  }
  .sm\:pr-4 {
    padding-right: 1rem
  }
  .sm\:pl-4 {
    padding-left: 1rem
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto
  }
  .sm\:text-right {
    text-align: right
  }

  .sm\:left-1\/2 {
    left: 50%
  }

  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .sm\:w-1\/2 {
    width: 50%;
    padding: 0 1rem;
  }
  .sm\:text-xl {
    font-size: 1.28125rem;
    line-height: 1.6
  }
  .sm\:h-\[500px\] {
    height: 500px;
  }
  .sm\:h-\[550px\] {
    height: 550px;
  }
  .sm\:p-0 {
   
      padding:0;
   
  }
  .sm\:pl-8 {
   
      padding-left: 2rem;
   
  }
  .sm\:w-\[100\%\] {
    
      width: 100%;
    
  }
  .sm\:h-\[100\%\] {
  
      height: 100%;
  
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px
  }

  .sm\:mb-16 {
    margin-bottom: 4rem
  }

  .sm\:ml-10 {
    margin-left: 2.5rem
  }

  .sm\:ml-auto {
    margin-left: auto
  }

  .sm\:mr-10 {
    margin-right: 2.5rem
  }

  .sm\:mr-auto {
    margin-right: auto
  }

  .sm\:mt-16 {
    margin-top: 4rem
  }

    .sm\:left-0 {
      left: 0
    }
    .sm\:-left-12 {
        left:-3rem
    }

    .sm\:-right-28 {
        right: -7rem
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-\[280px\] {
        width: 280px
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:flex-initial {
        flex: 0 1 auto
    }

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

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

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

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

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

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

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-12 {
        padding-top: 3rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

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

@media (min-width: 768px) {

  .md\:min-h-full {
    
      min-height: 100%;
    
  }


  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
  }

  .md\:-mt-20 {
    margin-top: -5rem
  }

  .md\:-mt-6 {
    margin-top: -1.5rem
  }

  .md\:mb-0 {
    margin-bottom: 0
  }

  .md\:mt-20 {
    margin-top: 5rem
  }

  .md\:mt-24 {
    margin-top: 6rem
  }

  .md\:block {
    display: block
  }

  .md\:flex {
    display: flex
  }

  .md\:grid {
    display: grid
  }

  .md\:w-full {
    width: 100%
  }

  .md\:max-w-\[25rem\] {
    max-width: 25rem
  }

  .md\:max-w-none {
    max-width: none
  }

  .md\:max-w-sm {
    max-width: 24rem
  }

    .md\:sticky {
        position:sticky
    }

    .md\:-top-40 {
        top: -10rem
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:top-auto {
        top: auto
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }

    .md\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mt-32 {
        margin-top: 8rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-\[2\/1\] {
        aspect-ratio: 2/1
    }

    .md\:size-16 {
        height: 4rem;
        width: 4rem
    }

    .md\:size-32 {
        height: 8rem;
        width: 8rem
    }

    .md\:h-14 {
        height: 3.5rem
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-28 {
        height: 7rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-72 {
        height: 18rem
    }

    .md\:h-\[100px\] {
        height: 100px
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:h-\[64px\] {
        height: 64px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-1\/6 {
        width: 16.666667%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-2\/6 {
        width: 33.333333%
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-28 {
        width: 7rem
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-36 {
        width: 9rem
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-72 {
        width: 18rem
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:w-\[100px\] {
        width: 100px
    }

    .md\:w-\[176px\] {
        width: 176px
    }

    .md\:w-\[29rem\] {
        width: 29rem
    }

    .md\:w-\[30rem\] {
        width: 30rem
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[60\%\] {
        width: 60%
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[64px\] {
        width: 64px
    }

    .md\:w-full {
        width: 100%
    }

    .md\:max-w-80 {
        max-width: 20rem
    }

    .md\:max-w-\[43rem\] {
        max-width: 43rem
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:flex-initial {
        flex: 0 1 auto
    }

    .md\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(0px*var(--tw-space-x-reverse))
    }

    .md\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2.5rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .md\:space-y-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
        margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
    }

    .md\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
        margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .md\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .md\:overflow-visible {
        overflow: visible
    }

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

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:bg-tan-light {
        --tw-bg-opacity: 1;
        background-color: rgb(250 248 247/var(--tw-bg-opacity,1))
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

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

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .md\:py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .md\:py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .md\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:pb-12 {
        padding-bottom: 3rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-24 {
        padding-bottom: 6rem
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-32 {
        padding-left: 8rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pr-16 {
        padding-right: 4rem
    }

    .md\:pr-24 {
        padding-right: 6rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-24 {
        padding-top: 6rem
    }

    .md\:pt-32 {
        padding-top: 8rem
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

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

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem
    }

    .md\:text-5xl,.md\:text-6xl {
        line-height: 1
    }

    .md\:text-6xl {
        font-size: 3.75rem
    }

    .md\:text-lg {
        font-size: 1.125rem
    }

    .md\:text-lg,.md\:text-xl {
        line-height: 1.75rem
    }

    .md\:text-xl,.md\:text-xl\/10 {
        font-size: 1.25rem
    }

    .md\:text-xl\/10 {
        line-height: 2.5rem
    }

    .md\:placeholder\:font-light::-moz-placeholder {
        font-weight: 300
    }

    .md\:placeholder\:font-light::placeholder {
        font-weight: 300
    }
}

@media (min-width: 1024px) {
    .lg\:p-0 {
        padding: 0
    }

    .lg\:pl-5 {
   
      padding-left: 1.25rem;
   
  }
  .lg\:pl-4 {
   
      padding-left: 1rem;
   
  }

  .lg\:pl-6 {
   
      padding-left: 1.5rem;
   
  }

  .lg\:pl-8 {
   
      padding-left: 2rem;
   
  }

  .lg\:h-\[100\%\] {
    height: 100%;
  }

  .lg\:min-h-full {
    
      min-height: 100%;
    
  }
  .lg\:grid-cols-\[4fr_4fr\] {
      grid-template-columns: 50% 50%;
  }
    .lg\:absolute {
        position:absolute
    }

    .lg\:-bottom-16 {
        bottom: -4rem
    }

    .lg\:-right-80 {
        right: -20rem
    }

    .lg\:-top-24 {
        top: -6rem
    }

    .lg\:-top-8 {
        top: -2rem
    }

    .lg\:left-\[40\%\] {
        left: 40%
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:top-8 {
        top: 2rem
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .lg\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:-ml-96 {
        margin-left: -24rem
    }

    .lg\:-mr-96 {
        margin-right: -24rem
    }

    .lg\:-mt-12 {
        margin-top: -3rem
    }

    .lg\:-mt-20 {
        margin-top: -5rem
    }

    .lg\:mb-40 {
        margin-bottom: 10rem
    }

    .lg\:ml-16 {
        margin-left: 4rem
    }

    .lg\:mr-12 {
        margin-right: 3rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-24 {
        margin-top: 6rem
    }

    .lg\:mt-40 {
        margin-top: 10rem
    }

    .lg\:block {
        display: block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-40 {
        height: 10rem
    }

    .lg\:h-64 {
        height: 16rem
    }

    .lg\:h-8 {
        height: 2rem
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-80 {
        width: 20rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:max-w-2xl {
        max-width: 42rem
    }

    .lg\:max-w-4xl {
        max-width: 56rem
    }

    .lg\:max-w-6xl {
        max-width: 72rem
    }

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

    .lg\:max-w-8xl {
        max-width: 88rem
    }

    .lg\:max-w-md {
        max-width: 28rem
    }

    .lg\:\!translate-x-0 {
        --tw-translate-x: 0px
    }

    .lg\:\!translate-x-0,.lg\:translate-x-1\/4 {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }

    .lg\:translate-y-1\/2 {
        --tw-translate-y: 50%;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:gap-1 {
        gap: .25rem
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }

    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .lg\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .lg\:space-y-36>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(9rem*var(--tw-space-y-reverse));
        margin-top: calc(9rem*(1 - var(--tw-space-y-reverse)))
    }

    .lg\:rounded-l-none {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .lg\:rounded-r-none {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .lg\:border-none {
        border-style: none
    }

    

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    @media (min-width: 1024px) {
        .lg\:lg\:py-32 {
            padding-bottom:8rem;
            padding-top: 8rem
        }
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

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

    .lg\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .lg\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-32 {
        padding-bottom: 8rem
    }

    .lg\:pr-20 {
        padding-right: 5rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pt-40 {
        padding-top: 10rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-7xl {
        font-size: 5rem
    }

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

    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-\[3\.4fr_4\.6fr\] {
      grid-template-columns: 3.4fr 4.6fr ;
    }

    .xl\:-left-80 {
        left:-20rem
    }

    .xl\:-top-36 {
        top: -9rem
    }

    .xl\:block {
        display: block
    }

    .xl\:inline {
        display: inline
    }

    .xl\:hidden {
        display: none
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

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

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

    .xl\:p-2 {
        padding: .5rem
    }

    .xl\:px-0 {
        padding-right: 0
    }

    .xl\:pl-0,.xl\:px-0 {
        padding-left: 0
    }

    .xl\:pr-10 {
        padding-right: 2.5rem
    }
}

@media (min-width: 1536px) {
    .\32xl\:inline {
        display:inline
    }

    .\32xl\:hidden {
        display: none
    }

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

    .\32xl\:max-w-8xl {
        max-width: 88rem
    }

    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 639px) {
    .max-sm\:flex-col {
        flex-direction:column
    }

    .max-sm\:items-end {
        align-items: flex-end
    }

    .max-sm\:gap-3 {
        gap: .75rem
    }
}

@media print {
    .print\:hidden {
        display: none
    }
}

.\[\&\+\&\>\[data-flux-menu-separator-top\]\]\:hidden+.\[\&\+\&\>\[data-flux-menu-separator-top\]\]\:hidden>[data-flux-menu-separator-top],.\[\&\:first-child\>\[data-flux-menu-separator-top\]\]\:hidden:first-child>[data-flux-menu-separator-top] {
    display: none
}

.\[\&\:has\(\+\[data-flux-subheading\]\)\]\:mb-2:has(+[data-flux-subheading]) {
    margin-bottom: .5rem
}

.\[\&\:has\(\+input\:focus\)\]\:text-zinc-800:has(+input:focus) {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.\[\&\:has\(\>\[data-flux-checkbox-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:has(>[data-flux-checkbox-group][disabled])>[data-flux-label] {
    opacity: .5
}

.\[\&\:has\(\>\[data-flux-radio-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:has(>[data-flux-radio-group][disabled])>[data-flux-label] {
    opacity: .5
}

.\[\&\:hover_\[data-flux-checkbox-indicator\]\]\:border-\[var\(--haze-border\)\]: hover [data-flux-checkbox-indicator],.\[\&\:hover_\[data-flux-radio-indicator\]\]\:border-\[var\(--haze-border\)\]:hover [data-flux-radio-indicator] {
    border-color:var(--haze-border)
}

.\[\&\:hover_\[data-navmenu-icon\]\]\:text-current:hover [data-navmenu-icon] {
    color: currentColor
}

.\[\&\:is\(button\)\]\:hover\:bg-amber-400\/40:hover:is(button) {
    background-color: rgba(251,191,36,.4)
}

.\[\&\:is\(button\)\]\:hover\:bg-amber-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-cyan-400\/30:hover:is(button) {
    background-color: rgba(34,211,238,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-cyan-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-emerald-400\/30:hover:is(button) {
    background-color: rgba(52,211,153,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-emerald-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-fuchsia-400\/30:hover:is(button) {
    background-color: rgba(232,121,249,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-fuchsia-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(192 38 211/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-indigo-400\/30:hover:is(button) {
    background-color: rgba(129,140,248,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-indigo-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-red-400\/30:hover:is(button) {
    background-color: hsla(0,91%,71%,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-red-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-rose-400\/30:hover:is(button) {
    background-color: rgba(251,113,133,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-rose-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-sky-400\/30:hover:is(button) {
    background-color: rgba(56,189,248,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-sky-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-violet-400\/30:hover:is(button) {
    background-color: rgba(167,139,250,.3)
}

.\[\&\:is\(button\)\]\:hover\:bg-violet-600:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237/var(--tw-bg-opacity,1))
}

.\[\&\:is\(button\)\]\:hover\:bg-zinc-400\/25:hover:is(button) {
    background-color: hsla(240,5%,65%,.25)
}

.\[\&\:is\(button\)\]\:hover\:bg-zinc-700:hover:is(button) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity,1))
}

.\[\&\:last-child\>\[data-flux-menu-separator-bottom\]\]\:hidden:last-child>[data-flux-menu-separator-bottom] {
    display: none
}

.\[\&\:not\(\:empty\)\+div\]\:font-normal:not(:empty)+div {
    font-weight: 400
}

.\[\&\:not\(\:empty\)\+div\]\:text-zinc-500:not(:empty)+div {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

.\[\&\:not\(\:empty\)\]\:pb-2:not(:empty) {
    padding-bottom: .5rem
}

.\[\&\:not\(\:has\(\*\)\)\]\:\!border-t-0:not(:has(*)) {
    border-top-width: 0
}

.\[\&\:not\(\:has\(\[data-flux-field\]\)\)\:has\(\[data-flux-control\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label] {
    opacity: .5
}

.\[\&\:not\(\:has\(ui-empty\[data-hidden\]\)\)\]\:hidden:not(:has(ui-empty[data-hidden])) {
    display: none
}

.\[\&\:not\(\[data-selected\]\)\]\:hidden:not([data-selected]) {
    display: none
}

.\[\&\>\*\:first-child\:not\(\:last-child\)\>\[data-flux-group-target\]\]\:rounded-r-none>:first-child:not(:last-child)>[data-flux-group-target],.\[\&\>\*\:first-child\:not\(\:last-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-r-none>:first-child:not(:last-child)>[data-flux-input]>[data-flux-group-target],.\[\&\>\*\:first-child\:not\(\:last-child\)_\[data-flux-group-target\]\]\:rounded-r-none>:first-child:not(:last-child) [data-flux-group-target] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.\[\&\>\*\:last-child\:not\(\:first-child\)\>\[data-flux-group-target\]\]\:rounded-l-none>:last-child:not(:first-child)>[data-flux-group-target],.\[\&\>\*\:last-child\:not\(\:first-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-l-none>:last-child:not(:first-child)>[data-flux-input]>[data-flux-group-target],.\[\&\>\*\:last-child\:not\(\:first-child\)_\[data-flux-group-target\]\]\:rounded-l-none>:last-child:not(:first-child) [data-flux-group-target] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)\>\[data-flux-group-target\]\]\:rounded-none>:not(:first-child):not(:last-child):not(:only-child)>[data-flux-group-target],.\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-none>:not(:first-child):not(:last-child):not(:only-child)>[data-flux-input]>[data-flux-group-target] {
    border-radius: 0
}

.\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)_\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-l-0>:not(:first-child):not(:last-child):not(:only-child) [data-flux-group-target]:not([data-invalid]) {
    border-left-width: 0
}

.\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)_\[data-flux-group-target\]\]\:rounded-none>:not(:first-child):not(:last-child):not(:only-child) [data-flux-group-target] {
    border-radius: 0
}

.\[\&\>\*\:not\(\[data-flux-label\]\)\+\[data-flux-description\]\]\:mt-3>:not([data-flux-label])+[data-flux-description] {
    margin-top: .75rem
}

.\[\&\>\[data-flux-control\]\~\[data-flux-description\]\]\:col-start-2>[data-flux-control]~[data-flux-description] {
    grid-column-start: 2
}

.\[\&\>\[data-flux-control\]\~\[data-flux-description\]\]\:row-start-2>[data-flux-control]~[data-flux-description] {
    grid-row-start: 2
}

.\[\&\>\[data-flux-control\]\~\[data-flux-error\]\]\:col-span-2>[data-flux-control]~[data-flux-error] {
    grid-column: span 2/span 2
}

.\[\&\>\[data-flux-control\]\~\[data-flux-error\]\]\:mt-1>[data-flux-control]~[data-flux-error] {
    margin-top: .25rem
}

.\[\&\>\[data-flux-field\]\:has\(\>\[data-flux-description\]\)\]\:mb-4>[data-flux-field]:has(>[data-flux-description]) {
    margin-bottom: 1rem
}

.\[\&\>\[data-flux-field\]\:last-child\]\:\!mb-0>[data-flux-field]:last-child {
    margin-bottom: 0
}

.\[\&\>\[data-flux-field\]\]\:mb-3>[data-flux-field] {
    margin-bottom: .75rem
}

.\[\&\>\[data-flux-group-target\]\:first-child\:not\(\:last-child\)\]\:rounded-r-none>[data-flux-group-target]:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.\[\&\>\[data-flux-group-target\]\:last-child\:not\(\:first-child\)\]\:rounded-l-none>[data-flux-group-target]:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.\[\&\>\[data-flux-group-target\]\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none>[data-flux-group-target]:not(:first-child):not(:last-child) {
    border-radius: 0
}

.\[\&\>\[data-flux-input\]\:first-child\:not\(\:last-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-r-0>[data-flux-input]:first-child:not(:last-child)>[data-flux-group-target]:not([data-invalid]) {
    border-right-width: 0
}

.\[\&\>\[data-flux-input\]\:last-child\:not\(\:first-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-l-0>[data-flux-input]:last-child:not(:first-child)>[data-flux-group-target]:not([data-invalid]) {
    border-left-width: 0
}

.\[\&\>\[data-flux-input\]\:not\(\:first-child\)\:not\(\:last-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-x-0>[data-flux-input]:not(:first-child):not(:last-child)>[data-flux-group-target]:not([data-invalid]) {
    border-left-width: 0;
    border-right-width: 0
}

.\[\&\>\[data-flux-input\]\]\:grow>[data-flux-input] {
    flex-grow: 1
}

.\[\&\>\[data-flux-label\]\+\[data-flux-description\]\]\:mb-3>[data-flux-label]+[data-flux-description] {
    margin-bottom: .75rem
}

.\[\&\>\[data-flux-label\]\+\[data-flux-description\]\]\:mt-0>[data-flux-label]+[data-flux-description] {
    margin-top: 0
}

.\[\&\>\[data-flux-label\]\:has\(\+\[data-flux-description\]\)\]\:mb-2>[data-flux-label]:has(+[data-flux-description]) {
    margin-bottom: .5rem
}

.\[\&\>\[data-flux-label\]\]\:mb-3>[data-flux-label] {
    margin-bottom: .75rem
}

.\[\&\>\[data-flux-label\]\~\[data-flux-control\]\]\:col-start-2>[data-flux-label]~[data-flux-control] {
    grid-column-start: 2
}

.\[\&\>\[data-flux-label\]\~\[data-flux-control\]\]\:row-start-1>[data-flux-label]~[data-flux-control] {
    grid-row-start: 1
}

.\[\&\>legend\+\[data-flux-description\]\]\:mb-4>legend+[data-flux-description] {
    margin-bottom: 1rem
}

.\[\&\>legend\:has\(\+\[data-flux-description\]\)\]\:mb-2>legend:has(+[data-flux-description]) {
    margin-bottom: .5rem
}

.\[\&\>legend\]\:mb-4>legend {
    margin-bottom: 1rem
}

.\[\&\>svg\]\:ml-6>svg {
    margin-left: 1.5rem
}

.\[\&\>svg\]\:mr-2>svg {
    margin-right: .5rem
}

.\[\&\>svg\]\:text-zinc-400>svg {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.\[\&\[data-active\]\>svg\]\:text-zinc-800[data-active]>svg {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

.\[\&\[data-active\]_\[data-flux-menu-item-icon\]\]\:text-current[data-active] [data-flux-menu-item-icon] {
    color: currentColor
}

.\[\&\[data-flux-loading\]\>\:not\(\[data-flux-loading-indicator\]\)\]\:opacity-0[data-flux-loading]>:not([data-flux-loading-indicator]) {
    opacity: 0
}

.\[\&\[data-flux-loading\]\>\[data-flux-loading-indicator\]\]\:opacity-100[data-flux-loading]>[data-flux-loading-indicator] {
    opacity: 1
}

.\[\&\[data-flux-loading\]\]\:pointer-events-none[data-flux-loading] {
    pointer-events: none
}

.\[\&\[data-position\*\=bottom\]\]\:mt-auto[data-position*=bottom] {
    margin-top: auto
}

.\[\&\[data-position\*\=left\]\]\:mr-auto[data-position*=left] {
    margin-right: auto
}

.\[\&\[data-position\*\=right\]\]\:ml-auto[data-position*=right] {
    margin-left: auto
}

.\[\&\[data-position\*\=top\]\]\:mb-auto[data-position*=top] {
    margin-bottom: auto
}

.\[\&\[disabled\]\>\:not\(\[data-flux-loading-indicator\]\)\]\:opacity-0[disabled]>:not([data-flux-loading-indicator]) {
    opacity: 0
}

.\[\&\[disabled\]\>\[data-flux-loading-indicator\]\]\:opacity-100[disabled]>[data-flux-loading-indicator] {
    opacity: 1
}

.\[\&\[disabled\]\]\:pointer-events-none[disabled] {
    pointer-events: none
}

.\[\&\[disabled\]\]\:cursor-default[disabled] {
    cursor: default
}

.\[\&\[disabled\]\]\:text-zinc-400[disabled] {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.\[\&\[disabled\]\]\:opacity-50[disabled] {
    opacity: .5
}

.\[\&\[disabled\]\]\:shadow-none[disabled] {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.\[\&\[disabled\]_\[data-flux-label\]\]\:opacity-50[disabled] [data-flux-label],.\[\&\[disabled\]_\[data-flux-legend\]\]\:opacity-50[disabled] [data-flux-legend] {
    opacity: .5
}

.\[\&\[disabled\]_\[data-slot\=content\]\]\:text-zinc-500[disabled] [data-slot=content] {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

.\[\&\[hidden\]\]\:block[hidden] {
    display: block
}

.\[\&_\[data-flux-badge-icon\]\]\:mr-1 [data-flux-badge-icon] {
    margin-right: .25rem
}

.\[\&_\[data-flux-badge-icon\]\]\:mr-1\.5 [data-flux-badge-icon] {
    margin-right: .375rem
}

.\[\&_\[data-flux-badge-icon\]\]\:mr-2 [data-flux-badge-icon] {
    margin-right: .5rem
}

.\[\&_\[data-flux-badge-icon\]\]\:size-3 [data-flux-badge-icon] {
    height: .75rem;
    width: .75rem
}

.\[\&_\[data-flux-menu-item-icon\]\]\:text-zinc-400 [data-flux-menu-item-icon] {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.last\:\[\&_\[data-flux-table-sortable\]\]\:mr-0 [data-flux-table-sortable]:last-child {
    margin-right: 0
}

.\[\&_\[data-navmenu-icon\]\]\:text-zinc-400 [data-navmenu-icon] {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity,1))
}

.\[\&_\[data-slot\=content\]\]\:\!text-base [data-slot=content] {
    font-size: 1rem;
    line-height: 1.5rem
}

.\[\&_\[data-slot\=content\]\]\:text-zinc-700 [data-slot=content] {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity,1))
}

@media (min-width: 640px) {
    .sm\:\[\&_\[data-slot\=content\]\]\:\!text-sm [data-slot=content] {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.\[\&_\[popover\]\]\:whitespace-normal [popover] {
    white-space: normal
}

.\[\&_button\]\:\!text-amber-700 button {
    --tw-text-opacity: 1;
    color: rgb(180 83 9/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-cyan-800 button {
    --tw-text-opacity: 1;
    color: rgb(21 94 117/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-emerald-800 button {
    --tw-text-opacity: 1;
    color: rgb(6 95 70/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-fuchsia-700 button {
    --tw-text-opacity: 1;
    color: rgb(162 28 175/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-indigo-700 button {
    --tw-text-opacity: 1;
    color: rgb(67 56 202/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-red-700 button {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-rose-700 button {
    --tw-text-opacity: 1;
    color: rgb(190 18 60/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-sky-800 button {
    --tw-text-opacity: 1;
    color: rgb(7 89 133/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-violet-700 button {
    --tw-text-opacity: 1;
    color: rgb(109 40 217/var(--tw-text-opacity,1))
}

.\[\&_button\]\:\!text-zinc-700 button {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity,1))
}

.\[\&_dialog\]\:whitespace-normal dialog {
    white-space: normal
}

:is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:first-child\2c _\[data-flux-button-group\]_\:first-child\>\&\)\]\:border-l-\[1px\]:first-child,[data-flux-button-group] :first-child>.\[\:is\(\[data-flux-button-group\]\>\&\:first-child\2c _\[data-flux-button-group\]_\:first-child\>\&\)\]\:border-l-\[1px\]) {
    border-left-width: 1px
}

:is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\2c _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-0:last-child,[data-flux-button-group] :last-child>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\2c _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-0) {
    border-right-width: 0
}

:is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\2c _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-\[1px\]:last-child,[data-flux-button-group] :last-child>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\2c _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-\[1px\]) {
    border-right-width: 1px
}

:is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:not\(\:first-child\)\2c _\[data-flux-button-group\]_\:not\(\:first-child\)\>\&\)\]\:border-l-\[color-mix\(in_srgb\2c var\(--color-accent-foreground\)\2c transparent_85\%\)\]: not(:first-child),[data-flux-button-group] :not(:first-child)>.\[\:is\(\[data-flux-button-group\]\>\&\:not\(\:first-child\)\2c _\[data-flux-button-group\]_\:not\(\:first-child\)\>\&\)\]\:border-l-\[color-mix\(in_srgb\2c var\(--color-accent-foreground\)\2c transparent_85\%\)\]) {
    border-left-color:color-mix(in srgb,var(--color-accent-foreground),transparent 85%)
}

:where(.\[\:where\(\&\)\]\:size-4) {
    height: 1rem;
    width: 1rem
}

:where(.\[\:where\(\&\)\]\:size-5) {
    height: 1.25rem;
    width: 1.25rem
}

:where(.\[\:where\(\&\)\]\:size-6) {
    height: 1.5rem;
    width: 1.5rem
}

:where(.\[\:where\(\&\)\]\:max-h-\[20rem\]) {
    max-height: 20rem
}

:where(.\[\:where\(\&\)\]\:w-64) {
    width: 16rem
}

:where(.\[\:where\(\&\)\]\:min-w-48) {
    min-width: 12rem
}

:where(.\[\:where\(\&\)\]\:min-w-full) {
    min-width: 100%
}

:where(.\[\:where\(\&\)\]\:max-w-7xl) {
    max-width: 80rem
}

:where(.\[\:where\(\&\)\]\:max-w-xl) {
    max-width: 36rem
}

:where(.\[\:where\(\&\)\]\:text-zinc-800) {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    :where(.md\:\[\:where\(\&\)\]\:min-w-\[25rem\]) {
        min-width:25rem
    }
}

[data-copyable-copied]>.\[\[data-copyable-copied\]\>\&\]\:block {
    display: block
}

[data-copyable-copied]>.\[\[data-copyable-copied\]\>\&\]\:hidden {
    display: none
}

[data-flux-button-group] .\[\[data-flux-button-group\]_\&\]\:border-l-0 {
    border-left-width: 0
}

[data-flux-button-group] .\[\[data-flux-button-group\]_\&\]\:border-r {
    border-right-width: 1px
}

[data-flux-button-group] .\[\[data-flux-button-group\]_\&\]\:border-r-0 {
    border-right-width: 0
}

[data-flux-button-group] .\[\[data-flux-button-group\]_\&\]\:border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-border-opacity,1))
}

[data-flux-button-group] .\[\[data-flux-button-group\]_\&\]\:border-zinc-200\/80 {
    border-color: hsla(240,6%,90%,.8)
}

[data-flux-command-input]:has(input:-moz-placeholder-shown) .\[\[data-flux-command-input\]\:has\(input\:-moz-placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-command-input]:has(input:placeholder-shown) .\[\[data-flux-command-input\]\:has\(input\:placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-container] .\[\[data-flux-container\]_\&\]\:px-0 {
    padding-left: 0;
    padding-right: 0
}

[data-flux-editor-link]:not(:has(input:-moz-placeholder-shown)) .\[\[data-flux-editor-link\]\:not\(\:has\(input\:-moz-placeholder-shown\)\)_\&\:hover\]\:bg-zinc-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1))
}

[data-flux-editor-link]:not(:has(input:placeholder-shown)) .\[\[data-flux-editor-link\]\:not\(\:has\(input\:placeholder-shown\)\)_\&\:hover\]\:bg-zinc-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity,1))
}

[data-flux-editor-link]:not(:has(input:-moz-placeholder-shown)) .\[\[data-flux-editor-link\]\:not\(\:has\(input\:-moz-placeholder-shown\)\)_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

[data-flux-editor-link]:not(:has(input:placeholder-shown)) .\[\[data-flux-editor-link\]\:not\(\:has\(input\:placeholder-shown\)\)_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

[data-flux-input]:has(input:-moz-placeholder-shown) .\[\[data-flux-input\]\:has\(input\:-moz-placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-input]:has(input:placeholder-shown) .\[\[data-flux-input\]\:has\(input\:placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-input]:has(input[disabled]) .\[\[data-flux-input\]\:has\(input\[disabled\]\)_\&\]\:hidden {
    display: none
}

[data-flux-input]:hover .\[\[data-flux-input\]\:hover_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

[data-flux-loading]>.\[\[data-flux-loading\]\>\&\]\:block {
    display: block
}

[data-flux-menu-item]:hover .\[\[data-flux-menu-item\]\:hover_\&\]\:text-current {
    color: currentColor
}

[data-flux-menu]:has(>[data-flux-menu-item-has-icon]) .\[\[data-flux-menu\]\:has\(\>\[data-flux-menu-item-has-icon\]\)_\&\]\:block {
    display: block
}

[data-flux-select-button]:has([data-flux-select-placeholder]) .\[\[data-flux-select-button\]\:has\(\[data-flux-select-placeholder\]\)_\&\]\:hidden {
    display: none
}

[data-flux-select-button]:hover .\[\[data-flux-select-button\]\:hover_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

[data-flux-select-search]:has([data-flux-loading]) .\[\[data-flux-select-search\]\:has\(\[data-flux-loading\]\)_\&\]\:opacity-0 {
    opacity: 0
}

[data-flux-select-search]:has([data-flux-loading]) .\[\[data-flux-select-search\]\:has\(\[data-flux-loading\]\)_\&\]\:opacity-100 {
    opacity: 1
}

[data-flux-select-search]:has(input:-moz-placeholder-shown) .\[\[data-flux-select-search\]\:has\(input\:-moz-placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-select-search]:has(input:placeholder-shown) .\[\[data-flux-select-search\]\:has\(input\:placeholder-shown\)_\&\]\:hidden {
    display: none
}

[data-flux-select]:has([disabled]) .\[\[data-flux-select\]\:has\(\[disabled\]\)_\&\]\:hidden {
    display: none
}

[data-flux-subheading]+.\[\[data-flux-subheading\]\+\&\]\:mt-2 {
    margin-top: .5rem
}

[data-flux-tab][data-selected] .\[\[data-flux-tab\]\[data-selected\]_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

[data-flux-toast-dialog][data-variant=danger] .\[\[data-flux-toast-dialog\]\[data-variant\=danger\]_\&\]\:block,[data-flux-toast-dialog][data-variant=success] .\[\[data-flux-toast-dialog\]\[data-variant\=success\]_\&\]\:block,[data-flux-toast-dialog][data-variant=warning] .\[\[data-flux-toast-dialog\]\[data-variant\=warning\]_\&\]\:block {
    display: block
}

[data-loading]>.\[\[data-loading\]\>\&\]\:opacity-0 {
    opacity: 0
}

[data-loading]>.\[\[data-loading\]\>\&\]\:opacity-100 {
    opacity: 1
}

[data-nav-footer] .\[\[data-nav-footer\]_\&\]\:hidden {
    display: none
}

[data-nav-sidebar] [data-nav-footer] .\[\[data-nav-sidebar\]_\[data-nav-footer\]_\&\]\:block,[data-show-stashed-sidebar] .\[\[data-show-stashed-sidebar\]_\&\]\:block {
    display: block
}

[data-show-stashed-sidebar] .\[\[data-show-stashed-sidebar\]_\&\]\:\!translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {
    [data-show-stashed-sidebar] .lg\:\[\[data-show-stashed-sidebar\]_\&\]\:hidden {
        display:none
    }
}

[data-viewable-open]>.\[\[data-viewable-open\]\>\&\]\:block {
    display: block
}

[data-viewable-open]>.\[\[data-viewable-open\]\>\&\]\:hidden {
    display: none
}

[disabled] .\[\[disabled\]_\&\]\:pointer-events-none {
    pointer-events: none
}

[disabled] .\[\[disabled\]_\&\]\:\!text-zinc-200 {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity,1))
}

[disabled] .\[\[disabled\]_\&\]\:text-zinc-400\/70 {
    color: hsla(240,5%,65%,.7)
}

[disabled] .\[\[disabled\]_\&\]\:text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity,1))
}

[disabled] .\[\[disabled\]_\&\]\:opacity-50 {
    opacity: .5
}

ui-checkbox[data-checked]:not([data-indeterminate]) .\[ui-checkbox\[data-checked\]\:not\(\[data-indeterminate\]\)_\&\>svg\:first-child\]\:block>svg:first-child {
    display: block
}

ui-checkbox[data-checked][disabled] .\[ui-checkbox\[data-checked\]\[disabled\]_\&\]\:opacity-50 {
    opacity: .5
}

ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent)
}

ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:focus\:bg-\[var\(--color-accent\)\]: focus,ui-checkbox[data-checked] .\[ui-checkbox\[data-checked\]_\&\]\:hover\:bg-\[var\(--color-accent\)\]:hover {
    background-color:var(--color-accent)
}

ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\>svg\:last-child\]\:block>svg:last-child {
    display: block
}

ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\]\:bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent)
}

ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\]\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\]\:focus\:bg-\[var\(--color-accent\)\]: focus,ui-checkbox[data-indeterminate] .\[ui-checkbox\[data-indeterminate\]_\&\]\:hover\:bg-\[var\(--color-accent\)\]:hover {
    background-color:var(--color-accent)
}

ui-checkbox[disabled][data-checked] .\[ui-checkbox\[disabled\]\[data-checked\]_\&\]\:border-transparent,ui-checkbox[disabled][data-indeterminate] .\[ui-checkbox\[disabled\]\[data-indeterminate\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-checkbox[disabled] .\[ui-checkbox\[disabled\]_\&\]\:border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

ui-checkbox[disabled] .\[ui-checkbox\[disabled\]_\&\]\:opacity-75 {
    opacity: .75
}

ui-checkbox[disabled] .\[ui-checkbox\[disabled\]_\&\]\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

ui-dropdown>.\[ui-dropdown\>\&\]\:w-full {
    width: 100%
}

ui-option[data-selected][disabled] .\[ui-option\[data-selected\]\[disabled\]_\&\]\:opacity-50 {
    opacity: .5
}

ui-option[data-selected] .\[ui-option\[data-selected\]_\&\>div\]\:block>div,ui-option[data-selected] .\[ui-option\[data-selected\]_\&\>svg\:first-child\]\:block>svg:first-child,ui-option[data-selected] .\[ui-option\[data-selected\]_\&\]\:block {
    display: block
}

ui-option[data-selected] .\[ui-option\[data-selected\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-option[data-selected] .\[ui-option\[data-selected\]_\&\]\:bg-\[var\(--color-accent\)\],ui-option[data-selected] .\[ui-option\[data-selected\]_\&\]\: focus\:bg-\[var\(--color-accent\)\]:focus,ui-option[data-selected] .\[ui-option\[data-selected\]_\&\]\:hover\:bg-\[var\(--color-accent\)\]:hover {
    background-color:var(--color-accent)
}

ui-option[disabled] .\[ui-option\[disabled\]_\&\]\:border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

ui-option[disabled] .\[ui-option\[disabled\]_\&\]\:opacity-75 {
    opacity: .75
}

ui-option[disabled] ui-option[data-selected] .\[ui-option\[disabled\]_\&\]\:\[ui-option\[data-selected\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-radio[data-checked][disabled] .\[ui-radio\[data-checked\]\[disabled\]_\&\]\:opacity-50 {
    opacity: .5
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\>div\]\:block>div {
    display: block
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent)
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity,1))
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:focus\:bg-\[var\(--color-accent\)\]: focus,ui-radio[data-checked] .\[ui-radio\[data-checked\]_\&\]\:hover\:bg-\[var\(--color-accent\)\]:hover {
    background-color:var(--color-accent)
}

ui-radio[disabled] .\[ui-radio\[disabled\]_\&\]\:border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity,1))
}

ui-radio[disabled] .\[ui-radio\[disabled\]_\&\]\:opacity-75 {
    opacity: .75
}

ui-radio[disabled] .\[ui-radio\[disabled\]_\&\]\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

ui-radio[disabled] ui-radio[data-checked] .\[ui-radio\[disabled\]_\&\]\:\[ui-radio\[data-checked\]_\&\]\:border-transparent {
    border-color: transparent
}

ui-selected .\[ui-selected_\&\]\:sr-only {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

ui-selected .\[ui-selected_\&\]\:hidden {
    display: none
}