/* ============================================================================
   qrcreate.live brand layer

   Loaded AFTER the Tailwind 2.2.19 CDN bundle in App.razor.

   Why this file exists: the CDN build ships a fixed palette (gray, red, yellow,
   green, blue, indigo, purple, pink) and there is no Tailwind config to extend
   it. Any brand colour outside that set -- and the `file:` variant, which is v3
   syntax -- has to be defined here or it silently renders as nothing. That is
   exactly what had been happening to every amber and orange class in the app.

   To re-brand in future, edit the custom properties in :root below. Nothing
   else in this file, and no .razor file, needs to change.

   Colours are emitted in Tailwind v2's own rgba(..., var(--tw-*-opacity)) form
   so the stock bg-opacity-* / text-opacity-* utilities keep working.

   CONTRAST -- brand-600 (#F2542D) is 3.45:1 on white. That clears WCAG AA for
   large text and UI components but NOT for body text or button labels. Use
   brand-700 (#B93A19, 5.70:1) for text on white and for solid fills carrying a
   white label. Reserve brand-600 for gradients, borders, focus rings, icon
   accents, display type and the logo. Same rule for premium: premium-500 is
   decorative, premium-700 (#B45309, 5.1:1) is the one that carries text.
   ========================================================================== */

:root {

    /* brand */
    --brand-50:   #FFF3EF;   --brand-50-rgb: 255, 243, 239;
    --brand-100:  #FFE0D6;  --brand-100-rgb: 255, 224, 214;
    --brand-200:  #FFC0AC;  --brand-200-rgb: 255, 192, 172;
    --brand-300:  #FA9E81;  --brand-300-rgb: 250, 158, 129;
    --brand-400:  #F67857;  --brand-400-rgb: 246, 120, 87;
    --brand-500:  #F86B44;  --brand-500-rgb: 248, 107, 68;
    --brand-600:  #F2542D;  --brand-600-rgb: 242, 84, 45;
    --brand-700:  #B93A19;  --brand-700-rgb: 185, 58, 25;
    --brand-800:  #942E14;  --brand-800-rgb: 148, 46, 20;
    --brand-900:  #6F2210;  --brand-900-rgb: 111, 34, 16;

    /* premium */
    --premium-50:   #FFFBEB;   --premium-50-rgb: 255, 251, 235;
    --premium-100:  #FEF0C7;  --premium-100-rgb: 254, 240, 199;
    --premium-200:  #FDE28A;  --premium-200-rgb: 253, 226, 138;
    --premium-300:  #FCCF4D;  --premium-300-rgb: 252, 207, 77;
    --premium-400:  #FBBF24;  --premium-400-rgb: 251, 191, 36;
    --premium-500:  #F59E0B;  --premium-500-rgb: 245, 158, 11;
    --premium-600:  #D97706;  --premium-600-rgb: 217, 119, 6;
    --premium-700:  #B45309;  --premium-700-rgb: 180, 83, 9;
    --premium-800:  #92400E;  --premium-800-rgb: 146, 64, 14;
    --premium-900:  #78350F;  --premium-900-rgb: 120, 53, 15;

    /* info */
    --info-50:   #ECFEFF;   --info-50-rgb: 236, 254, 255;
    --info-100:  #CFFAFE;  --info-100-rgb: 207, 250, 254;
    --info-200:  #A5F3FC;  --info-200-rgb: 165, 243, 252;
    --info-300:  #67E8F9;  --info-300-rgb: 103, 232, 249;
    --info-400:  #22D3EE;  --info-400-rgb: 34, 211, 238;
    --info-500:  #06B6D4;  --info-500-rgb: 6, 182, 212;
    --info-600:  #0891B2;  --info-600-rgb: 8, 145, 178;
    --info-700:  #0E7490;  --info-700-rgb: 14, 116, 144;
    --info-800:  #155E75;  --info-800-rgb: 21, 94, 117;
    --info-900:  #164E63;  --info-900-rgb: 22, 78, 99;

    /* neutral ink -- headings, footer ground, logo modules */
    --ink-900: #1C1917;  --ink-900-rgb: 28, 25, 23;
}

