/*
 * Tailwind Custom CSS - Readable & Organized
 * Last Updated: 2025-01-26
 *
 * Organization:
 * 1. CSS Variables
 * 2. Tailwind Reset & Base
 * 3. Layout & Display
 * 4. Spacing
 * 5. Typography
 * 6. Background Colors (with navigation additions)
 * 7. Borders & Dividers
 * 8. Effects & Transitions
 * 9. Text Colors
 * 10. Interactive States (hover, focus)
 * 11. Responsive Utilities
 */

/* ========================================
   CSS VARIABLES
   ======================================== */

:root {
    --color-primary:#06b6d4;
    --color-primary-dark:#0891b2;
    --color-secondary:#10b981;
    --color-accent:#dc2626
}


/* ========================================
   TAILWIND RESET & NORMALIZE
   ======================================== */


/* ========================================
   LAYOUT & DISPLAY
   ======================================== */

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

.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;
}

.hidden {
    display:none;
}

.h-10 {
    height:2.5rem;
}

.h-12 {
    height:3rem;
}

.h-16 {
    height:4rem;
}

.h-4 {
    height:1rem;
}

.h-5 {
    height:1.25rem;
}

.h-7 {
    height:1.75rem;
}

.h-full {
    height:100%;
}

.max-h-32 {
    max-height:8rem;
}

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

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

.w-10 {
    width:2.5rem;
}

.w-12 {
    width:3rem;
}

.w-16 {
    width:4rem;
}

.w-24 {
    width:6rem;
}

.w-4 {
    width:1rem;
}

.w-40 {
    width:10rem;
}

.w-5 {
    width:1.25rem;
}

.w-7 {
    width:1.75rem;
}

.w-96 {
    width:24rem;
}

.w-full {
    width:100%;
}

.min-w-full {
    min-width:100%;
}

.max-w-2xl {
    max-width:42rem;
}

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

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

.max-w-xl {
    max-width:36rem;
}

.max-w-xs {
    max-width:20rem;
}

.flex-1 {
    flex:1 1 0%;
}

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

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

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

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

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

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


/* ========================================
   SPACING
   ======================================== */

.m-0 {
    margin:0;
}

.mx-1 {
    margin-left:.25rem;
    margin-right:.25rem;
}

.mx-4 {
    margin-left:1rem;
    margin-right:1rem;
}

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

.mb-0 {
    margin-bottom:0;
}

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

.mb-10 {
    margin-bottom:2.5rem;
}

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

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

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

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

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

.ml-2 {
    margin-left:.5rem;
}

.ml-3 {
    margin-left:.75rem;
}

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

.ml-5 {
    margin-left:1.25rem;
}

.ml-6 {
    margin-left:1.5rem;
}

.mr-1 {
    margin-right:.25rem;
}

.mr-2 {
    margin-right:.5rem;
}

.mr-3 {
    margin-right:.75rem;
}

.mr-4 {
    margin-right:1rem;
}

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

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

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

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

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

.mt-5 {
    margin-top:1.25rem;
}

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

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

.gap-1 {
    gap:.25rem;
}

.gap-2 {
    gap:.5rem;
}

.gap-3 {
    gap:.75rem;
}

.gap-4 {
    gap:1rem;
}

.gap-6 {
    gap:1.5rem;
}

.p-1 {
    padding:.25rem;
}

.p-2 {
    padding:.5rem;
}

.p-3 {
    padding:.75rem;
}

.p-4 {
    padding:1rem;
}

.p-5 {
    padding:1.25rem;
}

.p-6 {
    padding:1.5rem;
}

.p-8 {
    padding:2rem;
}

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

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

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

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

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

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

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

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

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

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

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


/* ========================================
   TYPOGRAPHY
   ======================================== */

.list-inside {
    list-style-position:inside;
}

.list-decimal {
    list-style-type:decimal;
}

.list-disc {
    list-style-type:disc;
}

.truncate {
    overflow:hidden;
    text-overflow:ellipsis;
}

.whitespace-nowrap {
    white-space:nowrap;
}

.whitespace-pre-wrap {
    white-space:pre-wrap;
}

.break-words {
    overflow-wrap:break-word;
}

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

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

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

.font-mono {
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}

.font-sans {
    font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

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

.text-3xl {
    font-size:1.875rem;
    line-height:2.25rem;
}

.text-4xl {
    font-size:2.25rem;
    line-height:2.5rem;
}

.text-5xl {
    font-size:3rem;
    line-height:1;
}

.text-6xl {
    font-size:3.75rem;
    line-height:1;
}

.text-base {
    font-size:1rem;
    line-height:1.5rem;
}

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

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

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

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

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

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

.font-normal {
    font-weight:400;
}

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

.leading-5 {
    line-height:1.25rem;
}

.leading-6 {
    line-height:1.5rem;
}

.leading-relaxed {
    line-height:1.625;
}

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

.text-transparent {
    color:transparent;
}

.underline {
    text-decoration-line:underline;
}


/* ========================================
   BACKGROUND COLORS (from Tailwind)
   ======================================== */

.bg-amber-50 {
    --tw-bg-opacity:1;
    background-color:rgb(255 251 235/var(--tw-bg-opacity,1));
}

.bg-blue-100 {
    --tw-bg-opacity:1;
    background-color:rgb(219 234 254/var(--tw-bg-opacity,1));
}

.bg-blue-50 {
    --tw-bg-opacity:1;
    background-color:rgb(239 246 255/var(--tw-bg-opacity,1));
}

.bg-blue-500 {
    --tw-bg-opacity:1;
    background-color:rgb(59 130 246/var(--tw-bg-opacity,1));
}

.bg-blue-600 {
    --tw-bg-opacity:1;
    background-color:rgb(37 99 235/var(--tw-bg-opacity,1));
}

.bg-cyan-50 {
    --tw-bg-opacity:1;
    background-color:rgb(236 254 255/var(--tw-bg-opacity,1));
}

.bg-cyan-500 {
    --tw-bg-opacity:1;
    background-color:rgb(6 182 212/var(--tw-bg-opacity,1));
}

.bg-gray-100 {
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246/var(--tw-bg-opacity,1));
}

.bg-gray-200 {
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235/var(--tw-bg-opacity,1));
}

.bg-gray-300 {
    --tw-bg-opacity:1;
    background-color:rgb(209 213 219/var(--tw-bg-opacity,1));
}

.bg-gray-50 {
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251/var(--tw-bg-opacity,1));
}

.bg-gray-500 {
    --tw-bg-opacity:1;
    background-color:rgb(107 114 128/var(--tw-bg-opacity,1));
}

.bg-gray-600 {
    --tw-bg-opacity:1;
    background-color:rgb(75 85 99/var(--tw-bg-opacity,1));
}

.bg-gray-700 {
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81/var(--tw-bg-opacity,1));
}

.bg-gray-900 {
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39/var(--tw-bg-opacity,1));
}

.bg-green-100 {
    --tw-bg-opacity:1;
    background-color:rgb(220 252 231/var(--tw-bg-opacity,1));
}

.bg-green-50 {
    --tw-bg-opacity:1;
    background-color:rgb(240 253 244/var(--tw-bg-opacity,1));
}

.bg-green-500 {
    --tw-bg-opacity:1;
    background-color:rgb(34 197 94/var(--tw-bg-opacity,1));
}

.bg-green-600 {
    --tw-bg-opacity:1;
    background-color:rgb(22 163 74/var(--tw-bg-opacity,1));
}

.bg-indigo-600 {
    --tw-bg-opacity:1;
    background-color:rgb(79 70 229/var(--tw-bg-opacity,1));
}

.bg-opacity-30 {
    --tw-bg-opacity:0.3;
}

.bg-opacity-50 {
    --tw-bg-opacity:0.5;
}

.bg-opacity-75 {
    --tw-bg-opacity:0.75;
}