/* ---------------------------------------------------------------- base */
.bg-brand-50 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-50-rgb), var(--tw-bg-opacity)); }
.bg-brand-100 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-100-rgb), var(--tw-bg-opacity)); }
.bg-brand-200 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-200-rgb), var(--tw-bg-opacity)); }
.bg-brand-300 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-300-rgb), var(--tw-bg-opacity)); }
.bg-brand-400 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-400-rgb), var(--tw-bg-opacity)); }
.bg-brand-500 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-500-rgb), var(--tw-bg-opacity)); }
.bg-brand-600 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-600-rgb), var(--tw-bg-opacity)); }
.bg-brand-700 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-700-rgb), var(--tw-bg-opacity)); }
.bg-brand-800 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-800-rgb), var(--tw-bg-opacity)); }
.bg-brand-900 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-900-rgb), var(--tw-bg-opacity)); }
.bg-premium-50 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-50-rgb), var(--tw-bg-opacity)); }
.bg-premium-100 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-100-rgb), var(--tw-bg-opacity)); }
.bg-premium-200 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-200-rgb), var(--tw-bg-opacity)); }
.bg-premium-300 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-300-rgb), var(--tw-bg-opacity)); }
.bg-premium-400 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-400-rgb), var(--tw-bg-opacity)); }
.bg-premium-500 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-500-rgb), var(--tw-bg-opacity)); }
.bg-premium-600 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-600-rgb), var(--tw-bg-opacity)); }
.bg-premium-700 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-700-rgb), var(--tw-bg-opacity)); }
.bg-premium-800 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-800-rgb), var(--tw-bg-opacity)); }
.bg-premium-900 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-900-rgb), var(--tw-bg-opacity)); }
.bg-info-50 { --tw-bg-opacity: 1; background-color: rgba(var(--info-50-rgb), var(--tw-bg-opacity)); }
.bg-info-100 { --tw-bg-opacity: 1; background-color: rgba(var(--info-100-rgb), var(--tw-bg-opacity)); }
.bg-info-200 { --tw-bg-opacity: 1; background-color: rgba(var(--info-200-rgb), var(--tw-bg-opacity)); }
.bg-info-300 { --tw-bg-opacity: 1; background-color: rgba(var(--info-300-rgb), var(--tw-bg-opacity)); }
.bg-info-400 { --tw-bg-opacity: 1; background-color: rgba(var(--info-400-rgb), var(--tw-bg-opacity)); }
.bg-info-500 { --tw-bg-opacity: 1; background-color: rgba(var(--info-500-rgb), var(--tw-bg-opacity)); }
.bg-info-600 { --tw-bg-opacity: 1; background-color: rgba(var(--info-600-rgb), var(--tw-bg-opacity)); }
.bg-info-700 { --tw-bg-opacity: 1; background-color: rgba(var(--info-700-rgb), var(--tw-bg-opacity)); }
.bg-info-800 { --tw-bg-opacity: 1; background-color: rgba(var(--info-800-rgb), var(--tw-bg-opacity)); }
.bg-info-900 { --tw-bg-opacity: 1; background-color: rgba(var(--info-900-rgb), var(--tw-bg-opacity)); }

.text-brand-50 { --tw-text-opacity: 1; color: rgba(var(--brand-50-rgb), var(--tw-text-opacity)); }
.text-brand-100 { --tw-text-opacity: 1; color: rgba(var(--brand-100-rgb), var(--tw-text-opacity)); }
.text-brand-200 { --tw-text-opacity: 1; color: rgba(var(--brand-200-rgb), var(--tw-text-opacity)); }
.text-brand-300 { --tw-text-opacity: 1; color: rgba(var(--brand-300-rgb), var(--tw-text-opacity)); }
.text-brand-400 { --tw-text-opacity: 1; color: rgba(var(--brand-400-rgb), var(--tw-text-opacity)); }
.text-brand-500 { --tw-text-opacity: 1; color: rgba(var(--brand-500-rgb), var(--tw-text-opacity)); }
.text-brand-600 { --tw-text-opacity: 1; color: rgba(var(--brand-600-rgb), var(--tw-text-opacity)); }
.text-brand-700 { --tw-text-opacity: 1; color: rgba(var(--brand-700-rgb), var(--tw-text-opacity)); }
.text-brand-800 { --tw-text-opacity: 1; color: rgba(var(--brand-800-rgb), var(--tw-text-opacity)); }
.text-brand-900 { --tw-text-opacity: 1; color: rgba(var(--brand-900-rgb), var(--tw-text-opacity)); }
.text-premium-50 { --tw-text-opacity: 1; color: rgba(var(--premium-50-rgb), var(--tw-text-opacity)); }
.text-premium-100 { --tw-text-opacity: 1; color: rgba(var(--premium-100-rgb), var(--tw-text-opacity)); }
.text-premium-200 { --tw-text-opacity: 1; color: rgba(var(--premium-200-rgb), var(--tw-text-opacity)); }
.text-premium-300 { --tw-text-opacity: 1; color: rgba(var(--premium-300-rgb), var(--tw-text-opacity)); }
.text-premium-400 { --tw-text-opacity: 1; color: rgba(var(--premium-400-rgb), var(--tw-text-opacity)); }
.text-premium-500 { --tw-text-opacity: 1; color: rgba(var(--premium-500-rgb), var(--tw-text-opacity)); }
.text-premium-600 { --tw-text-opacity: 1; color: rgba(var(--premium-600-rgb), var(--tw-text-opacity)); }
.text-premium-700 { --tw-text-opacity: 1; color: rgba(var(--premium-700-rgb), var(--tw-text-opacity)); }
.text-premium-800 { --tw-text-opacity: 1; color: rgba(var(--premium-800-rgb), var(--tw-text-opacity)); }
.text-premium-900 { --tw-text-opacity: 1; color: rgba(var(--premium-900-rgb), var(--tw-text-opacity)); }
.text-info-50 { --tw-text-opacity: 1; color: rgba(var(--info-50-rgb), var(--tw-text-opacity)); }
.text-info-100 { --tw-text-opacity: 1; color: rgba(var(--info-100-rgb), var(--tw-text-opacity)); }
.text-info-200 { --tw-text-opacity: 1; color: rgba(var(--info-200-rgb), var(--tw-text-opacity)); }
.text-info-300 { --tw-text-opacity: 1; color: rgba(var(--info-300-rgb), var(--tw-text-opacity)); }
.text-info-400 { --tw-text-opacity: 1; color: rgba(var(--info-400-rgb), var(--tw-text-opacity)); }
.text-info-500 { --tw-text-opacity: 1; color: rgba(var(--info-500-rgb), var(--tw-text-opacity)); }
.text-info-600 { --tw-text-opacity: 1; color: rgba(var(--info-600-rgb), var(--tw-text-opacity)); }
.text-info-700 { --tw-text-opacity: 1; color: rgba(var(--info-700-rgb), var(--tw-text-opacity)); }
.text-info-800 { --tw-text-opacity: 1; color: rgba(var(--info-800-rgb), var(--tw-text-opacity)); }
.text-info-900 { --tw-text-opacity: 1; color: rgba(var(--info-900-rgb), var(--tw-text-opacity)); }

.text-ink-900 { --tw-text-opacity: 1; color: rgba(var(--ink-900-rgb), var(--tw-text-opacity)); }
.bg-ink-900 { --tw-bg-opacity: 1; background-color: rgba(var(--ink-900-rgb), var(--tw-bg-opacity)); }

.border-brand-50 { --tw-border-opacity: 1; border-color: rgba(var(--brand-50-rgb), var(--tw-border-opacity)); }
.border-brand-100 { --tw-border-opacity: 1; border-color: rgba(var(--brand-100-rgb), var(--tw-border-opacity)); }
.border-brand-200 { --tw-border-opacity: 1; border-color: rgba(var(--brand-200-rgb), var(--tw-border-opacity)); }
.border-brand-300 { --tw-border-opacity: 1; border-color: rgba(var(--brand-300-rgb), var(--tw-border-opacity)); }
.border-brand-400 { --tw-border-opacity: 1; border-color: rgba(var(--brand-400-rgb), var(--tw-border-opacity)); }
.border-brand-500 { --tw-border-opacity: 1; border-color: rgba(var(--brand-500-rgb), var(--tw-border-opacity)); }
.border-brand-600 { --tw-border-opacity: 1; border-color: rgba(var(--brand-600-rgb), var(--tw-border-opacity)); }
.border-brand-700 { --tw-border-opacity: 1; border-color: rgba(var(--brand-700-rgb), var(--tw-border-opacity)); }
.border-brand-800 { --tw-border-opacity: 1; border-color: rgba(var(--brand-800-rgb), var(--tw-border-opacity)); }
.border-brand-900 { --tw-border-opacity: 1; border-color: rgba(var(--brand-900-rgb), var(--tw-border-opacity)); }
.border-premium-50 { --tw-border-opacity: 1; border-color: rgba(var(--premium-50-rgb), var(--tw-border-opacity)); }
.border-premium-100 { --tw-border-opacity: 1; border-color: rgba(var(--premium-100-rgb), var(--tw-border-opacity)); }
.border-premium-200 { --tw-border-opacity: 1; border-color: rgba(var(--premium-200-rgb), var(--tw-border-opacity)); }
.border-premium-300 { --tw-border-opacity: 1; border-color: rgba(var(--premium-300-rgb), var(--tw-border-opacity)); }
.border-premium-400 { --tw-border-opacity: 1; border-color: rgba(var(--premium-400-rgb), var(--tw-border-opacity)); }
.border-premium-500 { --tw-border-opacity: 1; border-color: rgba(var(--premium-500-rgb), var(--tw-border-opacity)); }
.border-premium-600 { --tw-border-opacity: 1; border-color: rgba(var(--premium-600-rgb), var(--tw-border-opacity)); }
.border-premium-700 { --tw-border-opacity: 1; border-color: rgba(var(--premium-700-rgb), var(--tw-border-opacity)); }
.border-premium-800 { --tw-border-opacity: 1; border-color: rgba(var(--premium-800-rgb), var(--tw-border-opacity)); }
.border-premium-900 { --tw-border-opacity: 1; border-color: rgba(var(--premium-900-rgb), var(--tw-border-opacity)); }
.border-info-50 { --tw-border-opacity: 1; border-color: rgba(var(--info-50-rgb), var(--tw-border-opacity)); }
.border-info-100 { --tw-border-opacity: 1; border-color: rgba(var(--info-100-rgb), var(--tw-border-opacity)); }
.border-info-200 { --tw-border-opacity: 1; border-color: rgba(var(--info-200-rgb), var(--tw-border-opacity)); }
.border-info-300 { --tw-border-opacity: 1; border-color: rgba(var(--info-300-rgb), var(--tw-border-opacity)); }
.border-info-400 { --tw-border-opacity: 1; border-color: rgba(var(--info-400-rgb), var(--tw-border-opacity)); }
.border-info-500 { --tw-border-opacity: 1; border-color: rgba(var(--info-500-rgb), var(--tw-border-opacity)); }
.border-info-600 { --tw-border-opacity: 1; border-color: rgba(var(--info-600-rgb), var(--tw-border-opacity)); }
.border-info-700 { --tw-border-opacity: 1; border-color: rgba(var(--info-700-rgb), var(--tw-border-opacity)); }
.border-info-800 { --tw-border-opacity: 1; border-color: rgba(var(--info-800-rgb), var(--tw-border-opacity)); }
.border-info-900 { --tw-border-opacity: 1; border-color: rgba(var(--info-900-rgb), var(--tw-border-opacity)); }

/* ------------------------------------------------------------ gradients
   Tailwind v2's bg-gradient-to-* builds background-image from
   var(--tw-gradient-stops); these fill in the stops exactly the way the
   stock from-/via-/to- utilities do, so the built-in direction classes
   (bg-gradient-to-r, -br, ...) keep working unchanged. */