.bg-pink-600 {
    --tw-bg-opacity:1;
    background-color:rgb(219 39 119/var(--tw-bg-opacity,1));
}

.bg-purple-100 {
    --tw-bg-opacity:1;
    background-color:rgb(243 232 255/var(--tw-bg-opacity,1));
}

.bg-purple-50 {
    --tw-bg-opacity:1;
    background-color:rgb(250 245 255/var(--tw-bg-opacity,1));
}

.bg-purple-600 {
    --tw-bg-opacity:1;
    background-color:rgb(147 51 234/var(--tw-bg-opacity,1));
}

.bg-red-100 {
    --tw-bg-opacity:1;
    background-color:rgb(254 226 226/var(--tw-bg-opacity,1));
}

.bg-red-50 {
    --tw-bg-opacity:1;
    background-color:rgb(254 242 242/var(--tw-bg-opacity,1));
}

.bg-red-500 {
    --tw-bg-opacity:1;
    background-color:rgb(239 68 68/var(--tw-bg-opacity,1));
}

.bg-red-600 {
    --tw-bg-opacity:1;
    background-color:rgb(220 38 38/var(--tw-bg-opacity,1));
}

.bg-yellow-100 {
    --tw-bg-opacity:1;
    background-color:rgb(254 249 195/var(--tw-bg-opacity,1));
}

.bg-yellow-50 {
    --tw-bg-opacity:1;
    background-color:rgb(254 252 232/var(--tw-bg-opacity,1));
}

.bg-yellow-500 {
    --tw-bg-opacity:1;
    background-color:rgb(234 179 8/var(--tw-bg-opacity,1));
}

.bg-yellow-600 {
    --tw-bg-opacity:1;
    background-color:rgb(202 138 4/var(--tw-bg-opacity,1));
}


/* ========================================
   NAVIGATION COLORS (Additional Shades)
   Added for navigation menu customization
   ======================================== */


/* Amber */
.bg-amber-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 211 77);
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11);
}

.bg-amber-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(180 83 9);
}

.bg-amber-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15);
}


/* Blue */
.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253);
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246);
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138);
}


/* Cyan */
.bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249);
}

.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212);
}

.bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144);
}

.bg-cyan-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99);
}


/* Emerald */
.bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229);
}

.bg-emerald-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(110 231 183);
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129);
}

.bg-emerald-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 120 87);
}

.bg-emerald-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59);
}


/* Fuchsia */
.bg-fuchsia-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 232 255);
}

.bg-fuchsia-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 171 252);
}

.bg-fuchsia-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 70 239);
}

.bg-fuchsia-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(162 28 175);
}

.bg-fuchsia-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(112 26 117);
}


/* Gray */
.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128);
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39);
}


/* Green */
.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(134 239 172);
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94);
}

.bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 83 45);
}


/* Indigo */
.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255);
}

.bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 180 252);
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241);
}

.bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 46 129);
}


/* Lime */
.bg-lime-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203);
}

.bg-lime-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 242 100);
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(132 204 22);
}

.bg-lime-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(77 124 15);
}

.bg-lime-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(54 83 20);
}


/* Neutral */
.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245);
}

.bg-neutral-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212);
}

.bg-neutral-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(115 115 115);
}

.bg-neutral-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64);
}

.bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23);
}


/* Orange */
.bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213);
}

.bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 186 116);
}

.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22);
}

.bg-orange-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 65 12);
}

.bg-orange-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(124 45 18);
}


/* Pink */
.bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243);
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 168 212);
}

.bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153);
}

.bg-pink-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(131 24 67);
}


/* Purple */
.bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(216 180 254);
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247);
}

.bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(88 28 135);
}


/* Red */
.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165);
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68);
}

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29);
}


/* Rose */
.bg-rose-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230);
}

.bg-rose-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 164 175);
}

.bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94);
}

.bg-rose-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 18 60);
}

.bg-rose-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(136 19 55);
}


/* Sky */
.bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254);
}

.bg-sky-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(125 211 252);
}

.bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233);
}

.bg-sky-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 105 161);
}

.bg-sky-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(12 74 110);
}


/* Slate */
.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249);
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225);
}

.bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139);
}

.bg-slate-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85);
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42);
}


/* Stone */
.bg-stone-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244);
}

.bg-stone-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(214 211 209);
}

.bg-stone-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(120 113 108);
}

.bg-stone-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(68 64 60);
}

.bg-stone-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 25 23);
}


/* Teal */
.bg-teal-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241);
}

.bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 234 212);
}

.bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166);
}

.bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110);
}

.bg-teal-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74);
}


/* Violet */
.bg-violet-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254);
}

.bg-violet-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(196 181 253);
}

.bg-violet-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246);
}

.bg-violet-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(109 40 217);
}

.bg-violet-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 29 149);
}


/* Yellow */
.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71);
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8);
}

.bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18);
}


/* Zinc */
.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245);
}

.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216);
}

.bg-zinc-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122);
}

.bg-zinc-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70);
}

.bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27);
}


/* ========================================
   BORDERS & DIVIDERS
   ======================================== */

.border-collapse {
    border-collapse:collapse;
}

.rounded {
    border-radius:.25rem;
}

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

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

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

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

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

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

.rounded-l-md {
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem;
}

.rounded-r-md {
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem;
}

.border {
    border-width:1px;
}

.border-2 {
    border-width:2px;
}

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

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

.border-l-4 {
    border-left-width:4px;
}

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

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

.border-amber-200 {
    --tw-border-opacity:1;
    border-color:rgb(253 230 138/var(--tw-border-opacity,1));
}

.border-amber-400 {
    --tw-border-opacity:1;
    border-color:rgb(251 191 36/var(--tw-border-opacity,1));
}

.border-amber-500 {
    --tw-border-opacity:1;
    border-color:rgb(245 158 11/var(--tw-border-opacity,1));
}

.border-blue-100 {
    --tw-border-opacity:1;
    border-color:rgb(219 234 254/var(--tw-border-opacity,1));
}

.border-blue-200 {
    --tw-border-opacity:1;
    border-color:rgb(191 219 254/var(--tw-border-opacity,1));
}

.border-blue-300 {
    --tw-border-opacity:1;
    border-color:rgb(147 197 253/var(--tw-border-opacity,1));
}

.border-blue-400 {
    --tw-border-opacity:1;
    border-color:rgb(96 165 250/var(--tw-border-opacity,1));
}

.border-blue-500 {
    --tw-border-opacity:1;
    border-color:rgb(59 130 246/var(--tw-border-opacity,1));
}

.border-cyan-100 {
    --tw-border-opacity:1;
    border-color:rgb(207 250 254/var(--tw-border-opacity,1));
}

.border-cyan-200 {
    --tw-border-opacity:1;
    border-color:rgb(165 243 252/var(--tw-border-opacity,1));
}

.border-cyan-500 {
    --tw-border-opacity:1;
    border-color:rgb(6 182 212/var(--tw-border-opacity,1));
}

.border-gray-100 {
    --tw-border-opacity:1;
    border-color:rgb(243 244 246/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-green-200 {
    --tw-border-opacity:1;
    border-color:rgb(187 247 208/var(--tw-border-opacity,1));
}

.border-green-300 {
    --tw-border-opacity:1;
    border-color:rgb(134 239 172/var(--tw-border-opacity,1));
}

.border-green-400 {
    --tw-border-opacity:1;
    border-color:rgb(74 222 128/var(--tw-border-opacity,1));
}

.border-purple-200 {
    --tw-border-opacity:1;
    border-color:rgb(233 213 255/var(--tw-border-opacity,1));
}

.border-purple-300 {
    --tw-border-opacity:1;
    border-color:rgb(216 180 254/var(--tw-border-opacity,1));
}

.border-red-200 {
    --tw-border-opacity:1;
    border-color:rgb(254 202 202/var(--tw-border-opacity,1));
}

.border-red-300 {
    --tw-border-opacity:1;
    border-color:rgb(252 165 165/var(--tw-border-opacity,1));
}

.border-red-400 {
    --tw-border-opacity:1;
    border-color:rgb(248 113 113/var(--tw-border-opacity,1));
}

.border-red-700 {
    --tw-border-opacity:1;
    border-color:rgb(185 28 28/var(--tw-border-opacity,1));
}

.border-yellow-200 {
    --tw-border-opacity:1;
    border-color:rgb(254 240 138/var(--tw-border-opacity,1));
}

.border-yellow-300 {
    --tw-border-opacity:1;
    border-color:rgb(253 224 71/var(--tw-border-opacity,1));
}

.border-yellow-400 {
    --tw-border-opacity:1;
    border-color:rgb(250 204 21/var(--tw-border-opacity,1));
}


/* ========================================
   EFFECTS & TRANSITIONS
   ======================================== */

.opacity-50 {
    opacity:.5;
}

.opacity-75 {
    opacity:.75;
}

.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-2xl {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.shadow-2xl {
    --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
    --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-inner {
    --tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);
    --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
}

.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-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-sm {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.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-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);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.blur {
    --tw-blur:blur(8px);
}

.filter {
    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);
}

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

.backdrop-filter {
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
    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-duration:.15s;
}

.transition-all {
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s;
}

.transition-colors {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s;
}

.transition-shadow {
    transition-property:box-shadow;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
}

.transition-shadow {
    transition-duration:.15s;
}

.duration-200 {
    transition-duration:.2s;
}

.duration-300 {
    transition-duration:.3s;
}

.ease-in-out {
    transition-timing-function:cubic-bezier(.4,0,.2,1);
}


/* ========================================
   INTERACTIVITY
   ======================================== */

.cursor-not-allowed {
    cursor:not-allowed;
}

.cursor-pointer {
    cursor:pointer;
}


/* ========================================
   OTHER UTILITIES
   ======================================== */

.container {
    width:100%;
}

.container {
    max-width:640px;
}

.container {
    max-width:768px;
}

.container {
    max-width:1024px;
}

.container {
    max-width:1280px;
}

.container {
    max-width:1536px;
}

.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border-width:0;
}

.visible {
    visibility:visible;
}

.collapse {
    visibility:collapse;
}

.static {
    position:static;
}

.fixed {
    position:fixed;
}

.absolute {
    position:absolute;
}

.relative {
    position:relative;
}

.sticky {
    position:sticky;
}

.inset-0 {
    inset:0;
}

.right-4 {
    right:1rem;
}

.top-20 {
    top:5rem;
}

.top-4 {
    top:1rem;
}

.top-full {
    top:100%;
}

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

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

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

.order-1 {
    order:1;
}

.order-2 {
    order:2;
}

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

.me-2 {
    margin-inline-end:.5rem;
}

.5 {
    margin-right:.375rem;
}

.5 {
    margin-top:.125rem;
}

.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));
}

.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;
}

.5 {
    gap:.375rem;
}

.overflow-auto {
    overflow:auto;
}

.overflow-x-auto {
    overflow-x:auto;
}

.overflow-y-auto {
    overflow-y:auto;
}

.bg-black {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity,1));
}

.bg-primary {
    --tw-bg-opacity:1;
    background-color:rgb(6 182 212/var(--tw-bg-opacity,1));
}

.bg-white {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity,1));
}

.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));
}

.from-amber-100 {
    --tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);
    --tw-gradient-to:hsla(48,96%,89%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-amber-50 {
    --tw-gradient-from:#fffbeb var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-amber-500 {
    --tw-gradient-from:#f59e0b var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-blue-50 {
    --tw-gradient-from:#eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-blue-500 {
    --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-blue-600 {
    --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-cyan-400 {
    --tw-gradient-from:#22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-cyan-50 {
    --tw-gradient-from:#ecfeff var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(236,254,255,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-cyan-500 {
    --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(6,182,212,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-gray-400 {
    --tw-gradient-from:#9ca3af var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-gray-50 {
    --tw-gradient-from:#f9fafb var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-green-50 {
    --tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-green-500 {
    --tw-gradient-from:#22c55e var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-purple-50 {
    --tw-gradient-from:#faf5ff var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-purple-500 {
    --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-red-500 {
    --tw-gradient-from:#ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-slate-50 {
    --tw-gradient-from:#f8fafc var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(248,250,252,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);
}

.to-blue-50 {
    --tw-gradient-to:#eff6ff var(--tw-gradient-to-position);
}

.to-blue-600 {
    --tw-gradient-to:#2563eb var(--tw-gradient-to-position);
}

.to-cyan-50 {
    --tw-gradient-to:#ecfeff var(--tw-gradient-to-position);
}

.to-cyan-500 {
    --tw-gradient-to:#06b6d4 var(--tw-gradient-to-position);
}

.to-cyan-600 {
    --tw-gradient-to:#0891b2 var(--tw-gradient-to-position);
}

.to-emerald-50 {
    --tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position);
}

.to-emerald-500 {
    --tw-gradient-to:#10b981 var(--tw-gradient-to-position);
}

.to-gray-100 {
    --tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position);
}

.to-gray-500 {
    --tw-gradient-to:#6b7280 var(--tw-gradient-to-position);
}

.to-green-600 {
    --tw-gradient-to:#16a34a var(--tw-gradient-to-position);
}

.to-orange-50 {
    --tw-gradient-to:#fff7ed var(--tw-gradient-to-position);
}

.to-orange-500 {
    --tw-gradient-to:#f97316 var(--tw-gradient-to-position);
}

.to-pink-50 {
    --tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position);
}

.to-pink-600 {
    --tw-gradient-to:#db2777 var(--tw-gradient-to-position);
}

.to-purple-600 {
    --tw-gradient-to:#9333ea var(--tw-gradient-to-position);
}

.to-red-600 {
    --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
}

.to-yellow-100 {
    --tw-gradient-to:#fef9c3 var(--tw-gradient-to-position);
}

.bg-clip-text {
    -webkit-background-clip:text;
    background-clip:text;
}

.5 {
    padding:.375rem;
}

.5 {
    padding-top:.375rem;
    padding-bottom:.375rem;
}

.pb-2 {
    padding-bottom:.5rem;
}

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

.pl-11 {
    padding-left:2.75rem;
}

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

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

.pt-6 {
    padding-top:1.5rem;
}

.uppercase {
    text-transform:uppercase;
}

.lowercase {
    text-transform:lowercase;
}

.italic {
    font-style:italic;
}

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

.outline {
    outline-style:solid;
}

.sm\:flex {
    display:flex;
}

.sm\:table-row {
    display:table-row;
}

.sm\:hidden {
    display:none;
}

.sm\:flex-initial {
    flex:0 1 auto;
}

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

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

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

.sm\:rounded-xl {
    border-radius:.75rem;
}

.sm\:text-base {
    font-size:1rem;
    line-height:1.5rem;
}

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

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

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

.md\:hidden {
    display:none;
}

.md\:w-auto {
    width:auto;
}

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

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

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

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

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


/* ========================================
   TEXT COLORS
   ======================================== */

.text-amber-500 {
    --tw-text-opacity:1;
    color:rgb(245 158 11/var(--tw-text-opacity,1));
}

.text-amber-600 {
    --tw-text-opacity:1;
    color:rgb(217 119 6/var(--tw-text-opacity,1));
}

.text-amber-800 {
    --tw-text-opacity:1;
    color:rgb(146 64 14/var(--tw-text-opacity,1));
}

.text-amber-900 {
    --tw-text-opacity:1;
    color:rgb(120 53 15/var(--tw-text-opacity,1));
}

.text-blue-500 {
    --tw-text-opacity:1;
    color:rgb(59 130 246/var(--tw-text-opacity,1));
}

.text-blue-600 {
    --tw-text-opacity:1;
    color:rgb(37 99 235/var(--tw-text-opacity,1));
}

.text-blue-700 {
    --tw-text-opacity:1;
    color:rgb(29 78 216/var(--tw-text-opacity,1));
}

.text-blue-800 {
    --tw-text-opacity:1;
    color:rgb(30 64 175/var(--tw-text-opacity,1));
}

.text-blue-900 {
    --tw-text-opacity:1;
    color:rgb(30 58 138/var(--tw-text-opacity,1));
}

.text-cyan-500 {
    --tw-text-opacity:1;
    color:rgb(6 182 212/var(--tw-text-opacity,1));
}

.text-cyan-600 {
    --tw-text-opacity:1;
    color:rgb(8 145 178/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 {
    --tw-text-opacity:1;
    color:rgb(17 24 39/var(--tw-text-opacity,1));
}

.text-green-400 {
    --tw-text-opacity:1;
    color:rgb(74 222 128/var(--tw-text-opacity,1));
}

.text-green-500 {
    --tw-text-opacity:1;
    color:rgb(34 197 94/var(--tw-text-opacity,1));
}

.text-green-600 {
    --tw-text-opacity:1;
    color:rgb(22 163 74/var(--tw-text-opacity,1));
}

.text-green-700 {
    --tw-text-opacity:1;
    color:rgb(21 128 61/var(--tw-text-opacity,1));
}

.text-green-800 {
    --tw-text-opacity:1;
    color:rgb(22 101 52/var(--tw-text-opacity,1));
}

.text-orange-500 {
    --tw-text-opacity:1;
    color:rgb(249 115 22/var(--tw-text-opacity,1));
}

.text-purple-500 {
    --tw-text-opacity:1;
    color:rgb(168 85 247/var(--tw-text-opacity,1));
}

.text-purple-600 {
    --tw-text-opacity:1;
    color:rgb(147 51 234/var(--tw-text-opacity,1));
}

.text-purple-800 {
    --tw-text-opacity:1;
    color:rgb(107 33 168/var(--tw-text-opacity,1));
}

.text-red-500 {
    --tw-text-opacity:1;
    color:rgb(239 68 68/var(--tw-text-opacity,1));
}

.text-red-600 {
    --tw-text-opacity:1;
    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-red-800 {
    --tw-text-opacity:1;
    color:rgb(153 27 27/var(--tw-text-opacity,1));
}

.text-white {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1));
}

.text-yellow-500 {
    --tw-text-opacity:1;
    color:rgb(234 179 8/var(--tw-text-opacity,1));
}

.text-yellow-600 {
    --tw-text-opacity:1;
    color:rgb(202 138 4/var(--tw-text-opacity,1));
}

.text-yellow-700 {
    --tw-text-opacity:1;
    color:rgb(161 98 7/var(--tw-text-opacity,1));
}

.text-yellow-800 {
    --tw-text-opacity:1;
    color:rgb(133 77 14/var(--tw-text-opacity,1));
}

.text-yellow-900 {
    --tw-text-opacity:1;
    color:rgb(113 63 18/var(--tw-text-opacity,1));
}


/* Additional text colors for navigation */

.text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(146 64 14);
}

.text-amber-50 {
    --tw-text-opacity: 1;
    color: rgb(254 243 199);
}

.text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175);
}

.text-blue-50 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254);
}