.from-brand-50 { --tw-gradient-from: var(--brand-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-50-rgb), 0)); }
.from-brand-100 { --tw-gradient-from: var(--brand-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-100-rgb), 0)); }
.from-brand-200 { --tw-gradient-from: var(--brand-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-200-rgb), 0)); }
.from-brand-300 { --tw-gradient-from: var(--brand-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-300-rgb), 0)); }
.from-brand-400 { --tw-gradient-from: var(--brand-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-400-rgb), 0)); }
.from-brand-500 { --tw-gradient-from: var(--brand-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-500-rgb), 0)); }
.from-brand-600 { --tw-gradient-from: var(--brand-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-600-rgb), 0)); }
.from-brand-700 { --tw-gradient-from: var(--brand-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-700-rgb), 0)); }
.from-brand-800 { --tw-gradient-from: var(--brand-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-800-rgb), 0)); }
.from-brand-900 { --tw-gradient-from: var(--brand-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--brand-900-rgb), 0)); }
.from-premium-50 { --tw-gradient-from: var(--premium-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-50-rgb), 0)); }
.from-premium-100 { --tw-gradient-from: var(--premium-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-100-rgb), 0)); }
.from-premium-200 { --tw-gradient-from: var(--premium-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-200-rgb), 0)); }
.from-premium-300 { --tw-gradient-from: var(--premium-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-300-rgb), 0)); }
.from-premium-400 { --tw-gradient-from: var(--premium-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-400-rgb), 0)); }
.from-premium-500 { --tw-gradient-from: var(--premium-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-500-rgb), 0)); }
.from-premium-600 { --tw-gradient-from: var(--premium-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-600-rgb), 0)); }
.from-premium-700 { --tw-gradient-from: var(--premium-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-700-rgb), 0)); }
.from-premium-800 { --tw-gradient-from: var(--premium-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-800-rgb), 0)); }
.from-premium-900 { --tw-gradient-from: var(--premium-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--premium-900-rgb), 0)); }
.from-info-50 { --tw-gradient-from: var(--info-50); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-50-rgb), 0)); }
.from-info-100 { --tw-gradient-from: var(--info-100); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-100-rgb), 0)); }
.from-info-200 { --tw-gradient-from: var(--info-200); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-200-rgb), 0)); }
.from-info-300 { --tw-gradient-from: var(--info-300); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-300-rgb), 0)); }
.from-info-400 { --tw-gradient-from: var(--info-400); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-400-rgb), 0)); }
.from-info-500 { --tw-gradient-from: var(--info-500); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-500-rgb), 0)); }
.from-info-600 { --tw-gradient-from: var(--info-600); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-600-rgb), 0)); }
.from-info-700 { --tw-gradient-from: var(--info-700); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-700-rgb), 0)); }
.from-info-800 { --tw-gradient-from: var(--info-800); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-800-rgb), 0)); }
.from-info-900 { --tw-gradient-from: var(--info-900); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--info-900-rgb), 0)); }

.via-brand-50 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-50), var(--tw-gradient-to, rgba(var(--brand-50-rgb), 0)); }
.via-brand-100 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-100), var(--tw-gradient-to, rgba(var(--brand-100-rgb), 0)); }
.via-brand-200 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-200), var(--tw-gradient-to, rgba(var(--brand-200-rgb), 0)); }
.via-brand-300 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-300), var(--tw-gradient-to, rgba(var(--brand-300-rgb), 0)); }
.via-brand-400 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-400), var(--tw-gradient-to, rgba(var(--brand-400-rgb), 0)); }
.via-brand-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-500), var(--tw-gradient-to, rgba(var(--brand-500-rgb), 0)); }
.via-brand-600 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-600), var(--tw-gradient-to, rgba(var(--brand-600-rgb), 0)); }
.via-brand-700 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-700), var(--tw-gradient-to, rgba(var(--brand-700-rgb), 0)); }
.via-brand-800 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-800), var(--tw-gradient-to, rgba(var(--brand-800-rgb), 0)); }
.via-brand-900 { --tw-gradient-stops: var(--tw-gradient-from), var(--brand-900), var(--tw-gradient-to, rgba(var(--brand-900-rgb), 0)); }
.via-premium-50 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-50), var(--tw-gradient-to, rgba(var(--premium-50-rgb), 0)); }
.via-premium-100 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-100), var(--tw-gradient-to, rgba(var(--premium-100-rgb), 0)); }
.via-premium-200 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-200), var(--tw-gradient-to, rgba(var(--premium-200-rgb), 0)); }
.via-premium-300 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-300), var(--tw-gradient-to, rgba(var(--premium-300-rgb), 0)); }
.via-premium-400 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-400), var(--tw-gradient-to, rgba(var(--premium-400-rgb), 0)); }
.via-premium-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-500), var(--tw-gradient-to, rgba(var(--premium-500-rgb), 0)); }
.via-premium-600 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-600), var(--tw-gradient-to, rgba(var(--premium-600-rgb), 0)); }
.via-premium-700 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-700), var(--tw-gradient-to, rgba(var(--premium-700-rgb), 0)); }
.via-premium-800 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-800), var(--tw-gradient-to, rgba(var(--premium-800-rgb), 0)); }
.via-premium-900 { --tw-gradient-stops: var(--tw-gradient-from), var(--premium-900), var(--tw-gradient-to, rgba(var(--premium-900-rgb), 0)); }
.via-info-50 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-50), var(--tw-gradient-to, rgba(var(--info-50-rgb), 0)); }
.via-info-100 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-100), var(--tw-gradient-to, rgba(var(--info-100-rgb), 0)); }
.via-info-200 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-200), var(--tw-gradient-to, rgba(var(--info-200-rgb), 0)); }
.via-info-300 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-300), var(--tw-gradient-to, rgba(var(--info-300-rgb), 0)); }
.via-info-400 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-400), var(--tw-gradient-to, rgba(var(--info-400-rgb), 0)); }
.via-info-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-500), var(--tw-gradient-to, rgba(var(--info-500-rgb), 0)); }
.via-info-600 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-600), var(--tw-gradient-to, rgba(var(--info-600-rgb), 0)); }
.via-info-700 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-700), var(--tw-gradient-to, rgba(var(--info-700-rgb), 0)); }
.via-info-800 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-800), var(--tw-gradient-to, rgba(var(--info-800-rgb), 0)); }
.via-info-900 { --tw-gradient-stops: var(--tw-gradient-from), var(--info-900), var(--tw-gradient-to, rgba(var(--info-900-rgb), 0)); }

.to-brand-50 { --tw-gradient-to: var(--brand-50); }
.to-brand-100 { --tw-gradient-to: var(--brand-100); }
.to-brand-200 { --tw-gradient-to: var(--brand-200); }
.to-brand-300 { --tw-gradient-to: var(--brand-300); }
.to-brand-400 { --tw-gradient-to: var(--brand-400); }
.to-brand-500 { --tw-gradient-to: var(--brand-500); }
.to-brand-600 { --tw-gradient-to: var(--brand-600); }
.to-brand-700 { --tw-gradient-to: var(--brand-700); }
.to-brand-800 { --tw-gradient-to: var(--brand-800); }
.to-brand-900 { --tw-gradient-to: var(--brand-900); }
.to-premium-50 { --tw-gradient-to: var(--premium-50); }
.to-premium-100 { --tw-gradient-to: var(--premium-100); }
.to-premium-200 { --tw-gradient-to: var(--premium-200); }
.to-premium-300 { --tw-gradient-to: var(--premium-300); }
.to-premium-400 { --tw-gradient-to: var(--premium-400); }
.to-premium-500 { --tw-gradient-to: var(--premium-500); }
.to-premium-600 { --tw-gradient-to: var(--premium-600); }
.to-premium-700 { --tw-gradient-to: var(--premium-700); }
.to-premium-800 { --tw-gradient-to: var(--premium-800); }
.to-premium-900 { --tw-gradient-to: var(--premium-900); }
.to-info-50 { --tw-gradient-to: var(--info-50); }
.to-info-100 { --tw-gradient-to: var(--info-100); }
.to-info-200 { --tw-gradient-to: var(--info-200); }
.to-info-300 { --tw-gradient-to: var(--info-300); }
.to-info-400 { --tw-gradient-to: var(--info-400); }
.to-info-500 { --tw-gradient-to: var(--info-500); }
.to-info-600 { --tw-gradient-to: var(--info-600); }
.to-info-700 { --tw-gradient-to: var(--info-700); }
.to-info-800 { --tw-gradient-to: var(--info-800); }
.to-info-900 { --tw-gradient-to: var(--info-900); }

/* ---------------------------------------------------------------- rings */
.ring-brand-50 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-50-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-50:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-50-rgb), var(--tw-ring-opacity)); }
.ring-brand-100 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-100-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-100:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-100-rgb), var(--tw-ring-opacity)); }
.ring-brand-200 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-200-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-200-rgb), var(--tw-ring-opacity)); }
.ring-brand-300 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-300-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-300-rgb), var(--tw-ring-opacity)); }
.ring-brand-400 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-400-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-400-rgb), var(--tw-ring-opacity)); }
.ring-brand-500 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-500-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-500-rgb), var(--tw-ring-opacity)); }
.ring-brand-600 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-600-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-600-rgb), var(--tw-ring-opacity)); }
.ring-brand-700 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-700-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-700-rgb), var(--tw-ring-opacity)); }
.ring-brand-800 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-800-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-800:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-800-rgb), var(--tw-ring-opacity)); }
.ring-brand-900 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-900-rgb), var(--tw-ring-opacity)); }
.focus\:ring-brand-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--brand-900-rgb), var(--tw-ring-opacity)); }
.ring-premium-50 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-50-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-50:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-50-rgb), var(--tw-ring-opacity)); }
.ring-premium-100 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-100-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-100:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-100-rgb), var(--tw-ring-opacity)); }
.ring-premium-200 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-200-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-200-rgb), var(--tw-ring-opacity)); }
.ring-premium-300 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-300-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-300-rgb), var(--tw-ring-opacity)); }
.ring-premium-400 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-400-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-400-rgb), var(--tw-ring-opacity)); }
.ring-premium-500 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-500-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-500-rgb), var(--tw-ring-opacity)); }
.ring-premium-600 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-600-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-600-rgb), var(--tw-ring-opacity)); }
.ring-premium-700 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-700-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-700-rgb), var(--tw-ring-opacity)); }
.ring-premium-800 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-800-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-800:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-800-rgb), var(--tw-ring-opacity)); }
.ring-premium-900 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-900-rgb), var(--tw-ring-opacity)); }
.focus\:ring-premium-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--premium-900-rgb), var(--tw-ring-opacity)); }
.ring-info-50 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-50-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-50:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-50-rgb), var(--tw-ring-opacity)); }
.ring-info-100 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-100-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-100:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-100-rgb), var(--tw-ring-opacity)); }
.ring-info-200 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-200-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-200-rgb), var(--tw-ring-opacity)); }
.ring-info-300 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-300-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-300-rgb), var(--tw-ring-opacity)); }
.ring-info-400 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-400-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-400-rgb), var(--tw-ring-opacity)); }
.ring-info-500 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-500-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-500-rgb), var(--tw-ring-opacity)); }
.ring-info-600 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-600-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-600-rgb), var(--tw-ring-opacity)); }
.ring-info-700 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-700-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-700-rgb), var(--tw-ring-opacity)); }
.ring-info-800 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-800-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-800:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-800-rgb), var(--tw-ring-opacity)); }
.ring-info-900 { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-900-rgb), var(--tw-ring-opacity)); }
.focus\:ring-info-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(var(--info-900-rgb), var(--tw-ring-opacity)); }