.text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117);
}

.text-cyan-50 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254);
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55);
}

.text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246);
}

.text-green-200 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52);
}

.text-green-50 {
    --tw-text-opacity: 1;
    color: rgb(220 252 231);
}

.text-neutral-50 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245);
}

.text-purple-200 {
    --tw-text-opacity: 1;
    color: rgb(107 33 168);
}

.text-purple-50 {
    --tw-text-opacity: 1;
    color: rgb(243 232 255);
}

.text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27);
}

.text-red-50 {
    --tw-text-opacity: 1;
    color: rgb(254 226 226);
}

.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59);
}

.text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249);
}

.text-zinc-50 {
    --tw-text-opacity: 1;
    color: rgb(244 244 245);
}


/* ========================================
   INTERACTIVE STATES
   (hover, focus, active, etc)
   ======================================== */

.5:hover {
    --tw-translate-y:-0.125rem;
}

.hover\:text-white:hover {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1));
}

.hover\:underline:hover {
    text-decoration-line:underline;
}

.hover\:shadow-xl:hover {
    --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);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.focus\:border-transparent:focus {
    border-color:transparent;
}

.focus\:outline-none:focus {
    outline:2px solid transparent;
    outline-offset:2px;
}


/* ========================================
   RESPONSIVE UTILITIES
   ======================================== */


@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;
    }

    .sr-only {
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
        border-width:0;
    }

    .visible {
        visibility:visible;
    }

    .collapse {
        visibility:collapse;
    }

    .static {
        position:static;
    }

    .fixed {
        position:fixed;
    }

    .absolute {
        position:absolute;
    }

    .relative {
        position:relative;
    }

    .sticky {
        position:sticky;
    }

    .inset-0 {
        inset:0;
    }

    .right-4 {
        right:1rem;
    }

    .top-20 {
        top:5rem;
    }

    .top-4 {
        top:1rem;
    }

    .top-full {
        top:100%;
    }

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

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

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

    .order-1 {
        order:1;
    }

    .order-2 {
        order:2;
    }

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

    .m-0 {
        margin:0;
    }

    .mx-1 {
        margin-left:.25rem;
        margin-right:.25rem;
    }

    .mx-4 {
        margin-left:1rem;
        margin-right:1rem;
    }

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

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

    .mb-0 {
        margin-bottom:0;
    }

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

    .mb-10 {
        margin-bottom:2.5rem;
    }

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

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

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

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

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

    .me-2 {
        margin-inline-end:.5rem;
    }

    .ml-2 {
        margin-left:.5rem;
    }

    .ml-3 {
        margin-left:.75rem;
    }

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

    .ml-5 {
        margin-left:1.25rem;
    }

    .ml-6 {
        margin-left:1.5rem;
    }

    .mr-1 {
        margin-right:.25rem;
    }

    .5 {
        margin-right:.375rem;
    }

    .mr-2 {
        margin-right:.5rem;
    }

    .mr-3 {
        margin-right:.75rem;
    }

    .mr-4 {
        margin-right:1rem;
    }

    .5 {
        margin-top:.125rem;
    }

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

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

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

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

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

    .mt-5 {
        margin-top:1.25rem;
    }

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

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

    .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;
    }

    .hidden {
        display:none;
    }

    .h-10 {
        height:2.5rem;
    }

    .h-12 {
        height:3rem;
    }

    .h-16 {
        height:4rem;
    }

    .h-4 {
        height:1rem;
    }

    .h-5 {
        height:1.25rem;
    }

    .h-7 {
        height:1.75rem;
    }

    .h-full {
        height:100%;
    }

    .max-h-32 {
        max-height:8rem;
    }

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

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

    .w-10 {
        width:2.5rem;
    }

    .w-12 {
        width:3rem;
    }

    .w-16 {
        width:4rem;
    }

    .w-24 {
        width:6rem;
    }

    .w-4 {
        width:1rem;
    }

    .w-40 {
        width:10rem;
    }

    .w-5 {
        width:1.25rem;
    }

    .w-7 {
        width:1.75rem;
    }

    .w-96 {
        width:24rem;
    }

    .w-full {
        width:100%;
    }

    .min-w-full {
        min-width:100%;
    }

    .max-w-2xl {
        max-width:42rem;
    }

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

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

    .max-w-xl {
        max-width:36rem;
    }

    .max-w-xs {
        max-width:20rem;
    }

    .flex-1 {
        flex:1 1 0%;
    }

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

    .border-collapse {
        border-collapse:collapse;
    }

    .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));
    }

    .cursor-not-allowed {
        cursor:not-allowed;
    }

    .cursor-pointer {
        cursor:pointer;
    }

    .list-inside {
        list-style-position:inside;
    }

    .list-decimal {
        list-style-type:decimal;
    }

    .list-disc {
        list-style-type:disc;
    }

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

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

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

    .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;
    }

    .5 {
        gap:.375rem;
    }

    .gap-2 {
        gap:.5rem;
    }

    .gap-3 {
        gap:.75rem;
    }

    .gap-4 {
        gap:1rem;
    }

    .gap-6 {
        gap:1.5rem;
    }

    .overflow-auto {
        overflow:auto;
    }

    .overflow-x-auto {
        overflow-x:auto;
    }

    .overflow-y-auto {
        overflow-y:auto;
    }

    .truncate {
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .whitespace-nowrap {
        white-space:nowrap;
    }

    .whitespace-pre-wrap {
        white-space:pre-wrap;
    }

    .break-words {
        overflow-wrap:break-word;
    }

    .rounded {
        border-radius:.25rem;
    }

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

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

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

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

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

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

    .rounded-l-md {
        border-top-left-radius:.375rem;
        border-bottom-left-radius:.375rem;
    }

    .rounded-r-md {
        border-top-right-radius:.375rem;
        border-bottom-right-radius:.375rem;
    }

    .border {
        border-width:1px;
    }

    .border-2 {
        border-width:2px;
    }

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

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

    .border-l-4 {
        border-left-width:4px;
    }

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

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

    .border-amber-200 {
        --tw-border-opacity:1;
        border-color:rgb(253 230 138/var(--tw-border-opacity,1));
    }

    .border-amber-400 {
        --tw-border-opacity:1;
        border-color:rgb(251 191 36/var(--tw-border-opacity,1));
    }

    .border-amber-500 {
        --tw-border-opacity:1;
        border-color:rgb(245 158 11/var(--tw-border-opacity,1));
    }

    .border-blue-100 {
        --tw-border-opacity:1;
        border-color:rgb(219 234 254/var(--tw-border-opacity,1));
    }

    .border-blue-200 {
        --tw-border-opacity:1;
        border-color:rgb(191 219 254/var(--tw-border-opacity,1));
    }

    .border-blue-300 {
        --tw-border-opacity:1;
        border-color:rgb(147 197 253/var(--tw-border-opacity,1));
    }

    .border-blue-400 {
        --tw-border-opacity:1;
        border-color:rgb(96 165 250/var(--tw-border-opacity,1));
    }

    .border-blue-500 {
        --tw-border-opacity:1;
        border-color:rgb(59 130 246/var(--tw-border-opacity,1));
    }

    .border-cyan-100 {
        --tw-border-opacity:1;
        border-color:rgb(207 250 254/var(--tw-border-opacity,1));
    }

    .border-cyan-200 {
        --tw-border-opacity:1;
        border-color:rgb(165 243 252/var(--tw-border-opacity,1));
    }

    .border-cyan-500 {
        --tw-border-opacity:1;
        border-color:rgb(6 182 212/var(--tw-border-opacity,1));
    }

    .border-gray-100 {
        --tw-border-opacity:1;
        border-color:rgb(243 244 246/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-green-200 {
        --tw-border-opacity:1;
        border-color:rgb(187 247 208/var(--tw-border-opacity,1));
    }

    .border-green-300 {
        --tw-border-opacity:1;
        border-color:rgb(134 239 172/var(--tw-border-opacity,1));
    }

    .border-green-400 {
        --tw-border-opacity:1;
        border-color:rgb(74 222 128/var(--tw-border-opacity,1));
    }

    .border-purple-200 {
        --tw-border-opacity:1;
        border-color:rgb(233 213 255/var(--tw-border-opacity,1));
    }

    .border-purple-300 {
        --tw-border-opacity:1;
        border-color:rgb(216 180 254/var(--tw-border-opacity,1));
    }

    .border-red-200 {
        --tw-border-opacity:1;
        border-color:rgb(254 202 202/var(--tw-border-opacity,1));
    }

    .border-red-300 {
        --tw-border-opacity:1;
        border-color:rgb(252 165 165/var(--tw-border-opacity,1));
    }

    .border-red-400 {
        --tw-border-opacity:1;
        border-color:rgb(248 113 113/var(--tw-border-opacity,1));
    }

    .border-red-700 {
        --tw-border-opacity:1;
        border-color:rgb(185 28 28/var(--tw-border-opacity,1));
    }

    .border-yellow-200 {
        --tw-border-opacity:1;
        border-color:rgb(254 240 138/var(--tw-border-opacity,1));
    }

    .border-yellow-300 {
        --tw-border-opacity:1;
        border-color:rgb(253 224 71/var(--tw-border-opacity,1));
    }

    .border-yellow-400 {
        --tw-border-opacity:1;
        border-color:rgb(250 204 21/var(--tw-border-opacity,1));
    }

    .bg-amber-50 {
        --tw-bg-opacity:1;
        background-color:rgb(255 251 235/var(--tw-bg-opacity,1));
    }

    .bg-black {
        --tw-bg-opacity:1;
        background-color:rgb(0 0 0/var(--tw-bg-opacity,1));
    }

    .bg-blue-100 {
        --tw-bg-opacity:1;
        background-color:rgb(219 234 254/var(--tw-bg-opacity,1));
    }

    .bg-blue-50 {
        --tw-bg-opacity:1;
        background-color:rgb(239 246 255/var(--tw-bg-opacity,1));
    }

    .bg-blue-500 {
        --tw-bg-opacity:1;
        background-color:rgb(59 130 246/var(--tw-bg-opacity,1));
    }

    .bg-blue-600 {
        --tw-bg-opacity:1;
        background-color:rgb(37 99 235/var(--tw-bg-opacity,1));
    }

    .bg-cyan-50 {
        --tw-bg-opacity:1;
        background-color:rgb(236 254 255/var(--tw-bg-opacity,1));
    }

    .bg-cyan-500 {
        --tw-bg-opacity:1;
        background-color:rgb(6 182 212/var(--tw-bg-opacity,1));
    }

    .bg-gray-100 {
        --tw-bg-opacity:1;
        background-color:rgb(243 244 246/var(--tw-bg-opacity,1));
    }

    .bg-gray-200 {
        --tw-bg-opacity:1;
        background-color:rgb(229 231 235/var(--tw-bg-opacity,1));
    }

    .bg-gray-300 {
        --tw-bg-opacity:1;
        background-color:rgb(209 213 219/var(--tw-bg-opacity,1));
    }

    .bg-gray-50 {
        --tw-bg-opacity:1;
        background-color:rgb(249 250 251/var(--tw-bg-opacity,1));
    }

    .bg-gray-500 {
        --tw-bg-opacity:1;
        background-color:rgb(107 114 128/var(--tw-bg-opacity,1));
    }

    .bg-gray-600 {
        --tw-bg-opacity:1;
        background-color:rgb(75 85 99/var(--tw-bg-opacity,1));
    }

    .bg-gray-700 {
        --tw-bg-opacity:1;
        background-color:rgb(55 65 81/var(--tw-bg-opacity,1));
    }

    .bg-gray-900 {
        --tw-bg-opacity:1;
        background-color:rgb(17 24 39/var(--tw-bg-opacity,1));
    }

    .bg-green-100 {
        --tw-bg-opacity:1;
        background-color:rgb(220 252 231/var(--tw-bg-opacity,1));
    }

    .bg-green-50 {
        --tw-bg-opacity:1;
        background-color:rgb(240 253 244/var(--tw-bg-opacity,1));
    }

    .bg-green-500 {
        --tw-bg-opacity:1;
        background-color:rgb(34 197 94/var(--tw-bg-opacity,1));
    }

    .bg-green-600 {
        --tw-bg-opacity:1;
        background-color:rgb(22 163 74/var(--tw-bg-opacity,1));
    }

    .bg-indigo-600 {
        --tw-bg-opacity:1;
        background-color:rgb(79 70 229/var(--tw-bg-opacity,1));
    }

    .bg-pink-600 {
        --tw-bg-opacity:1;
        background-color:rgb(219 39 119/var(--tw-bg-opacity,1));
    }

    .bg-primary {
        --tw-bg-opacity:1;
        background-color:rgb(6 182 212/var(--tw-bg-opacity,1));
    }

    .bg-purple-100 {
        --tw-bg-opacity:1;
        background-color:rgb(243 232 255/var(--tw-bg-opacity,1));
    }

    .bg-purple-50 {
        --tw-bg-opacity:1;
        background-color:rgb(250 245 255/var(--tw-bg-opacity,1));
    }

    .bg-purple-600 {
        --tw-bg-opacity:1;
        background-color:rgb(147 51 234/var(--tw-bg-opacity,1));
    }

    .bg-red-100 {
        --tw-bg-opacity:1;
        background-color:rgb(254 226 226/var(--tw-bg-opacity,1));
    }

    .bg-red-50 {
        --tw-bg-opacity:1;
        background-color:rgb(254 242 242/var(--tw-bg-opacity,1));
    }

    .bg-red-500 {
        --tw-bg-opacity:1;
        background-color:rgb(239 68 68/var(--tw-bg-opacity,1));
    }

    .bg-red-600 {
        --tw-bg-opacity:1;
        background-color:rgb(220 38 38/var(--tw-bg-opacity,1));
    }

    .bg-white {
        --tw-bg-opacity:1;
        background-color:rgb(255 255 255/var(--tw-bg-opacity,1));
    }

    .bg-yellow-100 {
        --tw-bg-opacity:1;
        background-color:rgb(254 249 195/var(--tw-bg-opacity,1));
    }

    .bg-yellow-50 {
        --tw-bg-opacity:1;
        background-color:rgb(254 252 232/var(--tw-bg-opacity,1));
    }

    .bg-yellow-500 {
        --tw-bg-opacity:1;
        background-color:rgb(234 179 8/var(--tw-bg-opacity,1));
    }

    .bg-yellow-600 {
        --tw-bg-opacity:1;
        background-color:rgb(202 138 4/var(--tw-bg-opacity,1));
    }

    .bg-opacity-30 {
        --tw-bg-opacity:0.3;
    }

    .bg-opacity-50 {
        --tw-bg-opacity:0.5;
    }

    .bg-opacity-75 {
        --tw-bg-opacity:0.75;
    }

    .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));
    }

    .from-amber-100 {
        --tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);
        --tw-gradient-to:hsla(48,96%,89%,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-amber-50 {
        --tw-gradient-from:#fffbeb var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-amber-500 {
        --tw-gradient-from:#f59e0b var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-blue-50 {
        --tw-gradient-from:#eff6ff var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-blue-500 {
        --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-blue-600 {
        --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-cyan-400 {
        --tw-gradient-from:#22d3ee var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-cyan-50 {
        --tw-gradient-from:#ecfeff var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(236,254,255,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-cyan-500 {
        --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(6,182,212,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-gray-400 {
        --tw-gradient-from:#9ca3af var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-gray-50 {
        --tw-gradient-from:#f9fafb var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-green-50 {
        --tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(240,253,244,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-green-500 {
        --tw-gradient-from:#22c55e var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-purple-50 {
        --tw-gradient-from:#faf5ff var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-purple-500 {
        --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-red-500 {
        --tw-gradient-from:#ef4444 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .from-slate-50 {
        --tw-gradient-from:#f8fafc var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(248,250,252,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);
    }

    .to-blue-50 {
        --tw-gradient-to:#eff6ff var(--tw-gradient-to-position);
    }

    .to-blue-600 {
        --tw-gradient-to:#2563eb var(--tw-gradient-to-position);
    }

    .to-cyan-50 {
        --tw-gradient-to:#ecfeff var(--tw-gradient-to-position);
    }

    .to-cyan-500 {
        --tw-gradient-to:#06b6d4 var(--tw-gradient-to-position);
    }

    .to-cyan-600 {
        --tw-gradient-to:#0891b2 var(--tw-gradient-to-position);
    }

    .to-emerald-50 {
        --tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position);
    }

    .to-emerald-500 {
        --tw-gradient-to:#10b981 var(--tw-gradient-to-position);
    }

    .to-gray-100 {
        --tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position);
    }

    .to-gray-500 {
        --tw-gradient-to:#6b7280 var(--tw-gradient-to-position);
    }

    .to-green-600 {
        --tw-gradient-to:#16a34a var(--tw-gradient-to-position);
    }

    .to-orange-50 {
        --tw-gradient-to:#fff7ed var(--tw-gradient-to-position);
    }

    .to-orange-500 {
        --tw-gradient-to:#f97316 var(--tw-gradient-to-position);
    }

    .to-pink-50 {
        --tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position);
    }

    .to-pink-600 {
        --tw-gradient-to:#db2777 var(--tw-gradient-to-position);
    }

    .to-purple-600 {
        --tw-gradient-to:#9333ea var(--tw-gradient-to-position);
    }

    .to-red-600 {
        --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
    }

    .to-yellow-100 {
        --tw-gradient-to:#fef9c3 var(--tw-gradient-to-position);
    }

    .bg-clip-text {
        -webkit-background-clip:text;
        background-clip:text;
    }

    .p-1 {
        padding:.25rem;
    }

    .5 {
        padding:.375rem;
    }

    .p-2 {
        padding:.5rem;
    }

    .p-3 {
        padding:.75rem;
    }

    .p-4 {
        padding:1rem;
    }

    .p-5 {
        padding:1.25rem;
    }

    .p-6 {
        padding:1.5rem;
    }

    .p-8 {
        padding:2rem;
    }

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

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

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

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

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

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

    .5 {
        padding-top:.375rem;
        padding-bottom:.375rem;
    }

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

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

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

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

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

    .pb-2 {
        padding-bottom:.5rem;
    }

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

    .pl-11 {
        padding-left:2.75rem;
    }

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

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

    .pt-6 {
        padding-top:1.5rem;
    }

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

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

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

    .font-mono {
        font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    }

    .font-sans {
        font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    }

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

    .text-3xl {
        font-size:1.875rem;
        line-height:2.25rem;
    }

    .text-4xl {
        font-size:2.25rem;
        line-height:2.5rem;
    }

    .text-5xl {
        font-size:3rem;
        line-height:1;
    }

    .text-6xl {
        font-size:3.75rem;
        line-height:1;
    }

    .text-base {
        font-size:1rem;
        line-height:1.5rem;
    }

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

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

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

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

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

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

    .font-normal {
        font-weight:400;
    }

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

    .uppercase {
        text-transform:uppercase;
    }

    .lowercase {
        text-transform:lowercase;
    }

    .italic {
        font-style:italic;
    }

    .leading-5 {
        line-height:1.25rem;
    }

    .leading-6 {
        line-height:1.5rem;
    }

    .leading-relaxed {
        line-height:1.625;
    }

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

    .text-amber-500 {
        --tw-text-opacity:1;
        color:rgb(245 158 11/var(--tw-text-opacity,1));
    }

    .text-amber-600 {
        --tw-text-opacity:1;
        color:rgb(217 119 6/var(--tw-text-opacity,1));
    }

    .text-amber-800 {
        --tw-text-opacity:1;
        color:rgb(146 64 14/var(--tw-text-opacity,1));
    }

    .text-amber-900 {
        --tw-text-opacity:1;
        color:rgb(120 53 15/var(--tw-text-opacity,1));
    }

    .text-blue-500 {
        --tw-text-opacity:1;
        color:rgb(59 130 246/var(--tw-text-opacity,1));
    }

    .text-blue-600 {
        --tw-text-opacity:1;
        color:rgb(37 99 235/var(--tw-text-opacity,1));
    }

    .text-blue-700 {
        --tw-text-opacity:1;
        color:rgb(29 78 216/var(--tw-text-opacity,1));
    }

    .text-blue-800 {
        --tw-text-opacity:1;
        color:rgb(30 64 175/var(--tw-text-opacity,1));
    }

    .text-blue-900 {
        --tw-text-opacity:1;
        color:rgb(30 58 138/var(--tw-text-opacity,1));
    }

    .text-cyan-500 {
        --tw-text-opacity:1;
        color:rgb(6 182 212/var(--tw-text-opacity,1));
    }

    .text-cyan-600 {
        --tw-text-opacity:1;
        color:rgb(8 145 178/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 {
        --tw-text-opacity:1;
        color:rgb(17 24 39/var(--tw-text-opacity,1));
    }

    .text-green-400 {
        --tw-text-opacity:1;
        color:rgb(74 222 128/var(--tw-text-opacity,1));
    }

    .text-green-500 {
        --tw-text-opacity:1;
        color:rgb(34 197 94/var(--tw-text-opacity,1));
    }

    .text-green-600 {
        --tw-text-opacity:1;
        color:rgb(22 163 74/var(--tw-text-opacity,1));
    }

    .text-green-700 {
        --tw-text-opacity:1;
        color:rgb(21 128 61/var(--tw-text-opacity,1));
    }

    .text-green-800 {
        --tw-text-opacity:1;
        color:rgb(22 101 52/var(--tw-text-opacity,1));
    }

    .text-orange-500 {
        --tw-text-opacity:1;
        color:rgb(249 115 22/var(--tw-text-opacity,1));
    }

    .text-purple-500 {
        --tw-text-opacity:1;
        color:rgb(168 85 247/var(--tw-text-opacity,1));
    }

    .text-purple-600 {
        --tw-text-opacity:1;
        color:rgb(147 51 234/var(--tw-text-opacity,1));
    }

    .text-purple-800 {
        --tw-text-opacity:1;
        color:rgb(107 33 168/var(--tw-text-opacity,1));
    }

    .text-red-500 {
        --tw-text-opacity:1;
        color:rgb(239 68 68/var(--tw-text-opacity,1));
    }

    .text-red-600 {
        --tw-text-opacity:1;
        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-red-800 {
        --tw-text-opacity:1;
        color:rgb(153 27 27/var(--tw-text-opacity,1));
    }

    .text-transparent {
        color:transparent;
    }

    .text-white {
        --tw-text-opacity:1;
        color:rgb(255 255 255/var(--tw-text-opacity,1));
    }

    .text-yellow-500 {
        --tw-text-opacity:1;
        color:rgb(234 179 8/var(--tw-text-opacity,1));
    }

    .text-yellow-600 {
        --tw-text-opacity:1;
        color:rgb(202 138 4/var(--tw-text-opacity,1));
    }

    .text-yellow-700 {
        --tw-text-opacity:1;
        color:rgb(161 98 7/var(--tw-text-opacity,1));
    }

    .text-yellow-800 {
        --tw-text-opacity:1;
        color:rgb(133 77 14/var(--tw-text-opacity,1));
    }

    .text-yellow-900 {
        --tw-text-opacity:1;
        color:rgb(113 63 18/var(--tw-text-opacity,1));
    }

    .underline {
        text-decoration-line:underline;
    }

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

    .opacity-50 {
        opacity:.5;
    }

    .opacity-75 {
        opacity:.75;
    }

    .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-2xl {
        box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }

    .shadow-2xl {
        --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
        --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
    }

    .shadow-inner {
        --tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);
        --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
    }

    .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-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-sm {
        box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }

    .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-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);
        box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }

    .outline {
        outline-style:solid;
    }

    .blur {
        --tw-blur:blur(8px);
    }

    .filter {
        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);
    }

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

    .backdrop-filter {
        -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .transition {
        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-duration:.15s;
    }

    .transition-all {
        transition-property:all;
        transition-timing-function:cubic-bezier(.4,0,.2,1);
        transition-duration:.15s;
    }

    .transition-colors {
        transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
        transition-timing-function:cubic-bezier(.4,0,.2,1);
        transition-duration:.15s;
    }

    .transition-shadow {
        transition-property:box-shadow;
        transition-timing-function:cubic-bezier(.4,0,.2,1);
    }

    .transition-shadow {
        transition-duration:.15s;
    }

    .duration-200 {
        transition-duration:.2s;
    }

    .duration-300 {
        transition-duration:.3s;
    }

    .ease-in-out {
        transition-timing-function:cubic-bezier(.4,0,.2,1);
    }

    .file\:mr-4::file-selector-button {
        margin-right:1rem;
    }

    .file\:cursor-pointer::file-selector-button {
        cursor:pointer;
    }

    .file\:rounded-md::file-selector-button {
        border-radius:.375rem;
    }

    .file\:rounded-xl::file-selector-button {
        border-radius:.75rem;
    }

    .file\:border-0::file-selector-button {
        border-width:0;
    }

    .file\:bg-blue-50::file-selector-button {
        --tw-bg-opacity:1;
        background-color:rgb(239 246 255/var(--tw-bg-opacity,1));
    }

    .file\:px-4::file-selector-button {
        padding-left:1rem;
        padding-right:1rem;
    }

    .file\:px-6::file-selector-button {
        padding-left:1.5rem;
        padding-right:1.5rem;
    }

    .file\:py-2::file-selector-button {
        padding-top:.5rem;
        padding-bottom:.5rem;
    }

    .file\:py-3::file-selector-button {
        padding-top:.75rem;
        padding-bottom:.75rem;
    }

    .file\:text-sm::file-selector-button {
        font-size:.875rem;
        line-height:1.25rem;
    }

    .file\:font-semibold::file-selector-button {
        font-weight:600;
    }

    .file\:text-blue-700::file-selector-button {
        --tw-text-opacity:1;
        color:rgb(29 78 216/var(--tw-text-opacity,1));
    }

    .file\:transition-all::file-selector-button {
        transition-property:all;
        transition-timing-function:cubic-bezier(.4,0,.2,1);
        transition-duration:.15s;
    }

    .last\:border-b-0:last-child {
        border-bottom-width:0;
    }

    .5:hover {
        --tw-translate-y:-0.125rem;
    }

    .hover\:scale-105: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-105:hover {
        --tw-scale-x:1.05;
        --tw-scale-y:1.05;
    }

    .hover\:border-cyan-300:hover {
        --tw-border-opacity:1;
        border-color:rgb(103 232 249/var(--tw-border-opacity,1));
    }

    .hover\:bg-blue-100:hover {
        --tw-bg-opacity:1;
        background-color:rgb(219 234 254/var(--tw-bg-opacity,1));
    }

    .hover\:bg-blue-50:hover {
        --tw-bg-opacity:1;
        background-color:rgb(239 246 255/var(--tw-bg-opacity,1));
    }

    .hover\:bg-blue-600:hover {
        --tw-bg-opacity:1;
        background-color:rgb(37 99 235/var(--tw-bg-opacity,1));
    }

    .hover\:bg-blue-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(29 78 216/var(--tw-bg-opacity,1));
    }

    .hover\:bg-cyan-600:hover {
        --tw-bg-opacity:1;
        background-color:rgb(8 145 178/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-100:hover {
        --tw-bg-opacity:1;
        background-color:rgb(243 244 246/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-200:hover {
        --tw-bg-opacity:1;
        background-color:rgb(229 231 235/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-300:hover {
        --tw-bg-opacity:1;
        background-color:rgb(209 213 219/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-400:hover {
        --tw-bg-opacity:1;
        background-color:rgb(156 163 175/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-50:hover {
        --tw-bg-opacity:1;
        background-color:rgb(249 250 251/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-600:hover {
        --tw-bg-opacity:1;
        background-color:rgb(75 85 99/var(--tw-bg-opacity,1));
    }

    .hover\:bg-gray-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(55 65 81/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-green-200:hover {
        --tw-bg-opacity:1;
        background-color:rgb(187 247 208/var(--tw-bg-opacity,1));
    }

    .hover\:bg-green-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(21 128 61/var(--tw-bg-opacity,1));
    }

    .hover\:bg-indigo-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(67 56 202/var(--tw-bg-opacity,1));
    }

    .hover\:bg-pink-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(190 24 93/var(--tw-bg-opacity,1));
    }

    .hover\:bg-purple-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(126 34 206/var(--tw-bg-opacity,1));
    }

    .hover\:bg-red-100:hover {
        --tw-bg-opacity:1;
        background-color:rgb(254 226 226/var(--tw-bg-opacity,1));
    }

    .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-red-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(185 28 28/var(--tw-bg-opacity,1));
    }

    .hover\:bg-yellow-50:hover {
        --tw-bg-opacity:1;
        background-color:rgb(254 252 232/var(--tw-bg-opacity,1));
    }

    .hover\:bg-yellow-600:hover {
        --tw-bg-opacity:1;
        background-color:rgb(202 138 4/var(--tw-bg-opacity,1));
    }

    .hover\:bg-yellow-700:hover {
        --tw-bg-opacity:1;
        background-color:rgb(161 98 7/var(--tw-bg-opacity,1));
    }

    .hover\:from-cyan-600:hover {
        --tw-gradient-from:#0891b2 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(8,145,178,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .hover\:from-gray-500:hover {
        --tw-gradient-from:#6b7280 var(--tw-gradient-from-position);
        --tw-gradient-to:hsla(220,9%,46%,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .hover\:from-green-600:hover {
        --tw-gradient-from:#16a34a var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .hover\:from-purple-600:hover {
        --tw-gradient-from:#9333ea var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .hover\:from-red-600:hover {
        --tw-gradient-from:#dc2626 var(--tw-gradient-from-position);
        --tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
    }

    .hover\:to-cyan-700:hover {
        --tw-gradient-to:#0e7490 var(--tw-gradient-to-position);
    }

    .hover\:to-gray-600:hover {
        --tw-gradient-to:#4b5563 var(--tw-gradient-to-position);
    }

    .hover\:to-green-700:hover {
        --tw-gradient-to:#15803d var(--tw-gradient-to-position);
    }

    .hover\:to-purple-700:hover {
        --tw-gradient-to:#7e22ce var(--tw-gradient-to-position);
    }

    .hover\:to-red-700:hover {
        --tw-gradient-to:#b91c1c var(--tw-gradient-to-position);
    }

    .hover\:text-blue-800:hover {
        --tw-text-opacity:1;
        color:rgb(30 64 175/var(--tw-text-opacity,1));
    }

    .hover\:text-blue-900:hover {
        --tw-text-opacity:1;
        color:rgb(30 58 138/var(--tw-text-opacity,1));
    }

    .hover\:text-cyan-700:hover {
        --tw-text-opacity:1;
        color:rgb(14 116 144/var(--tw-text-opacity,1));
    }

    .hover\:text-green-800:hover {
        --tw-text-opacity:1;
        color:rgb(22 101 52/var(--tw-text-opacity,1));
    }

    .hover\:text-red-800:hover {
        --tw-text-opacity:1;
        color:rgb(153 27 27/var(--tw-text-opacity,1));
    }

    .hover\:text-red-900:hover {
        --tw-text-opacity:1;
        color:rgb(127 29 29/var(--tw-text-opacity,1));
    }

    .hover\:text-white:hover {
        --tw-text-opacity:1;
        color:rgb(255 255 255/var(--tw-text-opacity,1));
    }

    .hover\:underline:hover {
        text-decoration-line:underline;
    }

    .hover\:opacity-90:hover {
        opacity:.9;
    }

    .hover\:shadow-xl:hover {
        --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);
        box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }

    .hover\:file\:bg-blue-100::file-selector-button:hover {
        --tw-bg-opacity:1;
        background-color:rgb(219 234 254/var(--tw-bg-opacity,1));
    }

    .focus\:border-blue-500:focus {
        --tw-border-opacity:1;
        border-color:rgb(59 130 246/var(--tw-border-opacity,1));
    }

    .focus\:border-blue-600:focus {
        --tw-border-opacity:1;
        border-color:rgb(37 99 235/var(--tw-border-opacity,1));
    }

    .focus\:border-cyan-500:focus {
        --tw-border-opacity:1;
        border-color:rgb(6 182 212/var(--tw-border-opacity,1));
    }

    .focus\:border-purple-500:focus {
        --tw-border-opacity:1;
        border-color:rgb(168 85 247/var(--tw-border-opacity,1));
    }

    .focus\:border-transparent:focus {
        border-color:transparent;
    }

    .focus\:outline-none:focus {
        outline:2px solid transparent;
        outline-offset:2px;
    }

    .focus\:ring-2: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(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);
    }

    .focus\:ring-blue-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));
    }

    .focus\:ring-cyan-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity,1));
    }

    .focus\:ring-gray-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1));
    }

    .focus\:ring-green-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));
    }

    .focus\:ring-purple-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1));
    }

    .focus\:ring-red-500:focus {
        --tw-ring-opacity:1;
        --tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));
    }

}