/* ------------------------------------------------------------- variants */
.hover\:bg-brand-50:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-50-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-100:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-100-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-200:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-200-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-300:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-300-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-400:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-400-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-500:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-500-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-600:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-600-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-700:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-700-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-800:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-800-rgb), var(--tw-bg-opacity)); }
.hover\:bg-brand-900:hover { --tw-bg-opacity: 1; background-color: rgba(var(--brand-900-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-50:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-50-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-100:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-100-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-200:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-200-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-300:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-300-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-400:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-400-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-500:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-500-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-600:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-600-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-700:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-700-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-800:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-800-rgb), var(--tw-bg-opacity)); }
.hover\:bg-premium-900:hover { --tw-bg-opacity: 1; background-color: rgba(var(--premium-900-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-50:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-50-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-100:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-100-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-200:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-200-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-300:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-300-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-400:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-400-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-500:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-500-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-600:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-600-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-700:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-700-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-800:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-800-rgb), var(--tw-bg-opacity)); }
.hover\:bg-info-900:hover { --tw-bg-opacity: 1; background-color: rgba(var(--info-900-rgb), var(--tw-bg-opacity)); }

.hover\:text-brand-50:hover { --tw-text-opacity: 1; color: rgba(var(--brand-50-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-100:hover { --tw-text-opacity: 1; color: rgba(var(--brand-100-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-200:hover { --tw-text-opacity: 1; color: rgba(var(--brand-200-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-300:hover { --tw-text-opacity: 1; color: rgba(var(--brand-300-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-400:hover { --tw-text-opacity: 1; color: rgba(var(--brand-400-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-500:hover { --tw-text-opacity: 1; color: rgba(var(--brand-500-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-600:hover { --tw-text-opacity: 1; color: rgba(var(--brand-600-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-700:hover { --tw-text-opacity: 1; color: rgba(var(--brand-700-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-800:hover { --tw-text-opacity: 1; color: rgba(var(--brand-800-rgb), var(--tw-text-opacity)); }
.hover\:text-brand-900:hover { --tw-text-opacity: 1; color: rgba(var(--brand-900-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-50:hover { --tw-text-opacity: 1; color: rgba(var(--premium-50-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-100:hover { --tw-text-opacity: 1; color: rgba(var(--premium-100-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-200:hover { --tw-text-opacity: 1; color: rgba(var(--premium-200-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-300:hover { --tw-text-opacity: 1; color: rgba(var(--premium-300-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-400:hover { --tw-text-opacity: 1; color: rgba(var(--premium-400-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-500:hover { --tw-text-opacity: 1; color: rgba(var(--premium-500-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-600:hover { --tw-text-opacity: 1; color: rgba(var(--premium-600-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-700:hover { --tw-text-opacity: 1; color: rgba(var(--premium-700-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-800:hover { --tw-text-opacity: 1; color: rgba(var(--premium-800-rgb), var(--tw-text-opacity)); }
.hover\:text-premium-900:hover { --tw-text-opacity: 1; color: rgba(var(--premium-900-rgb), var(--tw-text-opacity)); }
.hover\:text-info-50:hover { --tw-text-opacity: 1; color: rgba(var(--info-50-rgb), var(--tw-text-opacity)); }
.hover\:text-info-100:hover { --tw-text-opacity: 1; color: rgba(var(--info-100-rgb), var(--tw-text-opacity)); }
.hover\:text-info-200:hover { --tw-text-opacity: 1; color: rgba(var(--info-200-rgb), var(--tw-text-opacity)); }
.hover\:text-info-300:hover { --tw-text-opacity: 1; color: rgba(var(--info-300-rgb), var(--tw-text-opacity)); }
.hover\:text-info-400:hover { --tw-text-opacity: 1; color: rgba(var(--info-400-rgb), var(--tw-text-opacity)); }
.hover\:text-info-500:hover { --tw-text-opacity: 1; color: rgba(var(--info-500-rgb), var(--tw-text-opacity)); }
.hover\:text-info-600:hover { --tw-text-opacity: 1; color: rgba(var(--info-600-rgb), var(--tw-text-opacity)); }
.hover\:text-info-700:hover { --tw-text-opacity: 1; color: rgba(var(--info-700-rgb), var(--tw-text-opacity)); }
.hover\:text-info-800:hover { --tw-text-opacity: 1; color: rgba(var(--info-800-rgb), var(--tw-text-opacity)); }
.hover\:text-info-900:hover { --tw-text-opacity: 1; color: rgba(var(--info-900-rgb), var(--tw-text-opacity)); }

.hover\:border-brand-50:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-50-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-100:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-100-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-200:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-200-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-300:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-300-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-400:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-400-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-500:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-500-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-600:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-600-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-700:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-700-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-800:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-800-rgb), var(--tw-border-opacity)); }
.hover\:border-brand-900:hover { --tw-border-opacity: 1; border-color: rgba(var(--brand-900-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-50:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-50-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-100:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-100-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-200:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-200-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-300:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-300-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-400:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-400-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-500:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-500-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-600:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-600-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-700:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-700-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-800:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-800-rgb), var(--tw-border-opacity)); }
.hover\:border-premium-900:hover { --tw-border-opacity: 1; border-color: rgba(var(--premium-900-rgb), var(--tw-border-opacity)); }
.hover\:border-info-50:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-50-rgb), var(--tw-border-opacity)); }
.hover\:border-info-100:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-100-rgb), var(--tw-border-opacity)); }
.hover\:border-info-200:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-200-rgb), var(--tw-border-opacity)); }
.hover\:border-info-300:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-300-rgb), var(--tw-border-opacity)); }
.hover\:border-info-400:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-400-rgb), var(--tw-border-opacity)); }
.hover\:border-info-500:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-500-rgb), var(--tw-border-opacity)); }
.hover\:border-info-600:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-600-rgb), var(--tw-border-opacity)); }
.hover\:border-info-700:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-700-rgb), var(--tw-border-opacity)); }
.hover\:border-info-800:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-800-rgb), var(--tw-border-opacity)); }
.hover\:border-info-900:hover { --tw-border-opacity: 1; border-color: rgba(var(--info-900-rgb), var(--tw-border-opacity)); }

.group:hover .group-hover\:bg-brand-50 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-50-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-100 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-100-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-200 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-200-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-300 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-300-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-400 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-400-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-500 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-500-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-600 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-600-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-700 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-700-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-800 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-800-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-brand-900 { --tw-bg-opacity: 1; background-color: rgba(var(--brand-900-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-50 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-50-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-100 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-100-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-200 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-200-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-300 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-300-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-400 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-400-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-500 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-500-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-600 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-600-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-700 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-700-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-800 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-800-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-premium-900 { --tw-bg-opacity: 1; background-color: rgba(var(--premium-900-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-50 { --tw-bg-opacity: 1; background-color: rgba(var(--info-50-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-100 { --tw-bg-opacity: 1; background-color: rgba(var(--info-100-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-200 { --tw-bg-opacity: 1; background-color: rgba(var(--info-200-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-300 { --tw-bg-opacity: 1; background-color: rgba(var(--info-300-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-400 { --tw-bg-opacity: 1; background-color: rgba(var(--info-400-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-500 { --tw-bg-opacity: 1; background-color: rgba(var(--info-500-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-600 { --tw-bg-opacity: 1; background-color: rgba(var(--info-600-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-700 { --tw-bg-opacity: 1; background-color: rgba(var(--info-700-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-800 { --tw-bg-opacity: 1; background-color: rgba(var(--info-800-rgb), var(--tw-bg-opacity)); }
.group:hover .group-hover\:bg-info-900 { --tw-bg-opacity: 1; background-color: rgba(var(--info-900-rgb), var(--tw-bg-opacity)); }

.group:hover .group-hover\:text-brand-50 { --tw-text-opacity: 1; color: rgba(var(--brand-50-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-100 { --tw-text-opacity: 1; color: rgba(var(--brand-100-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-200 { --tw-text-opacity: 1; color: rgba(var(--brand-200-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-300 { --tw-text-opacity: 1; color: rgba(var(--brand-300-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-400 { --tw-text-opacity: 1; color: rgba(var(--brand-400-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-500 { --tw-text-opacity: 1; color: rgba(var(--brand-500-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-600 { --tw-text-opacity: 1; color: rgba(var(--brand-600-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-700 { --tw-text-opacity: 1; color: rgba(var(--brand-700-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-800 { --tw-text-opacity: 1; color: rgba(var(--brand-800-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-brand-900 { --tw-text-opacity: 1; color: rgba(var(--brand-900-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-50 { --tw-text-opacity: 1; color: rgba(var(--premium-50-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-100 { --tw-text-opacity: 1; color: rgba(var(--premium-100-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-200 { --tw-text-opacity: 1; color: rgba(var(--premium-200-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-300 { --tw-text-opacity: 1; color: rgba(var(--premium-300-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-400 { --tw-text-opacity: 1; color: rgba(var(--premium-400-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-500 { --tw-text-opacity: 1; color: rgba(var(--premium-500-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-600 { --tw-text-opacity: 1; color: rgba(var(--premium-600-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-700 { --tw-text-opacity: 1; color: rgba(var(--premium-700-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-800 { --tw-text-opacity: 1; color: rgba(var(--premium-800-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-premium-900 { --tw-text-opacity: 1; color: rgba(var(--premium-900-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-50 { --tw-text-opacity: 1; color: rgba(var(--info-50-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-100 { --tw-text-opacity: 1; color: rgba(var(--info-100-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-200 { --tw-text-opacity: 1; color: rgba(var(--info-200-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-300 { --tw-text-opacity: 1; color: rgba(var(--info-300-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-400 { --tw-text-opacity: 1; color: rgba(var(--info-400-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-500 { --tw-text-opacity: 1; color: rgba(var(--info-500-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-600 { --tw-text-opacity: 1; color: rgba(var(--info-600-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-700 { --tw-text-opacity: 1; color: rgba(var(--info-700-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-800 { --tw-text-opacity: 1; color: rgba(var(--info-800-rgb), var(--tw-text-opacity)); }
.group:hover .group-hover\:text-info-900 { --tw-text-opacity: 1; color: rgba(var(--info-900-rgb), var(--tw-text-opacity)); }

.focus\:border-brand-50:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-50-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-100:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-100-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-200:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-200-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-300:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-300-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-400:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-400-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-500:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-500-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-600:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-600-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-700:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-700-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-800:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-800-rgb), var(--tw-border-opacity)); }
.focus\:border-brand-900:focus { --tw-border-opacity: 1; border-color: rgba(var(--brand-900-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-50:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-50-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-100:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-100-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-200:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-200-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-300:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-300-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-400:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-400-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-500:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-500-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-600:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-600-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-700:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-700-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-800:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-800-rgb), var(--tw-border-opacity)); }
.focus\:border-premium-900:focus { --tw-border-opacity: 1; border-color: rgba(var(--premium-900-rgb), var(--tw-border-opacity)); }
.focus\:border-info-50:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-50-rgb), var(--tw-border-opacity)); }
.focus\:border-info-100:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-100-rgb), var(--tw-border-opacity)); }
.focus\:border-info-200:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-200-rgb), var(--tw-border-opacity)); }
.focus\:border-info-300:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-300-rgb), var(--tw-border-opacity)); }
.focus\:border-info-400:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-400-rgb), var(--tw-border-opacity)); }
.focus\:border-info-500:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-500-rgb), var(--tw-border-opacity)); }
.focus\:border-info-600:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-600-rgb), var(--tw-border-opacity)); }
.focus\:border-info-700:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-700-rgb), var(--tw-border-opacity)); }
.focus\:border-info-800:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-800-rgb), var(--tw-border-opacity)); }
.focus\:border-info-900:focus { --tw-border-opacity: 1; border-color: rgba(var(--info-900-rgb), var(--tw-border-opacity)); }

/* ---------------------------------------------------------- file: variant
   `file:` is Tailwind v3 syntax and is absent from the v2 CDN bundle
   entirely, so these upload-button styles had never rendered. */
.file\:bg-brand-50::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-50-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-50::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-50-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-50:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-50-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-100::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-100-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-100::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-100-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-100:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-100-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-200::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-200-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-200::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-200-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-200:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-200-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-300::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-300-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-300::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-300-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-300:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-300-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-400::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-400-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-400::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-400-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-400:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-400-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-500::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-500-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-500::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-500-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-500:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-500-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-600::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-600-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-600::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-600-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-600:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-600-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-700::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-700-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-700::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-700-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-700:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-700-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-800::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-800-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-800::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-800-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-800:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-800-rgb), var(--tw-bg-opacity)); }
.file\:bg-brand-900::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-900-rgb), var(--tw-bg-opacity)); }
.file\:text-brand-900::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--brand-900-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-brand-900:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--brand-900-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-50::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-50-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-50::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-50-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-50:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-50-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-100::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-100-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-100::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-100-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-100:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-100-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-200::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-200-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-200::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-200-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-200:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-200-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-300::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-300-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-300::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-300-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-300:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-300-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-400::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-400-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-400::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-400-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-400:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-400-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-500::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-500-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-500::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-500-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-500:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-500-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-600::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-600-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-600::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-600-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-600:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-600-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-700::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-700-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-700::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-700-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-700:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-700-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-800::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-800-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-800::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-800-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-800:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-800-rgb), var(--tw-bg-opacity)); }
.file\:bg-premium-900::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-900-rgb), var(--tw-bg-opacity)); }
.file\:text-premium-900::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--premium-900-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-premium-900:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--premium-900-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-50::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-50-rgb), var(--tw-bg-opacity)); }
.file\:text-info-50::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-50-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-50:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-50-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-100::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-100-rgb), var(--tw-bg-opacity)); }
.file\:text-info-100::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-100-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-100:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-100-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-200::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-200-rgb), var(--tw-bg-opacity)); }
.file\:text-info-200::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-200-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-200:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-200-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-300::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-300-rgb), var(--tw-bg-opacity)); }
.file\:text-info-300::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-300-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-300:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-300-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-400::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-400-rgb), var(--tw-bg-opacity)); }
.file\:text-info-400::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-400-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-400:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-400-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-500::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-500-rgb), var(--tw-bg-opacity)); }
.file\:text-info-500::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-500-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-500:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-500-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-600::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-600-rgb), var(--tw-bg-opacity)); }
.file\:text-info-600::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-600-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-600:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-600-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-700::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-700-rgb), var(--tw-bg-opacity)); }
.file\:text-info-700::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-700-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-700:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-700-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-800::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-800-rgb), var(--tw-bg-opacity)); }
.file\:text-info-800::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-800-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-800:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-800-rgb), var(--tw-bg-opacity)); }
.file\:bg-info-900::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-900-rgb), var(--tw-bg-opacity)); }
.file\:text-info-900::file-selector-button { --tw-text-opacity: 1; color: rgba(var(--info-900-rgb), var(--tw-text-opacity)); }
.hover\:file\:bg-info-900:hover::file-selector-button { --tw-bg-opacity: 1; background-color: rgba(var(--info-900-rgb), var(--tw-bg-opacity)); }