@media (min-width:640px) {
    .sm\:order-1 {
        order:1;
    }

    .sm\:order-2 {
        order:2;
    }

    .sm\:mb-2 {
        margin-bottom:.5rem;
    }

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

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

    .sm\:mt-4 {
        margin-top:1rem;
    }

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

    .sm\:flex {
        display:flex;
    }

    .sm\:table-row {
        display:table-row;
    }

    .sm\:hidden {
        display:none;
    }

    .sm\:max-h-40 {
        max-height:10rem;
    }

    .sm\:flex-1 {
        flex:1 1 0%;
    }

    .sm\:flex-initial {
        flex:0 1 auto;
    }

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

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

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

    .sm\:gap-4 {
        gap:1rem;
    }

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

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

    .sm\:rounded-xl {
        border-radius:.75rem;
    }

    .sm\:p-3 {
        padding:.75rem;
    }

    .sm\:p-4 {
        padding:1rem;
    }

    .sm\:p-6 {
        padding:1.5rem;
    }

    .sm\:px-8 {
        padding-left:2rem;
        padding-right:2rem;
    }

    .sm\:py-4 {
        padding-top:1rem;
        padding-bottom:1rem;
    }

    .sm\:pt-6 {
        padding-top:1.5rem;
    }

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

    .sm\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem;
    }

    .sm\:text-5xl {
        font-size:3rem;
        line-height:1;
    }

    .sm\:text-base {
        font-size:1rem;
        line-height:1.5rem;
    }

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

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

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

}


@media (min-width:768px) {
    .md\:col-span-1 {
        grid-column:span 1/span 1;
    }

    .md\:col-span-2 {
        grid-column:span 2/span 2;
    }

    .md\:col-span-3 {
        grid-column:span 3/span 3;
    }

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

    .md\:hidden {
        display:none;
    }

    .md\:w-auto {
        width:auto;
    }

    .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\:flex-row {
        flex-direction:row;
    }

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

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

    .md\:p-4 {
        padding:1rem;
    }

    .md\:p-5 {
        padding:1.25rem;
    }

    .md\:p-8 {
        padding:2rem;
    }

    .md\:px-10 {
        padding-left:2.5rem;
        padding-right:2.5rem;
    }

    .md\:py-5 {
        padding-top:1.25rem;
        padding-bottom:1.25rem;
    }

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

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

    .md\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem;
    }

    .md\:text-4xl {
        font-size:2.25rem;
        line-height:2.5rem;
    }

    .md\:text-6xl {
        font-size:3.75rem;
        line-height:1;
    }

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

}


@media (min-width:1024px) {
    .lg\:col-span-2 {
        grid-column:span 2/span 2;
    }

    .lg\:col-span-3 {
        grid-column:span 3/span 3;
    }

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

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

}