/* C4R brand tokens: the one source for the Electric Livery values (W3-01, desktop-brief D0.1).
   Imported first in src/index.jsx, so every other stylesheet can read these from :root.
   Older token sets still repeat some of these values (livery.css is generated, site-theme.css,
   mobile-m1.css, index.css @theme, tailwind.config.js); scripts/brand-tokens.test.mjs fails when one
   of those copies drifts from this file. Adding a token here changes nothing on screen until a rule
   reads it. */
:root {
  /* colour */
  --c4r-violet: #6C3BFF;
  --c4r-violet-hover: #5526EA;
  --c4r-violet-press: #4A1FCC;
  --c4r-violet-100: #EFE9FF;
  --c4r-ink: #140C2A;
  --c4r-mist: #F6F3FC;
  --c4r-line: #E5E0EF;
  --c4r-line-strong: #CFC7E0;
  --c4r-control-border: #8C84A3;
  --c4r-muted: #5B5273;
  --c4r-price: #087443;
  --c4r-price-on-ink: #3DDC84; /* price green on ink and night surfaces; there is no site dark mode */
  --c4r-danger: #C0223B;

  /* Listing photo placeholders: car-derived solid tones, never a violet/grey loading void. */
  --c4r-photo-placeholder-red: #7A3035;
  --c4r-photo-placeholder-green: #285849;
  --c4r-photo-placeholder-blue: #31516F;
  --c4r-photo-placeholder-grey: #596168;
  --c4r-photo-placeholder-white: #E8E4DC;
  --c4r-photo-placeholder-black: #1C1B20;
  --c4r-photo-placeholder-gold: #7B6334;
  --c4r-photo-placeholder-neutral: #443F4B;

  /* type: each brand family is followed by its metric-matched local fallback (fonts.css) */
  --c4r-fd: "Barlow Condensed", "Barlow Condensed Fallback", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --c4r-fb: "Barlow", "Barlow Fallback", "Bahnschrift", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --c4r-fm: "Azeret Mono", "Azeret Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* layout */
  --c4r-maxw: 1280px;
  --c4r-gut: 16px;
  --c4r-toolbar-h: 56px;
  /* phone header height (mobile-m1 .hdr is 56px below 768px); the 768/1024 blocks below override it,
     so var(--c4r-hdr-h) is always defined */
  --c4r-hdr-h: 56px;
  --c4r-lean: -14deg;

  /* motion: the Drivetrain scale (charter BEHAVE). Nothing on a task path runs longer than glide. */
  --c4r-tick: 90ms;
  --c4r-shift: 160ms;
  --c4r-pull: 240ms;
  --c4r-glide: 320ms;
  --c4r-calm: 120ms;
  --c4r-ease-settle: cubic-bezier(.3, 0, .1, 1);

  /* Road Star (ratings spec 7.2): flat two-tone pressed metal, no gradients, no glow. Base is the
     lower-left half, facet the upper-right half of a -14deg split. Bases are >= 3:1 on white and mist,
     and neighbouring tiers are >= 20 apart in CIELAB (checked in road-rating-frontend.test.mjs, also
     with a deuteranopia filter): copper-red Bronze, cool polished Silver, bright brass Gold, a deep
     tier-only Violet (never the button violet) and an ink-and-violet Hall of Fame.
     The *-dk values are for ink backgrounds (the share card, and a later Night Drive theme). */
  --c4r-star-line: #140C2A;
  --c4r-star-stripe: #F6F3FC;
  --c4r-star-bronze: #8C4A2F;
  --c4r-star-bronze-facet: #C26A45;
  --c4r-star-silver: #5B6472;
  --c4r-star-silver-facet: #C9D0DA;
  --c4r-star-gold: #A87A00;
  --c4r-star-gold-facet: #E0B43A;
  --c4r-star-violet: #5226D9;
  --c4r-star-violet-facet: #9B7BFF;
  --c4r-star-hof: #140C2A;
  --c4r-star-hof-facet: #6C3BFF;
  --c4r-star-hof-keyline: #140C2A;
  --c4r-star-tag-ink: #140C2A;
  --c4r-star-tag-mist: #F6F3FC;
  --c4r-star-line-dk: #EFEBF6;
  --c4r-star-stripe-dk: #EFEBF6;
  --c4r-star-bronze-dk: #B5643F;
  --c4r-star-bronze-facet-dk: #D9875F;
  --c4r-star-silver-dk: #9AA3B1;
  --c4r-star-silver-facet-dk: #DCE1E8;
  --c4r-star-gold-dk: #C99A16;
  --c4r-star-gold-facet-dk: #EDC65A;
  --c4r-star-violet-dk: #7D58FF;
  --c4r-star-violet-facet-dk: #B39BFF;
  --c4r-star-hof-dk: #1A1233;
  --c4r-star-hof-facet-dk: #8F6BFF;
  --c4r-star-hof-keyline-dk: #EFEBF6;
}
:root:where(.dark) {
  --c4r-muted: #BBB1D7;
  --c4r-star-line: #F1EDFF;
  --c4r-star-bronze-facet: #EA8E68;
  --c4r-star-violet-facet: #A790FD;
  --c4r-star-hof-keyline: #F1EDFF;
  --c4r-star-tag-ink: #F1EDFF;
  --c4r-star-bronze-dk: #E9936D;
  --c4r-star-violet-dk: #A69CFF;
  --c4r-star-hof-dk: #CFC9F6;
  --c4r-star-hof-facet-dk: #A795FE;
}
@media (min-width: 768px) {
  :root {
    --c4r-gut: 32px;
    /* today's Navbar height; every sticky offset reads this token (D2 moves it to 64px) */
    --c4r-hdr-h: 72px;
  }
}
@media (min-width: 1024px) {
  :root { --c4r-hdr-h: 88px; }
}
@media (min-width: 1200px) {
  :root { --c4r-gut: 80px; }
}

/* Font stacks owned elsewhere: put the metric-matched fallback straight after the brand family.
   The first family is unchanged, so nothing moves once the fonts have loaded. livery.css is generated
   and mobile-m1.css is frozen, so they are reached here with a more specific selector instead of being
   edited (html .c4r-livery beats .c4r-livery; html:root beats :root). */
html .c4r-livery {
  --fd: var(--c4r-fd);
  --fb: var(--c4r-fb);
  --fm: var(--c4r-fm);
}
html:root {
  --c4r-m-font-display: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
  --c4r-m-font-body: "Barlow", "Barlow Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c4r-m-font-mono: "Azeret Mono", "Azeret Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* C4R self-hosted livery fonts (W3-01, PERF-07 / SEO P0-2).
   Barlow, Barlow Condensed and Azeret Mono, SIL Open Font License 1.1 (licence files sit next to the
   woff2 files in /assets/fonts/). These are the same latin and latin-ext woff2 files Google Fonts served
   for the faces the site requested before, with the same unicode-range split, so rendering at rest is
   unchanged; the latin-ext file only downloads when a page uses one of its characters.
   The URLs are root-absolute and left alone by css-loader (webpackIgnore) so they match the two
   <link rel="preload"> tags in public/index.html byte for byte.
   CACHING: /assets/fonts/ is served without a content hash and nginx caches it for 1 day plus 7 days
   stale-while-revalidate. Never replace a woff2 in place: any change to a font file must give it a new
   file name (e.g. barlow-400-latin.v2.woff2) and update the @font-face URL here and any matching
   preload in public/index.html, or visitors can be served stale glyphs for up to about 8 days. */

/* Barlow 400, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow 400, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow 500, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow 500, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow 600, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow 600, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow 700, latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow 700, latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 700 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700i-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 700 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700i-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 800 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800i-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 800 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800i-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 900 italic, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-900i-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 900 italic, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-900i-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 500, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 500, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 600, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 600, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 700, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 700, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Barlow Condensed 800, latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 800, latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/barlow-condensed-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Azeret Mono 500, latin-ext */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Azeret Mono 500, latin */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Azeret Mono 600, latin-ext */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Azeret Mono 600, latin */
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: /* webpackIgnore: true */ url('/assets/fonts/azeret-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Metric-matched fallbacks: while a woff2 is still downloading (font-display: swap) the text is set in
   a local Arial / Courier New scaled to the brand font's width and line metrics, so the swap does not
   move the layout (CLS). size-adjust = brand weighted advance / local weighted advance; the overrides are
   brand metric / size-adjust. They cover the same character ranges as the brand faces, so a character
   the brand font lacks still falls through to the rest of the stack exactly as before. */
/* Barlow 400: upm 1000, ascent 1000, descent 200, weighted advance 423.37 */
@font-face {
  font-family: 'Barlow Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
  size-adjust: 96.71%;
  ascent-override: 103.40%;
  descent-override: 20.68%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow 600 / 700 (mean weighted advance 438.40) against Arial Bold (476.84), not Arial Regular:
   bold text is what prices and buttons paint, and Arial Bold is ~8% wider than Arial. */
@font-face {
  font-family: 'Barlow Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
  size-adjust: 91.94%;
  ascent-override: 108.77%;
  descent-override: 21.75%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 500 (weighted advance 349.01) against Arial (440.83) */
@font-face {
  font-family: 'Barlow Condensed Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
  size-adjust: 79.17%;
  ascent-override: 126.31%;
  descent-override: 25.26%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Barlow Condensed 800 / 800 italic (headings and prices; mean weighted advance 366.42) against
   Arial Bold (476.84), the face this range actually falls back to */
@font-face {
  font-family: 'Barlow Condensed Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
  size-adjust: 76.84%;
  ascent-override: 130.13%;
  descent-override: 26.03%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Azeret Mono 500: upm 1000, ascent 937, descent 230, advance 650 */
@font-face {
  font-family: 'Azeret Mono Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Courier New'), local('CourierNewPSMT'), local('Liberation Mono'), local('Cousine');
  size-adjust: 108.32%;
  ascent-override: 86.51%;
  descent-override: 21.23%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Azeret Mono 500: upm 1000, ascent 937, descent 230, advance 650 */
@font-face {
  font-family: 'Azeret Mono Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Courier New Bold'), local('CourierNewPS-BoldMT'), local('Liberation Mono Bold'), local('Cousine Bold');
  size-adjust: 108.32%;
  ascent-override: 86.51%;
  descent-override: 21.23%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-poppins:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-inter:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-public-sans:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-roboto:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-manrope:"Barlow","Barlow Fallback","Segoe UI",sans-serif;--font-livery-display:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",sans-serif;--color-primary:#6c3bff;--color-primary-dark:#5a2ee6;--color-primary-light:#f0ebff;--color-ink:#0c0c0c;--color-secondary:#373737;--color-dim:#42444a;--color-subtle:#8c8c8c}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{font-family:var(--font-public-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-livery-display)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-1{inset-inline:calc(var(--spacing)*1)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-x-6{inset-inline:calc(var(--spacing)*6)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-22{top:calc(var(--spacing)*22)}.top-24{top:calc(var(--spacing)*24)}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.-right-24{right:calc(var(--spacing)*-24)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-3\.5{right:calc(var(--spacing)*3.5)}.right-\[12\%\]{right:12%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-14{bottom:calc(var(--spacing)*14)}.bottom-\[12\%\]{bottom:12%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-55{z-index:55}.z-60{z-index:60}.z-\[1\]{z-index:1}.z-\[45\]{z-index:45}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[10000\]{z-index:10000}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-4{margin:calc(var(--spacing)*4)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-30{margin-inline:calc(var(--spacing)*30)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-16{margin-top:calc(var(--spacing)*-16)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/8\]{aspect-ratio:16/8}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-16{height:calc(var(--spacing)*16)}.h-18{height:calc(var(--spacing)*18)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\[61px\]{height:61px}.h-\[100dvh\]{height:100dvh}.h-\[460px\]{height:460px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-12{max-height:calc(var(--spacing)*12)}.max-h-36{max-height:calc(var(--spacing)*36)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-150{max-height:calc(var(--spacing)*150)}.max-h-\[45\%\]{max-height:45%}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[450px\]{max-height:450px}.max-h-\[calc\(90dvh-70px\)\]{max-height:calc(90dvh - 70px)}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-30{min-height:calc(var(--spacing)*30)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-36{min-height:calc(var(--spacing)*36)}.min-h-52{min-height:calc(var(--spacing)*52)}.min-h-62\.5{min-height:calc(var(--spacing)*62.5)}.min-h-80{min-height:calc(var(--spacing)*80)}.min-h-\[20rem\]{min-height:20rem}.min-h-\[40vh\]{min-height:40vh}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[58vh\]{min-height:58vh}.min-h-\[60dvh\]{min-height:60dvh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[65vh\]{min-height:65vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-\[88px\]{min-height:88px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[112px\]{min-height:112px}.min-h-\[132px\]{min-height:132px}.min-h-\[156px\]{min-height:156px}.min-h-\[260px\]{min-height:260px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[340px\]{min-height:340px}.min-h-\[360px\]{min-height:360px}.min-h-\[420px\]{min-height:420px}.min-h-\[460px\]{min-height:460px}.min-h-\[800px\]{min-height:800px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-71\.25{width:calc(var(--spacing)*71.25)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[30\%\]{width:30%}.w-\[85\%\]{width:85%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-28{max-width:calc(var(--spacing)*28)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-50{max-width:calc(var(--spacing)*50)}.max-w-62\.5{max-width:calc(var(--spacing)*62.5)}.max-w-64{max-width:calc(var(--spacing)*64)}.max-w-70{max-width:calc(var(--spacing)*70)}.max-w-85{max-width:calc(var(--spacing)*85)}.max-w-160{max-width:calc(var(--spacing)*160)}.max-w-300{max-width:calc(var(--spacing)*300)}.max-w-450{max-width:calc(var(--spacing)*450)}.max-w-\[18rem\]{max-width:18rem}.max-w-\[22rem\]{max-width:22rem}.max-w-\[112px\]{max-width:112px}.max-w-\[520px\]{max-width:520px}.max-w-\[720px\]{max-width:720px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[1280px\]{max-width:1280px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-11{min-width:calc(var(--spacing)*11)}.min-w-35{min-width:calc(var(--spacing)*35)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\[36rem\]{min-width:36rem}.min-w-\[44px\]{min-width:44px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.-skew-x-\[14deg\]{--tw-skew-x:skewX(calc(14deg*-1));transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-5{scroll-margin-top:calc(var(--spacing)*5)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[2\.25rem_1fr_auto\]{grid-template-columns:2.25rem 1fr auto}.grid-cols-\[7rem_1fr\]{grid-template-columns:7rem 1fr}.grid-cols-\[96px_minmax\(0\,1fr\)\]{grid-template-columns:96px minmax(0,1fr)}.grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,5rem\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}
:where(html.dark) :where(.divide-gray-100>:not(:last-child)){border-color:#312C45}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}
:where(html.dark) :where(.divide-gray-200>:not(:last-child)){border-color:#312C45}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}
:where(html.dark) :where(.divide-slate-100>:not(:last-child)){border-color:#312C45}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}
:where(html.dark) :where(.divide-slate-200>:not(:last-child)){border-color:#312C45}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[28px\]{border-style:var(--tw-border-style);border-width:28px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#4e2b72\]{border-color:#4e2b72}
:where(html.dark) .border-\[\#4e2b72\]{border-color:#CEAAFC}.border-\[\#6C3BFF\]{border-color:#6c3bff}.border-\[\#6C3BFF\]\/10{border-color:oklab(54.3606% .0678495 -.256417/.1)}
:where(html.dark) .border-\[\#6C3BFF\]\/10{border-color:#332B45}.border-\[\#6C3BFF\]\/25{border-color:oklab(54.3606% .0678495 -.256417/.25)}
:where(html.dark) .border-\[\#6C3BFF\]\/25{border-color:#47376B}.border-\[\#6a438c\]{border-color:#6a438c}.border-\[\#9d4dff\]\/75{border-color:oklab(61.1198% .122083 -.216321/.75)}.border-\[\#140c2a\]{border-color:#140c2a}
:where(html.dark) .border-\[\#140c2a\]{border-color:#F1EDFF}.border-\[\#6537e6\]{border-color:#6537e6}.border-\[\#6638d1\]{border-color:#6638d1}.border-\[\#20123f\]{border-color:#20123f}
:where(html.dark) .border-\[\#20123f\]{border-color:#BFB4EE}.border-\[\#087443\]{border-color:#087443}.border-\[\#B42318\]{border-color:#b42318}.border-\[\#C6B3FF\]{border-color:#c6b3ff}
:where(html.dark) .border-\[\#C6B3FF\]{border-color:#47376D}.border-\[\#C0223B\]{border-color:#c0223b}.border-\[\#E2E2E2\]{border-color:#e2e2e2}
:where(html.dark) .border-\[\#E2E2E2\]{border-color:#312C45}.border-\[\#E5E7EB\]{border-color:#e5e7eb}
:where(html.dark) .border-\[\#E5E7EB\]{border-color:#312C45}.border-\[\#b9aec9\]{border-color:#b9aec9}.border-\[\#bcaee0\]{border-color:#bcaee0}
:where(html.dark) .border-\[\#bcaee0\]{border-color:#48366C}.border-\[\#cfc0f5\]{border-color:#cfc0f5}
:where(html.dark) .border-\[\#cfc0f5\]{border-color:#48366C}.border-\[\#cfc3ef\]{border-color:#cfc3ef}
:where(html.dark) .border-\[\#cfc3ef\]{border-color:#483868}.border-\[\#cfc5e5\]{border-color:#cfc5e5}
:where(html.dark) .border-\[\#cfc5e5\]{border-color:#483A60}.border-\[\#cfc7d9\]{border-color:#cfc7d9}
:where(html.dark) .border-\[\#cfc7d9\]{border-color:#483C56}.border-\[\#cfc7df\]{border-color:#cfc7df}
:where(html.dark) .border-\[\#cfc7df\]{border-color:#473C5B}.border-\[\#d6cfdf\]{border-color:#d6cfdf}
:where(html.dark) .border-\[\#d6cfdf\]{border-color:#433E58}.border-\[\#d8ccf4\]{border-color:#d8ccf4}
:where(html.dark) .border-\[\#d8ccf4\]{border-color:#483865}.border-\[\#d8cdf5\]{border-color:#d8cdf5}
:where(html.dark) .border-\[\#d8cdf5\]{border-color:#473965}.border-\[\#d8d9d6\]{border-color:#d8d9d6}
:where(html.dark) .border-\[\#d8d9d6\]{border-color:#433E58}.border-\[\#d9ccff\]{border-color:#d9ccff}
:where(html.dark) .border-\[\#d9ccff\]{border-color:#48376C}.border-\[\#d9cdf6\]{border-color:#d9cdf6}
:where(html.dark) .border-\[\#d9cdf6\]{border-color:#483866}.border-\[\#d9d0f5\]{border-color:#d9d0f5}
:where(html.dark) .border-\[\#d9d0f5\]{border-color:#463A64}.border-\[\#d95f0b\]{border-color:#d95f0b}.border-\[\#d891ff\]\/45{border-color:oklab(76.7963% .11358 -.123051/.45)}
:where(html.dark) .border-\[\#d891ff\]\/45{border-color:#533264}.border-\[\#ddd2fb\]{border-color:#ddd2fb}
:where(html.dark) .border-\[\#ddd2fb\]{border-color:#473966}.border-\[\#ddd3f5\]{border-color:#ddd3f5}
:where(html.dark) .border-\[\#ddd3f5\]{border-color:#473A61}.border-\[\#ddd5f2\]{border-color:#ddd5f2}
:where(html.dark) .border-\[\#ddd5f2\]{border-color:#463B5E}.border-\[\#ded6f4\]{border-color:#ded6f4}
:where(html.dark) .border-\[\#ded6f4\]{border-color:#463B5F}.border-\[\#ded7ef\]{border-color:#ded7ef}
:where(html.dark) .border-\[\#ded7ef\]{border-color:#463C5B}.border-\[\#ded8e8\]{border-color:#ded8e8}
:where(html.dark) .border-\[\#ded8e8\]{border-color:#433E58}.border-\[\#e2d8fb\]{border-color:#e2d8fb}
:where(html.dark) .border-\[\#e2d8fb\]{border-color:#35284E}.border-\[\#e3ddf4\]{border-color:#e3ddf4}
:where(html.dark) .border-\[\#e3ddf4\]{border-color:#332A47}.border-\[\#e4e7e9\]{border-color:#e4e7e9}
:where(html.dark) .border-\[\#e4e7e9\]{border-color:#312C45}.border-\[\#e5dafe\]{border-color:#e5dafe}
:where(html.dark) .border-\[\#e5dafe\]{border-color:#36274E}.border-\[\#e5e0f5\]{border-color:#e5e0f5}
:where(html.dark) .border-\[\#e5e0f5\]{border-color:#332B46}.border-\[\#e6def8\]{border-color:#e6def8}
:where(html.dark) .border-\[\#e6def8\]{border-color:#352948}.border-\[\#e7ddfb\]{border-color:#e7ddfb}
:where(html.dark) .border-\[\#e7ddfb\]{border-color:#36284B}.border-\[\#e7def8\]{border-color:#e7def8}
:where(html.dark) .border-\[\#e7def8\]{border-color:#352948}.border-\[\#e8defa\]{border-color:#e8defa}
:where(html.dark) .border-\[\#e8defa\]{border-color:#362949}.border-\[\#e8defd\]{border-color:#e8defd}
:where(html.dark) .border-\[\#e8defd\]{border-color:#35284B}.border-\[\#ece5ff\]{border-color:#ece5ff}
:where(html.dark) .border-\[\#ece5ff\]{border-color:#342A49}.border-\[\#ece6fb\]{border-color:#ece6fb}
:where(html.dark) .border-\[\#ece6fb\]{border-color:#342B46}.border-\[\#ede5ff\]{border-color:#ede5ff}
:where(html.dark) .border-\[\#ede5ff\]{border-color:#352948}.border-\[\#eee7ff\]{border-color:#eee7ff}
:where(html.dark) .border-\[\#eee7ff\]{border-color:#342A47}.border-\[\#efe7ff\]{border-color:#efe7ff}
:where(html.dark) .border-\[\#efe7ff\]{border-color:#352A47}.border-\[\#efe9fb\]{border-color:#efe9fb}
:where(html.dark) .border-\[\#efe9fb\]{border-color:#312C45}.border-\[\#f07a7a41\]{border-color:#f07a7a41}
:where(html.dark) .border-\[\#f07a7a41\]{border-color:#482426}.border-\[var\(--c4r-danger\)\]{border-color:var(--c4r-danger)}.border-\[var\(--community-brand-private\)\]{border-color:var(--community-brand-private)}.border-\[var\(--community-focus-border\)\]{border-color:var(--community-focus-border)}.border-amber-100{border-color:var(--color-amber-100)}
:where(html.dark) .border-amber-100{border-color:#3A3000}.border-amber-200{border-color:var(--color-amber-200)}
:where(html.dark) .border-amber-200{border-color:#3A3000}.border-amber-300{border-color:var(--color-amber-300)}
:where(html.dark) .border-amber-300{border-color:#514005}.border-amber-400{border-color:var(--color-amber-400)}
:where(html.dark) .border-amber-400{border-color:#553E05}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-700{border-color:var(--color-amber-700)}.border-amber-800{border-color:var(--color-amber-800)}.border-black\/60{border-color:#0009}@supports (color:color-mix(in lab, red, red)){.border-black\/60{border-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}
:where(html.dark) .border-emerald-200{border-color:#013A27}.border-emerald-300{border-color:var(--color-emerald-300)}
:where(html.dark) .border-emerald-300{border-color:#004F37}.border-emerald-600{border-color:var(--color-emerald-600)}.border-emerald-700{border-color:var(--color-emerald-700)}.border-gray-50{border-color:var(--color-gray-50)}
:where(html.dark) .border-gray-50{border-color:#312C45}.border-gray-100{border-color:var(--color-gray-100)}
:where(html.dark) .border-gray-100{border-color:#312C45}.border-gray-200{border-color:var(--color-gray-200)}
:where(html.dark) .border-gray-200{border-color:#312C45}.border-gray-300{border-color:var(--color-gray-300)}
:where(html.dark) .border-gray-300{border-color:#433E58}.border-gray-400{border-color:var(--color-gray-400)}.border-green-200{border-color:var(--color-green-200)}
:where(html.dark) .border-green-200{border-color:#003B1F}.border-green-300{border-color:var(--color-green-300)}
:where(html.dark) .border-green-300{border-color:#09502C}.border-neutral-200{border-color:var(--color-neutral-200)}
:where(html.dark) .border-neutral-200{border-color:#312C45}.border-neutral-300{border-color:var(--color-neutral-300)}
:where(html.dark) .border-neutral-300{border-color:#433E58}.border-orange-200{border-color:var(--color-orange-200)}
:where(html.dark) .border-orange-200{border-color:#452A02}.border-orange-300{border-color:var(--color-orange-300)}
:where(html.dark) .border-orange-300{border-color:#603800}.border-orange-500{border-color:var(--color-orange-500)}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:#6c3bff1a}
:where(html.dark) .border-primary\/10{border-color:#332B45}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary)10%,transparent)}
:where(html.dark) .border-primary\/10{border-color:#332B45}}.border-primary\/20{border-color:#6c3bff33}
:where(html.dark) .border-primary\/20{border-color:#342751}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}
:where(html.dark) .border-primary\/20{border-color:#342751}}.border-primary\/25{border-color:#6c3bff40}
:where(html.dark) .border-primary\/25{border-color:#47376B}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab,var(--color-primary)25%,transparent)}
:where(html.dark) .border-primary\/25{border-color:#47376B}}.border-primary\/30{border-color:#6c3bff4d}
:where(html.dark) .border-primary\/30{border-color:#47376C}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}
:where(html.dark) .border-primary\/30{border-color:#47376C}}.border-primary\/70{border-color:#6c3bffb3}@supports (color:color-mix(in lab, red, red)){.border-primary\/70{border-color:color-mix(in oklab,var(--color-primary)70%,transparent)}}.border-purple-100{border-color:var(--color-purple-100)}
:where(html.dark) .border-purple-100{border-color:#372945}.border-purple-200{border-color:var(--color-purple-200)}
:where(html.dark) .border-purple-200{border-color:#3B244F}.border-purple-300{border-color:var(--color-purple-300)}
:where(html.dark) .border-purple-300{border-color:#4F3468}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-700{border-color:var(--color-purple-700)}.border-red-200{border-color:var(--color-red-200)}
:where(html.dark) .border-red-200{border-color:#653032}.border-red-300{border-color:var(--color-red-300)}
:where(html.dark) .border-red-300{border-color:#6A2B2E}.border-red-300\/40{border-color:#ffa3a366}
:where(html.dark) .border-red-300\/40{border-color:#4B2224}@supports (color:color-mix(in lab, red, red)){.border-red-300\/40{border-color:color-mix(in oklab,var(--color-red-300)40%,transparent)}
:where(html.dark) .border-red-300\/40{border-color:#4B2225}}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-rose-200{border-color:var(--color-rose-200)}
:where(html.dark) .border-rose-200{border-color:#652F39}.border-rose-300{border-color:var(--color-rose-300)}
:where(html.dark) .border-rose-300{border-color:#692B36}.border-secondary{border-color:var(--color-secondary)}
:where(html.dark) .border-secondary{border-color:#BEBBD0}.border-slate-100{border-color:var(--color-slate-100)}
:where(html.dark) .border-slate-100{border-color:#312C45}.border-slate-200{border-color:var(--color-slate-200)}
:where(html.dark) .border-slate-200{border-color:#312C45}.border-slate-300{border-color:var(--color-slate-300)}
:where(html.dark) .border-slate-300{border-color:#433E58}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-800{border-color:var(--color-slate-800)}
:where(html.dark) .border-slate-800{border-color:#AFBFD9}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}
:where(html.dark) .border-violet-100{border-color:#322B47}.border-violet-200{border-color:var(--color-violet-200)}
:where(html.dark) .border-violet-200{border-color:#443A65}.border-violet-300{border-color:var(--color-violet-300)}
:where(html.dark) .border-violet-300{border-color:#45376D}.border-violet-400{border-color:var(--color-violet-400)}.border-violet-700{border-color:var(--color-violet-700)}.border-white{border-color:var(--color-white)}
:where(html.dark) .border-white{border-color:#312C45}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab,var(--color-white)14%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/35{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.border-white\/35{border-color:color-mix(in oklab,var(--color-white)35%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-t-\[\#6C3BFF\]{border-top-color:#6c3bff}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}
:where(html.dark) .border-t-white{border-top-color:#312C45}.border-b-\[\#140C2A\]{border-bottom-color:#140c2a}
:where(html.dark) .border-b-\[\#140C2A\]{border-bottom-color:#F1EDFF}.border-b-\[\#20123f\]{border-bottom-color:#20123f}
:where(html.dark) .border-b-\[\#20123f\]{border-bottom-color:#BFB4EE}.border-b-\[var\(--c4r-ink\)\]{border-bottom-color:var(--c4r-ink)}
:where(html.dark) .border-b-\[var\(--c4r-ink\)\]{border-bottom-color:#F1EDFF}.bg-\[\#0A7A45\]{background-color:#0a7a45}.bg-\[\#2a2a2a\]{background-color:#2a2a2a}.bg-\[\#4b246f\]{background-color:#4b246f}.bg-\[\#4e2b72\]{background-color:#4e2b72}.bg-\[\#5b36b4\]{background-color:#5b36b4}.bg-\[\#6C3BFF\]{background-color:#6c3bff}.bg-\[\#120b26\]{background-color:#120b26}.bg-\[\#140C2A\],.bg-\[\#140c2a\]{background-color:#140c2a}.bg-\[\#140d2a\]{background-color:#140d2a}.bg-\[\#160b22\]{background-color:#160b22}.bg-\[\#160d2f\]{background-color:#160d2f}.bg-\[\#171b22\]{background-color:#171b22}.bg-\[\#6537e6\]{background-color:#6537e6}.bg-\[\#6638d1\]{background-color:#6638d1}.bg-\[\#17131f\]{background-color:#17131f}.bg-\[\#17633a\]{background-color:#17633a}.bg-\[\#20123f\]{background-color:#20123f}.bg-\[\#28175f\]{background-color:#28175f}.bg-\[\#030106\]{background-color:#030106}.bg-\[\#57257c\]{background-color:#57257c}.bg-\[\#087443\]{background-color:#087443}.bg-\[\#171028\]{background-color:#171028}.bg-\[\#222833\]{background-color:#222833}.bg-\[\#C0223B\]{background-color:#c0223b}.bg-\[\#EDE9FF\]{background-color:#ede9ff}
:where(html.dark) .bg-\[\#EDE9FF\]{background-color:#1C162D}.bg-\[\#EEEEEE\]{background-color:#eee}
:where(html.dark) .bg-\[\#EEEEEE\]{background-color:#1B162C}.bg-\[\#F0EDFF\]{background-color:#f0edff}
:where(html.dark) .bg-\[\#F0EDFF\]{background-color:#1A152B}.bg-\[\#F1ECFF\]{background-color:#f1ecff}
:where(html.dark) .bg-\[\#F1ECFF\]{background-color:#1C152A}.bg-\[\#F2F1FD\]{background-color:#f2f1fd}
:where(html.dark) .bg-\[\#F2F1FD\]{background-color:#0F0A1F}.bg-\[\#F3EFFF\]{background-color:#f3efff}
:where(html.dark) .bg-\[\#F3EFFF\]{background-color:#0F0A1F}.bg-\[\#F4F0FF\]{background-color:#f4f0ff}
:where(html.dark) .bg-\[\#F4F0FF\]{background-color:#0F0A1F}.bg-\[\#F6F3FC\]{background-color:#f6f3fc}
:where(html.dark) .bg-\[\#F6F3FC\]{background-color:#0F0A1F}.bg-\[\#F8F8F8\]{background-color:#f8f8f8}
:where(html.dark) .bg-\[\#F8F8F8\]{background-color:#0F0A1F}.bg-\[\#F9FAFB\]{background-color:#f9fafb}
:where(html.dark) .bg-\[\#F9FAFB\]{background-color:#0F0A1F}.bg-\[\#FEF3F2\]{background-color:#fef3f2}
:where(html.dark) .bg-\[\#FEF3F2\]{background-color:#0F0A1F}.bg-\[\#FFD500\]{background-color:#ffd500}
:where(html.dark) .bg-\[\#FFD500\]{background-color:#282000}.bg-\[\#d9d9d9\]{background-color:#d9d9d9}
:where(html.dark) .bg-\[\#d9d9d9\]{background-color:#211C32}.bg-\[\#eee8f4\]{background-color:#eee8f4}
:where(html.dark) .bg-\[\#eee8f4\]{background-color:#1C172D}.bg-\[\#eee9ff\]{background-color:#eee9ff}
:where(html.dark) .bg-\[\#eee9ff\]{background-color:#1C162C}.bg-\[\#efe7ff\]{background-color:#efe7ff}
:where(html.dark) .bg-\[\#efe7ff\]{background-color:#1E152D}.bg-\[\#efefef\]{background-color:#efefef}
:where(html.dark) .bg-\[\#efefef\]{background-color:#1B162B}.bg-\[\#f0ebff\]{background-color:#f0ebff}
:where(html.dark) .bg-\[\#f0ebff\]{background-color:#1C152B}.bg-\[\#f0f2f5\]{background-color:#f0f2f5}
:where(html.dark) .bg-\[\#f0f2f5\]{background-color:#0F0A1F}.bg-\[\#f1ecff\]{background-color:#f1ecff}
:where(html.dark) .bg-\[\#f1ecff\]{background-color:#1C152A}.bg-\[\#f1edff\]{background-color:#f1edff}
:where(html.dark) .bg-\[\#f1edff\]{background-color:#1A152B}.bg-\[\#f2ecff\]{background-color:#f2ecff}
:where(html.dark) .bg-\[\#f2ecff\]{background-color:#1D152A}.bg-\[\#f3ecff\]{background-color:#f3ecff}
:where(html.dark) .bg-\[\#f3ecff\]{background-color:#1D1529}.bg-\[\#f3eeff\]{background-color:#f3eeff}
:where(html.dark) .bg-\[\#f3eeff\]{background-color:#0F0A1F}.bg-\[\#f4efff\]{background-color:#f4efff}
:where(html.dark) .bg-\[\#f4efff\]{background-color:#0F0A1F}.bg-\[\#f4f1fa\]{background-color:#f4f1fa}
:where(html.dark) .bg-\[\#f4f1fa\]{background-color:#0F0A1F}.bg-\[\#f4f3ef\]{background-color:#f4f3ef}
:where(html.dark) .bg-\[\#f4f3ef\]{background-color:#0F0A1F}.bg-\[\#f4f3f0\]{background-color:#f4f3f0}
:where(html.dark) .bg-\[\#f4f3f0\]{background-color:#0F0A1F}.bg-\[\#f5f1ff\]{background-color:#f5f1ff}
:where(html.dark) .bg-\[\#f5f1ff\]{background-color:#0F0A1F}.bg-\[\#f5f5f7\]{background-color:#f5f5f7}
:where(html.dark) .bg-\[\#f5f5f7\]{background-color:#0F0A1F}.bg-\[\#f6f2ff\]{background-color:#f6f2ff}
:where(html.dark) .bg-\[\#f6f2ff\]{background-color:#0F0A1F}.bg-\[\#f6f5f2\]{background-color:#f6f5f2}
:where(html.dark) .bg-\[\#f6f5f2\]{background-color:#0F0A1F}.bg-\[\#f7f2ff\]{background-color:#f7f2ff}
:where(html.dark) .bg-\[\#f7f2ff\]{background-color:#0F0A1F}.bg-\[\#f7f4ff\]{background-color:#f7f4ff}
:where(html.dark) .bg-\[\#f7f4ff\]{background-color:#0F0A1F}.bg-\[\#f7f5fb\]{background-color:#f7f5fb}
:where(html.dark) .bg-\[\#f7f5fb\]{background-color:#0F0A1F}.bg-\[\#f7f8fa\]{background-color:#f7f8fa}
:where(html.dark) .bg-\[\#f7f8fa\]{background-color:#0F0A1F}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}
:where(html.dark) .bg-\[\#f8f8f8\]{background-color:#0F0A1F}.bg-\[\#f8f8fc\]{background-color:#f8f8fc}
:where(html.dark) .bg-\[\#f8f8fc\]{background-color:#0F0A1F}.bg-\[\#f9fafb\]{background-color:#f9fafb}
:where(html.dark) .bg-\[\#f9fafb\]{background-color:#0F0A1F}.bg-\[\#faf7ff\]{background-color:#faf7ff}
:where(html.dark) .bg-\[\#faf7ff\]{background-color:#0F0A1F}.bg-\[\#faf8fc\]{background-color:#faf8fc}
:where(html.dark) .bg-\[\#faf8fc\]{background-color:#0F0A1F}.bg-\[\#faf8ff\]{background-color:#faf8ff}
:where(html.dark) .bg-\[\#faf8ff\]{background-color:#0F0A1F}.bg-\[\#faf9f6\]{background-color:#faf9f6}
:where(html.dark) .bg-\[\#faf9f6\]{background-color:#0F0A1F}.bg-\[\#faf9f7\]{background-color:#faf9f7}
:where(html.dark) .bg-\[\#faf9f7\]{background-color:#0F0A1F}.bg-\[\#faf9ff\]{background-color:#faf9ff}
:where(html.dark) .bg-\[\#faf9ff\]{background-color:#0F0A1F}.bg-\[\#fcfbff\]{background-color:#fcfbff}
:where(html.dark) .bg-\[\#fcfbff\]{background-color:#0F0A1F}.bg-\[\#fff8f2\]{background-color:#fff8f2}
:where(html.dark) .bg-\[\#fff8f2\]{background-color:#0F0A1F}.bg-\[rgba\(15\,12\,28\,0\.42\)\]{background-color:#0f0c1c6b}
:where(html.dark) .bg-\[rgba\(15\,12\,28\,0\.42\)\]{background-color:rgba(53, 49, 73, 0.42)}.bg-\[rgba\(108\,59\,255\,0\.1\)\]{background-color:#6c3bff1a}.bg-\[rgba\(230\,240\,248\,0\.02\)\]{background-color:#e6f0f805}.bg-\[rgba\(237\,233\,255\,0\.5\)\]{background-color:#ede9ff80}
:where(html.dark) .bg-\[rgba\(237\,233\,255\,0\.5\)\]{background-color:rgba(15, 10, 31, 0.502)}.bg-\[rgba\(255\,255\,255\,0\.12\)\]{background-color:#ffffff1f}.bg-\[var\(--c4r-danger\)\]{background-color:var(--c4r-danger)}.bg-\[var\(--c4r-ink\)\]{background-color:var(--c4r-ink)}.bg-\[var\(--c4r-mist\)\]{background-color:var(--c4r-mist)}
:where(html.dark) .bg-\[var\(--c4r-mist\)\]{background-color:#0F0A1F}.bg-\[var\(--c4r-photo-placeholder-black\)\]{background-color:var(--c4r-photo-placeholder-black)}.bg-\[var\(--c4r-photo-placeholder-blue\)\]{background-color:var(--c4r-photo-placeholder-blue)}.bg-\[var\(--c4r-photo-placeholder-gold\)\]{background-color:var(--c4r-photo-placeholder-gold)}.bg-\[var\(--c4r-photo-placeholder-green\)\]{background-color:var(--c4r-photo-placeholder-green)}.bg-\[var\(--c4r-photo-placeholder-grey\)\]{background-color:var(--c4r-photo-placeholder-grey)}.bg-\[var\(--c4r-photo-placeholder-neutral\)\]{background-color:var(--c4r-photo-placeholder-neutral)}.bg-\[var\(--c4r-photo-placeholder-red\)\]{background-color:var(--c4r-photo-placeholder-red)}.bg-\[var\(--c4r-photo-placeholder-white\)\]{background-color:var(--c4r-photo-placeholder-white)}
:where(html.dark) .bg-\[var\(--c4r-photo-placeholder-white\)\]{background-color:#1E192F}.bg-\[var\(--c4r-violet-100\)\]{background-color:var(--c4r-violet-100)}
:where(html.dark) .bg-\[var\(--c4r-violet-100\)\]{background-color:#1D152C}.bg-\[var\(--community-accent\)\]{background-color:var(--community-accent)}.bg-\[var\(--community-accent-surface\)\]{background-color:var(--community-accent-surface)}.bg-\[var\(--community-brand-private\)\]{background-color:var(--community-brand-private)}.bg-\[var\(--community-brand-selected-surface\)\]{background-color:var(--community-brand-selected-surface)}.bg-amber-50{background-color:var(--color-amber-50)}
:where(html.dark) .bg-amber-50{background-color:#0F0A1F}.bg-amber-100{background-color:var(--color-amber-100)}
:where(html.dark) .bg-amber-100{background-color:#130E00}.bg-amber-300{background-color:var(--color-amber-300)}
:where(html.dark) .bg-amber-300{background-color:#2A2000}.bg-amber-700{background-color:var(--color-amber-700)}.bg-amber-900{background-color:var(--color-amber-900)}.bg-black{background-color:var(--color-black)}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab,var(--color-black)15%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}
:where(html.dark) .bg-black\/40{background-color:rgba(54, 49, 73, 0.4)}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}
:where(html.dark) .bg-black\/40{background-color:rgba(54, 49, 73, 0.4)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-current{background-color:currentColor}.bg-emerald-50{background-color:var(--color-emerald-50)}
:where(html.dark) .bg-emerald-50{background-color:#0F0A1F}.bg-emerald-100{background-color:var(--color-emerald-100)}
:where(html.dark) .bg-emerald-100{background-color:#002014}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-gray-50{background-color:var(--color-gray-50)}
:where(html.dark) .bg-gray-50{background-color:#0F0A1F}.bg-gray-100{background-color:var(--color-gray-100)}
:where(html.dark) .bg-gray-100{background-color:#0F0A1F}.bg-gray-200{background-color:var(--color-gray-200)}
:where(html.dark) .bg-gray-200{background-color:#1D182E}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950\/60{background-color:#03071299}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/60{background-color:color-mix(in oklab,var(--color-gray-950)60%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}
:where(html.dark) .bg-green-50{background-color:#0F0A1F}.bg-green-100{background-color:var(--color-green-100)}
:where(html.dark) .bg-green-100{background-color:#001307}.bg-green-700{background-color:var(--color-green-700)}.bg-ink\/40{background-color:#0c0c0c66}
:where(html.dark) .bg-ink\/40{background-color:rgba(52, 47, 71, 0.4)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/40{background-color:color-mix(in oklab,var(--color-ink)40%,transparent)}
:where(html.dark) .bg-ink\/40{background-color:rgba(52, 47, 71, 0.4)}}.bg-neutral-100{background-color:var(--color-neutral-100)}
:where(html.dark) .bg-neutral-100{background-color:#0F0A1F}.bg-orange-50{background-color:var(--color-orange-50)}
:where(html.dark) .bg-orange-50{background-color:#0F0A1F}.bg-orange-100{background-color:var(--color-orange-100)}
:where(html.dark) .bg-orange-100{background-color:#261600}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}
:where(html.dark) .bg-primary-light{background-color:#1C152B}.bg-primary\/10{background-color:#6c3bff1a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/20{background-color:#6c3bff33}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}
:where(html.dark) .bg-purple-50{background-color:#0F0A1F}.bg-purple-50\/60{background-color:#faf5ff99}
:where(html.dark) .bg-purple-50\/60{background-color:rgba(15, 10, 31, 0.6)}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/60{background-color:color-mix(in oklab,var(--color-purple-50)60%,transparent)}
:where(html.dark) .bg-purple-50\/60{background-color:rgba(15, 10, 31, 0.6)}}.bg-purple-50\/70{background-color:#faf5ffb3}
:where(html.dark) .bg-purple-50\/70{background-color:rgba(15, 10, 31, 0.702)}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/70{background-color:color-mix(in oklab,var(--color-purple-50)70%,transparent)}
:where(html.dark) .bg-purple-50\/70{background-color:rgba(15, 10, 31, 0.7)}}.bg-purple-100{background-color:var(--color-purple-100)}
:where(html.dark) .bg-purple-100{background-color:#20142B}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-950\/30{background-color:#3c03664d}@supports (color:color-mix(in lab, red, red)){.bg-purple-950\/30{background-color:color-mix(in oklab,var(--color-purple-950)30%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}
:where(html.dark) .bg-red-50{background-color:#0F0A1F}.bg-red-100{background-color:var(--color-red-100)}
:where(html.dark) .bg-red-100{background-color:#2D1213}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-red-950\/80{background-color:#460809cc}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/80{background-color:color-mix(in oklab,var(--color-red-950)80%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}
:where(html.dark) .bg-rose-50{background-color:#0F0A1F}.bg-rose-700{background-color:var(--color-rose-700)}.bg-slate-50{background-color:var(--color-slate-50)}
:where(html.dark) .bg-slate-50{background-color:#0F0A1F}.bg-slate-100{background-color:var(--color-slate-100)}
:where(html.dark) .bg-slate-100{background-color:#0F0A1F}.bg-slate-200{background-color:var(--color-slate-200)}
:where(html.dark) .bg-slate-200{background-color:#1D182E}.bg-slate-300{background-color:var(--color-slate-300)}
:where(html.dark) .bg-slate-300{background-color:#231E34}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950)55%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}
:where(html.dark) .bg-violet-50{background-color:#0F0A1F}.bg-violet-50\/40{background-color:#f5f3ff66}
:where(html.dark) .bg-violet-50\/40{background-color:rgba(15, 10, 31, 0.4)}@supports (color:color-mix(in lab, red, red)){.bg-violet-50\/40{background-color:color-mix(in oklab,var(--color-violet-50)40%,transparent)}
:where(html.dark) .bg-violet-50\/40{background-color:rgba(15, 10, 31, 0.4)}}.bg-violet-100{background-color:var(--color-violet-100)}
:where(html.dark) .bg-violet-100{background-color:#1C162C}.bg-violet-200{background-color:var(--color-violet-200)}
:where(html.dark) .bg-violet-200{background-color:#21183A}.bg-violet-700{background-color:var(--color-violet-700)}.bg-white{background-color:var(--color-white)}
:where(html.dark) .bg-white{background-color:#171227}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-white\/95{background-color:#fffffff2}
:where(html.dark) .bg-white\/95{background-color:rgba(23, 18, 39, 0.949)}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}
:where(html.dark) .bg-white\/95{background-color:rgba(23, 18, 39, 0.95)}}.bg-yellow-100{background-color:var(--color-yellow-100)}
:where(html.dark) .bg-yellow-100{background-color:#110F00}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(110deg\,rgba\(18\,11\,38\,0\.98\)\,rgba\(18\,11\,38\,0\.82\)\,rgba\(55\,28\,112\,0\.66\)\)\]{background-image:linear-gradient(110deg,#120b26fa,#120b26d1,#371c70a8)}.bg-\[linear-gradient\(120deg\,rgba\(7\,4\,15\,0\.94\)_0\%\,rgba\(7\,4\,15\,0\.82\)_38\%\,rgba\(7\,4\,15\,0\.55\)_65\%\,rgba\(7\,4\,15\,0\.24\)_100\%\)\]{background-image:linear-gradient(120deg,#07040ff0 0%,#07040fd1 38%,#07040f8c 65%,#07040f3d 100%)}.bg-\[linear-gradient\(135deg\,\#2e1065_0\%\,\#5b21b6_58\%\,\#7c3aed_100\%\)\]{background-image:linear-gradient(135deg,#2e1065 0%,#5b21b6 58%,#7c3aed 100%)}.bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f6f2ff_48\%\,\#fffaf5_100\%\)\]{background-image:linear-gradient(135deg,#fff 0%,#f6f2ff 48%,#fffaf5 100%)}
:where(html.dark) .bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f6f2ff_48\%\,\#fffaf5_100\%\)\]{background-image:linear-gradient(135deg,#171227 0%,#0F0A1F 48%,#0F0A1F 100%)}.bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f7f4ff_52\%\,\#fffaf4_100\%\)\]{background-image:linear-gradient(135deg,#fff 0%,#f7f4ff 52%,#fffaf4 100%)}
:where(html.dark) .bg-\[linear-gradient\(135deg\,\#ffffff_0\%\,\#f7f4ff_52\%\,\#fffaf4_100\%\)\]{background-image:linear-gradient(135deg,#171227 0%,#0F0A1F 52%,#0F0A1F 100%)}.bg-\[linear-gradient\(180deg\,\#f8f8fc_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#f8f8fc 0%,#fff 100%)}
:where(html.dark) .bg-\[linear-gradient\(180deg\,\#f8f8fc_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#0F0A1F 0%,#171227 100%)}.bg-\[linear-gradient\(180deg\,\#faf8ff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#faf8ff 0%,#fff 100%)}
:where(html.dark) .bg-\[linear-gradient\(180deg\,\#faf8ff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#0F0A1F 0%,#171227 100%)}.bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#f7f4ff_100\%\)\]{background-image:linear-gradient(#fcfbff 0%,#f7f4ff 100%)}
:where(html.dark) .bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#f7f4ff_100\%\)\]{background-image:linear-gradient(#0F0A1F 0%,#0F0A1F 100%)}.bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#fcfbff 0%,#fff 100%)}
:where(html.dark) .bg-\[linear-gradient\(180deg\,\#fcfbff_0\%\,\#ffffff_100\%\)\]{background-image:linear-gradient(#0F0A1F 0%,#171227 100%)}.bg-\[radial-gradient\(circle_at_18\%_6\%\,rgba\(91\,32\,136\,0\.40\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#12091f_0\%\,\#06030b_100\%\)\]{background-image:radial-gradient(circle at 18% 6%,#5b208866,#0000 28%),linear-gradient(#12091f 0%,#06030b 100%)}
:where(html.dark) .bg-\[radial-gradient\(circle_at_18\%_6\%\,rgba\(91\,32\,136\,0\.40\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#12091f_0\%\,\#06030b_100\%\)\]{background-image:radial-gradient(circle at 18% 6%,rgba(56, 34, 71, 0.4),#0000 28%),linear-gradient(#12091f 0%,#06030b 100%)}.bg-\[radial-gradient\(circle_at_center\,\#100619_0\%\,\#06020a_68\%\,\#030106_100\%\)\]{background-image:radial-gradient(circle,#100619 0%,#06020a 68%,#030106 100%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(108\,59\,255\,0\.55\)\,transparent_38\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(255\,255\,255\,0\.12\)\,transparent_32\%\)\]{background-image:radial-gradient(circle at 0 0,#6c3bff8c,#0000 38%),radial-gradient(circle at 100% 100%,#ffffff1f,#0000 32%)}
:where(html.dark) .bg-\[radial-gradient\(circle_at_top_left\,rgba\(108\,59\,255\,0\.55\)\,transparent_38\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(255\,255\,255\,0\.12\)\,transparent_32\%\)\]{background-image:radial-gradient(circle at 0 0,rgba(52, 34, 92, 0.549),#0000 38%),radial-gradient(circle at 100% 100%,#ffffff1f,#0000 32%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(157\,77\,255\,0\.18\)\,transparent_32\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(216\,145\,255\,0\.14\)\,transparent_34\%\)\]{background-image:radial-gradient(circle at 0 0,#9d4dff2e,#0000 32%),radial-gradient(circle at 100% 100%,#d891ff24,#0000 34%)}.from-\[\#2a0759\]{--tw-gradient-from:#2a0759;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#eee8ff\]{--tw-gradient-from:#eee8ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#f8f5ff\]{--tw-gradient-from:#f8f5ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/45{--tw-gradient-from:#00000073}@supports (color:color-mix(in lab, red, red)){.from-black\/45{--tw-gradient-from:color-mix(in oklab,var(--color-black)45%,transparent)}}.from-black\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab, red, red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--color-black)50%,transparent)}}.from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-900{--tw-gradient-from:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#4b1687\]{--tw-gradient-via:#4b1687;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#d891ff\]\/80{--tw-gradient-via:oklab(76.7963% .11358 -.123051/.8);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/25{--tw-gradient-via:#00000040}@supports (color:color-mix(in lab, red, red)){.via-black\/25{--tw-gradient-via:color-mix(in oklab,var(--color-black)25%,transparent)}}.via-black\/25{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/35{--tw-gradient-via:#00000059}@supports (color:color-mix(in lab, red, red)){.via-black\/35{--tw-gradient-via:color-mix(in oklab,var(--color-black)35%,transparent)}}.via-black\/35{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/80{--tw-gradient-via:#000c}@supports (color:color-mix(in lab, red, red)){.via-black\/80{--tw-gradient-via:color-mix(in oklab,var(--color-black)80%,transparent)}}.via-black\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-200{--tw-gradient-via:var(--color-slate-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#6f2dbd\]{--tw-gradient-to:#6f2dbd;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#f7f5fb\]{--tw-gradient-to:#f7f5fb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#f7f8fa\]{--tw-gradient-to:#f7f8fa;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/30{--tw-gradient-to:#0000004d}@supports (color:color-mix(in lab, red, red)){.to-black\/30{--tw-gradient-to:color-mix(in oklab,var(--color-black)30%,transparent)}}.to-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/55{--tw-gradient-to:#0000008c}@supports (color:color-mix(in lab, red, red)){.to-black\/55{--tw-gradient-to:color-mix(in oklab,var(--color-black)55%,transparent)}}.to-black\/55{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-black\/60{--tw-gradient-to:#0009}@supports (color:color-mix(in lab, red, red)){.to-black\/60{--tw-gradient-to:color-mix(in oklab,var(--color-black)60%,transparent)}}.to-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-orange-500{fill:var(--color-orange-500)}.fill-primary{fill:var(--color-primary)}
:where(html.dark) .fill-primary{fill:#9B7BFF}.fill-slate-500{fill:var(--color-slate-500)}
:where(html.dark) .fill-slate-500{fill:#9DB1CD}.fill-slate-700{fill:var(--color-slate-700)}
:where(html.dark) .fill-slate-700{fill:#AFC2DD}.stroke-orange-500{stroke:var(--color-orange-500)}.stroke-primary{stroke:var(--color-primary)}
:where(html.dark) .stroke-primary{stroke:#9B7BFF}.stroke-slate-200{stroke:var(--color-slate-200)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-right{object-position:right}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-3\.75{padding-inline:calc(var(--spacing)*3.75)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[45\]{padding-inline:45px}.px-\[clamp\(2px\,2vw\,8px\)\]{padding-inline:clamp(2px,2vw,8px)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-2\.25{padding-block:calc(var(--spacing)*2.25)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-6\.5{padding-block:calc(var(--spacing)*6.5)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-15{padding-top:calc(var(--spacing)*15)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-10\.5{padding-right:calc(var(--spacing)*10.5)}.pr-11{padding-right:calc(var(--spacing)*11)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-\[max\(\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-inter{font-family:var(--font-inter)}.font-livery-display{font-family:var(--font-livery-display)}.font-manrope{font-family:var(--font-manrope)}.font-mono{font-family:var(--font-mono)}.font-poppins{font-family:var(--font-poppins)}.font-public-sans{font-family:var(--font-public-sans)}.font-roboto{font-family:var(--font-roboto)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[clamp\(1\.85rem\,6vw\,4rem\)\]{font-size:clamp(1.85rem,6vw,4rem)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-5\.5{--tw-leading:calc(var(--spacing)*5.5);line-height:calc(var(--spacing)*5.5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.07px\]{--tw-tracking:.07px;letter-spacing:.07px}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.168px\]{--tw-tracking:.168px;letter-spacing:.168px}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words,.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0A0A0A\],.text-\[\#0a0a0a\]{color:#0a0a0a}
:where(html.dark) .text-\[\#0A0A0A\],:where(html.dark) .text-\[\#0a0a0a\]{color:#F0EEFD}.text-\[\#1b1b1b\]{color:#1b1b1b}
:where(html.dark) .text-\[\#1b1b1b\]{color:#EDEAFD}.text-\[\#1c1c1c\]{color:#1c1c1c}
:where(html.dark) .text-\[\#1c1c1c\]{color:#ECE9FC}.text-\[\#1c2035\]{color:#1c2035}
:where(html.dark) .text-\[\#1c2035\]{color:#C4CBE7}.text-\[\#2A1273\]{color:#2a1273}
:where(html.dark) .text-\[\#2A1273\]{color:#C0C1FE}.text-\[\#2d2340\]{color:#2d2340}
:where(html.dark) .text-\[\#2d2340\]{color:#CDC2E8}.text-\[\#3a2057\]{color:#3a2057}
:where(html.dark) .text-\[\#3a2057\]{color:#D3B8FB}.text-\[\#3f0f75\]{color:#3f0f75}
:where(html.dark) .text-\[\#3f0f75\]{color:#CDB8FF}.text-\[\#3f354a\]{color:#3f354a}
:where(html.dark) .text-\[\#3f354a\]{color:#DAD7ED}.text-\[\#4D22C8\]{color:#4d22c8}
:where(html.dark) .text-\[\#4D22C8\]{color:#B0B1FF}.text-\[\#4b246f\]{color:#4b246f}
:where(html.dark) .text-\[\#4b246f\]{color:#D3AFFF}.text-\[\#4b4264\]{color:#4b4264}
:where(html.dark) .text-\[\#4b4264\]{color:#C0B7DF}.text-\[\#4b5563\]{color:#4b5563}
:where(html.dark) .text-\[\#4b5563\]{color:#CCC9DE}.text-\[\#4c1d95\]{color:#4c1d95}
:where(html.dark) .text-\[\#4c1d95\]{color:#C3B3FD}.text-\[\#4c2a91\]{color:#4c2a91}
:where(html.dark) .text-\[\#4c2a91\]{color:#C0B2FC}.text-\[\#4e4e4e\]{color:#4e4e4e}
:where(html.dark) .text-\[\#4e4e4e\]{color:#CFCCE2}.text-\[\#4f2ca6\]{color:#4f2ca6}
:where(html.dark) .text-\[\#4f2ca6\]{color:#BAB0FF}.text-\[\#4f475b\]{color:#4f475b}
:where(html.dark) .text-\[\#4f475b\]{color:#D1CDE3}.text-\[\#5b2ad6\]{color:#5b2ad6}
:where(html.dark) .text-\[\#5b2ad6\]{color:#B0ACFD}.text-\[\#5b36b4\]{color:#5b36b4}
:where(html.dark) .text-\[\#5b36b4\]{color:#B8ACFD}.text-\[\#5b616b\]{color:#5b616b}
:where(html.dark) .text-\[\#5b616b\]{color:#C6C2D8}.text-\[\#5f5a6b\]{color:#5f5a6b}
:where(html.dark) .text-\[\#5f5a6b\]{color:#C7C4DA}.text-\[\#5f33c6\]{color:#5f33c6}
:where(html.dark) .text-\[\#5f33c6\]{color:#B5AAFF}.text-\[\#5f586d\]{color:#5f586d}
:where(html.dark) .text-\[\#5f586d\]{color:#C8C5DA}.text-\[\#6BFFCA\]{color:#6bffca}.text-\[\#6C3BFF\]{color:#6c3bff}
:where(html.dark) .text-\[\#6C3BFF\]{color:#9B7BFF}.text-\[\#6a3cd2\]{color:#6a3cd2}
:where(html.dark) .text-\[\#6a3cd2\]{color:#B4A5FE}.text-\[\#6b43c6\]{color:#6b43c6}
:where(html.dark) .text-\[\#6b43c6\]{color:#B6A5FD}.text-\[\#6b7280\]{color:#6b7280}
:where(html.dark) .text-\[\#6b7280\]{color:#BDBACF}.text-\[\#6c3bff\]{color:#6c3bff}
:where(html.dark) .text-\[\#6c3bff\]{color:#9B7BFF}.text-\[\#6d35d4\]{color:#6d35d4}
:where(html.dark) .text-\[\#6d35d4\]{color:#B6A5FD}.text-\[\#7A271A\]{color:#7a271a}
:where(html.dark) .text-\[\#7A271A\]{color:#FEA290}.text-\[\#7a5acb\]{color:#7a5acb}
:where(html.dark) .text-\[\#7a5acb\]{color:#B39DFF}.text-\[\#7b59d1\]{color:#7b59d1}
:where(html.dark) .text-\[\#7b59d1\]{color:#B29CFF}.text-\[\#7c58d6\]{color:#7c58d6}
:where(html.dark) .text-\[\#7c58d6\]{color:#B29CFF}.text-\[\#8a3706\]{color:#8a3706}
:where(html.dark) .text-\[\#8a3706\]{color:#FC9E75}.text-\[\#8b2e2e\]{color:#8b2e2e}
:where(html.dark) .text-\[\#8b2e2e\]{color:#FF9A94}.text-\[\#9EF5C1\]{color:#9ef5c1}.text-\[\#10B981\]{color:#10b981}.text-\[\#080f1a\]{color:#080f1a}
:where(html.dark) .text-\[\#080f1a\]{color:#F0EEFD}.text-\[\#140C2A\]{color:#140c2a}
:where(html.dark) .text-\[\#140C2A\]{color:#F1EDFF}.text-\[\#191c1f\]{color:#191c1f}
:where(html.dark) .text-\[\#191c1f\]{color:#EDEAFC}.text-\[\#241b35\]{color:#241b35}
:where(html.dark) .text-\[\#241b35\]{color:#D0C6E9}.text-\[\#302a3b\]{color:#302a3b}
:where(html.dark) .text-\[\#302a3b\]{color:#E2DEF4}.text-\[\#452a8d\]{color:#452a8d}
:where(html.dark) .text-\[\#452a8d\]{color:#BEB4FF}.text-\[\#655b73\]{color:#655b73}
:where(html.dark) .text-\[\#655b73\]{color:#C6C2D8}.text-\[\#766d83\]{color:#766d83}
:where(html.dark) .text-\[\#766d83\]{color:#BDBACF}.text-\[\#5526EA\]{color:#5526ea}
:where(html.dark) .text-\[\#5526EA\]{color:#B39BFF}.text-\[\#6035c3\]{color:#6035c3}
:where(html.dark) .text-\[\#6035c3\]{color:#B6A9FE}.text-\[\#6366F1\]{color:#6366f1}
:where(html.dark) .text-\[\#6366F1\]{color:#98A4FD}.text-\[\#6437cc\]{color:#6437cc}
:where(html.dark) .text-\[\#6437cc\]{color:#B4A8FD}.text-\[\#6537e6\]{color:#6537e6}
:where(html.dark) .text-\[\#6537e6\]{color:#ADA8FC}.text-\[\#6638d1\]{color:#6638d1}
:where(html.dark) .text-\[\#6638d1\]{color:#B3A8FC}.text-\[\#17131f\]{color:#17131f}
:where(html.dark) .text-\[\#17131f\]{color:#F0EEFD}.text-\[\#17191d\]{color:#17191d}
:where(html.dark) .text-\[\#17191d\]{color:#EEEBFE}.text-\[\#17202b\]{color:#17202b}
:where(html.dark) .text-\[\#17202b\]{color:#EAE7FD}.text-\[\#17633a\]{color:#17633a}
:where(html.dark) .text-\[\#17633a\]{color:#85CD9D}.text-\[\#18102d\]{color:#18102d}
:where(html.dark) .text-\[\#18102d\]{color:#D2CBF3}.text-\[\#18112b\]{color:#18112b}
:where(html.dark) .text-\[\#18112b\]{color:#D2CBF0}.text-\[\#18202b\]{color:#18202b}
:where(html.dark) .text-\[\#18202b\]{color:#EAE7FD}.text-\[\#20123f\]{color:#20123f}
:where(html.dark) .text-\[\#20123f\]{color:#CFC5FC}.text-\[\#20172f\]{color:#20172f}
:where(html.dark) .text-\[\#20172f\]{color:#D2C8E9}.text-\[\#23163f\]{color:#23163f}
:where(html.dark) .text-\[\#23163f\]{color:#D0C4FA}.text-\[\#25123f\]{color:#25123f}
:where(html.dark) .text-\[\#25123f\]{color:#D5C2FC}.text-\[\#40394f\]{color:#40394f}
:where(html.dark) .text-\[\#40394f\]{color:#D9D5EB}.text-\[\#45347a\]{color:#45347a}
:where(html.dark) .text-\[\#45347a\]{color:#C0B4FE}.text-\[\#51485c\]{color:#51485c}
:where(html.dark) .text-\[\#51485c\]{color:#D0CDE2}.text-\[\#57257c\]{color:#57257c}
:where(html.dark) .text-\[\#57257c\]{color:#D5AAFD}.text-\[\#77878f\]{color:#77878f}
:where(html.dark) .text-\[\#77878f\]{color:#B4B1C6}.text-\[\#087443\]{color:#087443}
:where(html.dark) .text-\[\#087443\]{color:#3DDC84}.text-\[\#111827\]{color:#111827}
:where(html.dark) .text-\[\#111827\]{color:#EFECFE}.text-\[\#171717\]{color:#171717}
:where(html.dark) .text-\[\#171717\]{color:#F0EDFC}.text-\[\#272727\]{color:#272727}
:where(html.dark) .text-\[\#272727\]{color:#E6E2F8}.text-\[\#313131\]{color:#313131}
:where(html.dark) .text-\[\#313131\]{color:#E0DCF2}.text-\[\#323232\]{color:#323232}
:where(html.dark) .text-\[\#323232\]{color:#DFDBF1}.text-\[\#424242\]{color:#424242}
:where(html.dark) .text-\[\#424242\]{color:#D6D2E8}.text-\[\#514361\]{color:#514361}
:where(html.dark) .text-\[\#514361\]{color:#C5B5D8}.text-\[\#686174\]{color:#686174}
:where(html.dark) .text-\[\#686174\]{color:#C3C0D5}.text-\[\#707070\]{color:#707070}
:where(html.dark) .text-\[\#707070\]{color:#BEBAD0}.text-\[\#717182\]{color:#717182}
:where(html.dark) .text-\[\#717182\]{color:#BCB9CE}.text-\[\#A98CFF\]{color:#a98cff}.text-\[\#C6B3FF\]{color:#c6b3ff}.text-\[\#C0223B\]{color:#c0223b}
:where(html.dark) .text-\[\#C0223B\]{color:#FE8B8E}.text-\[\#DE0000\]{color:#de0000}
:where(html.dark) .text-\[\#DE0000\]{color:#FF8675}.text-\[\#b9a6ff\]{color:#b9a6ff}.text-\[\#bfb3cf\]{color:#bfb3cf}.text-\[\#c4b5fd\]{color:#c4b5fd}.text-\[\#d6c8ff\]{color:#d6c8ff}.text-\[\#d8cbff\]{color:#d8cbff}.text-\[\#dcd4f5\]{color:#dcd4f5}.text-\[\#ddd5e8\]{color:#ddd5e8}.text-\[\#feffff\]{color:#feffff}.text-\[var\(--c4r-danger\)\]{color:var(--c4r-danger)}
:where(html.dark) .text-\[var\(--c4r-danger\)\]{color:#FE8B8E}.text-\[var\(--c4r-ink\)\]{color:var(--c4r-ink)}
:where(html.dark) .text-\[var\(--c4r-ink\)\]{color:#F1EDFF}.text-\[var\(--c4r-mist\)\]{color:var(--c4r-mist)}.text-\[var\(--c4r-violet\)\]{color:var(--c4r-violet)}
:where(html.dark) .text-\[var\(--c4r-violet\)\]{color:#9B7BFF}.text-\[var\(--community-accent\)\]{color:var(--community-accent)}.text-\[var\(--community-accent-strong\)\]{color:var(--community-accent-strong)}.text-\[var\(--community-brand-private\)\]{color:var(--community-brand-private)}.text-\[var\(--community-brand-selected\)\]{color:var(--community-brand-selected)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-600{color:var(--color-amber-600)}
:where(html.dark) .text-amber-600{color:#EC8827}.text-amber-800{color:var(--color-amber-800)}
:where(html.dark) .text-amber-800{color:#FC9B6B}.text-amber-900{color:var(--color-amber-900)}
:where(html.dark) .text-amber-900{color:#F8A57E}.text-amber-950{color:var(--color-amber-950)}
:where(html.dark) .text-amber-950{color:#F5BAA0}.text-black{color:var(--color-black)}
:where(html.dark) .text-black{color:#F0EEFD}.text-blue-600{color:var(--color-blue-600)}
:where(html.dark) .text-blue-600{color:#87AFFC}.text-dim{color:var(--color-dim)}
:where(html.dark) .text-dim{color:#D5D1E7}.text-emerald-600{color:var(--color-emerald-600)}
:where(html.dark) .text-emerald-600{color:#52C495}.text-emerald-700{color:var(--color-emerald-700)}
:where(html.dark) .text-emerald-700{color:#6EC9A4}.text-emerald-800{color:var(--color-emerald-800)}
:where(html.dark) .text-emerald-800{color:#83CDAF}.text-emerald-900{color:var(--color-emerald-900)}
:where(html.dark) .text-emerald-900{color:#91CFB8}.text-emerald-950{color:var(--color-emerald-950)}
:where(html.dark) .text-emerald-950{color:#AAD6C7}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}
:where(html.dark) .text-gray-500{color:#BDBACF}.text-gray-600{color:var(--color-gray-600)}
:where(html.dark) .text-gray-600{color:#CCC9DE}.text-gray-700{color:var(--color-gray-700)}
:where(html.dark) .text-gray-700{color:#D7D3E9}.text-gray-800{color:var(--color-gray-800)}
:where(html.dark) .text-gray-800{color:#E5E1F7}.text-gray-900{color:var(--color-gray-900)}
:where(html.dark) .text-gray-900{color:#EFECFE}.text-gray-950{color:var(--color-gray-950)}
:where(html.dark) .text-gray-950{color:#F0EEFD}.text-green-600{color:var(--color-green-600)}
:where(html.dark) .text-green-600{color:#51C36E}.text-green-700{color:var(--color-green-700)}
:where(html.dark) .text-green-700{color:#66CB80}.text-green-800{color:var(--color-green-800)}
:where(html.dark) .text-green-800{color:#7CCF92}.text-green-900{color:var(--color-green-900)}
:where(html.dark) .text-green-900{color:#8FD1A1}.text-green-950{color:var(--color-green-950)}
:where(html.dark) .text-green-950{color:#ABD8B7}.text-ink{color:var(--color-ink)}
:where(html.dark) .text-ink{color:#F0EEFD}.text-ink\/70{color:#0c0c0cb3}
:where(html.dark) .text-ink\/70{color:#CCC8DE}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab,var(--color-ink)70%,transparent)}
:where(html.dark) .text-ink\/70{color:#CCC8DE}}.text-neutral-500{color:var(--color-neutral-500)}
:where(html.dark) .text-neutral-500{color:#BCB9CE}.text-neutral-600{color:var(--color-neutral-600)}
:where(html.dark) .text-neutral-600{color:#CDCADF}.text-neutral-700{color:var(--color-neutral-700)}
:where(html.dark) .text-neutral-700{color:#D7D4E9}.text-neutral-800{color:var(--color-neutral-800)}
:where(html.dark) .text-neutral-800{color:#E6E3F9}.text-neutral-950{color:var(--color-neutral-950)}
:where(html.dark) .text-neutral-950{color:#F0EEFD}.text-orange-200{color:var(--color-orange-200)}.text-orange-600{color:var(--color-orange-600)}
:where(html.dark) .text-orange-600{color:#F87F51}.text-orange-900{color:var(--color-orange-900)}
:where(html.dark) .text-orange-900{color:#FEA285}.text-orange-950{color:var(--color-orange-950)}
:where(html.dark) .text-orange-950{color:#F9B9A7}.text-primary{color:var(--color-primary)}
:where(html.dark) .text-primary{color:#9B7BFF}.text-primary-dark{color:var(--color-primary-dark)}
:where(html.dark) .text-primary-dark{color:#B39BFF}.text-purple-50{color:var(--color-purple-50)}.text-purple-100{color:var(--color-purple-100)}.text-purple-200{color:var(--color-purple-200)}.text-purple-600{color:var(--color-purple-600)}
:where(html.dark) .text-purple-600{color:#C196FD}.text-purple-700{color:var(--color-purple-700)}
:where(html.dark) .text-purple-700{color:#C59EFF}.text-purple-800{color:var(--color-purple-800)}
:where(html.dark) .text-purple-800{color:#CCA5FE}.text-purple-900{color:var(--color-purple-900)}
:where(html.dark) .text-purple-900{color:#D1ACFE}.text-purple-950{color:var(--color-purple-950)}
:where(html.dark) .text-purple-950{color:#D5B9FE}.text-red-200{color:var(--color-red-200)}.text-red-500{color:var(--color-red-500)}
:where(html.dark) .text-red-500{color:#FC7A72}.text-red-600{color:var(--color-red-600)}
:where(html.dark) .text-red-600{color:#FE8478}.text-red-700{color:var(--color-red-700)}
:where(html.dark) .text-red-700{color:#FE9084}.text-red-800{color:var(--color-red-800)}
:where(html.dark) .text-red-800{color:#FD9B90}.text-red-900{color:var(--color-red-900)}
:where(html.dark) .text-red-900{color:#FEA299}.text-red-950{color:var(--color-red-950)}
:where(html.dark) .text-red-950{color:#FDB7B0}.text-rose-200{color:var(--color-rose-200)}.text-rose-700{color:var(--color-rose-700)}
:where(html.dark) .text-rose-700{color:#FD8D94}.text-rose-800{color:var(--color-rose-800)}
:where(html.dark) .text-rose-800{color:#FE96A1}.text-rose-900{color:var(--color-rose-900)}
:where(html.dark) .text-rose-900{color:#FF9CAB}.text-secondary{color:var(--color-secondary)}
:where(html.dark) .text-secondary{color:#DCD9EF}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}
:where(html.dark) .text-slate-500{color:#9DB1CD}.text-slate-600{color:var(--color-slate-600)}
:where(html.dark) .text-slate-600{color:#A8BBD5}.text-slate-700{color:var(--color-slate-700)}
:where(html.dark) .text-slate-700{color:#AFC2DD}.text-slate-800{color:var(--color-slate-800)}
:where(html.dark) .text-slate-800{color:#BACAE5}.text-slate-900{color:var(--color-slate-900)}
:where(html.dark) .text-slate-900{color:#C3D0ED}.text-slate-950{color:var(--color-slate-950)}
:where(html.dark) .text-slate-950{color:#CAD8F4}.text-subtle{color:var(--color-subtle)}
:where(html.dark) .text-subtle{color:#B0ADC2}.text-violet-50{color:var(--color-violet-50)}.text-violet-100{color:var(--color-violet-100)}.text-violet-200{color:var(--color-violet-200)}.text-violet-300{color:var(--color-violet-300)}.text-violet-700{color:var(--color-violet-700)}
:where(html.dark) .text-violet-700{color:#B8A6FE}.text-violet-800{color:var(--color-violet-800)}
:where(html.dark) .text-violet-800{color:#BDADFE}.text-violet-900{color:var(--color-violet-900)}
:where(html.dark) .text-violet-900{color:#C3B3FD}.text-violet-950{color:var(--color-violet-950)}
:where(html.dark) .text-violet-950{color:#C9C0FD}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.text-white\/72{color:color-mix(in oklab,var(--color-white)72%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab,var(--color-white)75%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}
:where(html.dark) .text-yellow-700{color:#E29F56}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-\[\#77878f\]::placeholder{color:#77878f}
:where(html.dark) .placeholder-\[\#77878f\]::placeholder{color:#B4B1C6}.accent-\[\#6C3BFF\]{accent-color:#6c3bff}.accent-primary{accent-color:var(--color-primary)}.accent-purple-700{accent-color:var(--color-purple-700)}.accent-violet-800{accent-color:var(--color-violet-800)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-8px_24px_rgba\(23\,25\,29\,\.10\)\]{--tw-shadow:0 -8px 24px var(--tw-shadow-color,#17191d1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-14px_36px_rgba\(32\,18\,63\,0\.14\)\]{--tw-shadow:0 -14px 36px var(--tw-shadow-color,#20123f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(216\,145\,255\,0\.10\)\,0_12px_28px_rgba\(0\,0\,0\,0\.44\)\,inset_0_0_20px_rgba\(120\,46\,180\,0\.16\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#d891ff1a),0 12px 28px var(--tw-shadow-color,#00000070),inset 0 0 20px var(--tw-shadow-color,#782eb429);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(184\,80\,255\,0\.48\)\,inset_0_0_16px_rgba\(155\,64\,235\,0\.20\)\]{--tw-shadow:0 0 14px var(--tw-shadow-color,#b850ff7a),inset 0 0 16px var(--tw-shadow-color,#9b40eb33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(31\,18\,69\,0\.28\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#1f124547);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_40px_rgba\(76\,29\,149\,0\.05\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#4c1d950d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_50px_rgba\(28\,18\,54\,0\.05\)\]{--tw-shadow:0 16px 50px var(--tw-shadow-color,#1c12360d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_-24px_rgba\(32\,18\,63\,0\.55\)\]{--tw-shadow:0 18px 50px -24px var(--tw-shadow-color,#20123f8c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(30\,20\,60\,0\.04\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#1e143c0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(30\,20\,60\,0\.05\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#1e143c0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(76\,29\,149\,0\.08\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#4c1d9514);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(30\,20\,60\,0\.05\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#1e143c0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(30\,20\,60\,0\.06\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#1e143c0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_55px_rgba\(45\,23\,111\,0\.06\)\]{--tw-shadow:0 18px 55px var(--tw-shadow-color,#2d176f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_60px_rgba\(6\,3\,18\,0\.32\)\]{--tw-shadow:0 18px 60px var(--tw-shadow-color,#06031252);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_55px_rgba\(76\,29\,149\,0\.22\)\]{--tw-shadow:0 20px 55px var(--tw-shadow-color,#4c1d9538);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(35\,20\,70\,0\.06\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#2314460f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(40\,20\,90\,0\.06\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#28145a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_70px_rgba\(7\,4\,15\,0\.28\)\]{--tw-shadow:0 20px 70px var(--tw-shadow-color,#07040f47);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_28px_90px_rgba\(20\,13\,42\,0\.18\)\]{--tw-shadow:0 28px 90px var(--tw-shadow-color,#140d2a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_3px_4px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 3px 4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--community-accent-ring\)\]{--tw-ring-color:var(--community-accent-ring)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-red-400{--tw-ring-color:var(--color-red-400)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-primary{outline-color:var(--color-primary)}
:where(html.dark) .outline-primary{outline-color:#9B7BFF}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(210\,120\,255\,0\.9\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#d278ffe6));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_8px_rgba\(255\,255\,255\,0\.28\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 8px var(--tw-drop-shadow-color,#ffffff47));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{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-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\]{transition-property:top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:text-\[\#f3e5ff\]:is(:where(.group):hover *){color:#f3e5ff}.group-hover\:text-black:is(:where(.group):hover *){color:var(--color-black)}
:where(html.dark) .group-hover\:text-black:is(:where(.group):hover *){color:#F0EEFD}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}
:where(html.dark) .group-hover\:text-gray-900:is(:where(.group):hover *){color:#EFECFE}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}
:where(html.dark) .group-hover\:text-primary:is(:where(.group):hover *){color:#9B7BFF}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\:ring-primary:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-primary)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}
:where(html.dark) .placeholder\:text-gray-500::placeholder{color:#BDBACF}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\:text-subtle::placeholder{color:var(--color-subtle)}
:where(html.dark) .placeholder\:text-subtle::placeholder{color:#B0ADC2}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:calc(var(--spacing)*-.5)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.after\:w-0:after{content:var(--tw-content);width:calc(var(--spacing)*0)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-primary:after{content:var(--tw-content);background-color:var(--color-primary)}.after\:transition-\[width\]:after{content:var(--tw-content);transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-300:after{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:text-left:first-child{text-align:left}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.open\:bg-white:is([open],:popover-open,:open){background-color:var(--color-white)}
:where(html.dark) .open\:bg-white:is([open],:popover-open,:open){background-color:#171227}.open\:shadow-sm:is([open],:popover-open,:open){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:border-primary:focus-within{border-color:var(--color-primary)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-4:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-\[\#6C3BFF\]:focus-within{--tw-ring-color:#6c3bff}.focus-within\:ring-primary:focus-within{--tw-ring-color:var(--color-primary)}.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus-within\:ring-purple-200:focus-within{--tw-ring-color:var(--color-purple-200)}.focus-within\:ring-violet-200:focus-within{--tw-ring-color:var(--color-violet-200)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#6C3BFF\]:hover{border-color:#6c3bff}.hover\:border-\[\#140C2A\]:hover{border-color:#140c2a}
:where(html.dark) .hover\:border-\[\#140C2A\]:hover{border-color:#F1EDFF}.hover\:border-\[\#c6b5f4\]:hover{border-color:#c6b5f4}
:where(html.dark) .hover\:border-\[\#c6b5f4\]:hover{border-color:#48366C}.hover\:border-\[\#ccb7ff\]:hover{border-color:#ccb7ff}
:where(html.dark) .hover\:border-\[\#ccb7ff\]:hover{border-color:#48366C}.hover\:border-\[\#d891ff\]:hover{border-color:#d891ff}.hover\:border-\[var\(--c4r-ink\)\]:hover{border-color:var(--c4r-ink)}
:where(html.dark) .hover\:border-\[var\(--c4r-ink\)\]:hover{border-color:#F1EDFF}.hover\:border-\[var\(--community-brand-hover-border\)\]:hover{border-color:var(--community-brand-hover-border)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary\/30:hover{border-color:#6c3bff4d}
:where(html.dark) .hover\:border-primary\/30:hover{border-color:#47376C}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}
:where(html.dark) .hover\:border-primary\/30:hover{border-color:#47376C}}.hover\:border-primary\/60:hover{border-color:#6c3bff99}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--color-primary)60%,transparent)}}.hover\:border-red-600:hover{border-color:var(--color-red-600)}.hover\:border-violet-400:hover{border-color:var(--color-violet-400)}.hover\:border-white\/25:hover{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/25:hover{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.hover\:bg-\[\#2f1b5a\]:hover{background-color:#2f1b5a}.hover\:bg-\[\#4b1687\]:hover{background-color:#4b1687}.hover\:bg-\[\#5a2ac2\]:hover{background-color:#5a2ac2}.hover\:bg-\[\#5a2dd1\]:hover{background-color:#5a2dd1}.hover\:bg-\[\#5a2fc7\]:hover{background-color:#5a2fc7}.hover\:bg-\[\#5b2ad6\]:hover{background-color:#5b2ad6}.hover\:bg-\[\#6C3BFF\]:hover{background-color:#6c3bff}.hover\:bg-\[\#552bc9\]:hover{background-color:#552bc9}.hover\:bg-\[\#5125c7\]:hover{background-color:#5125c7}.hover\:bg-\[\#5526EA\]:hover{background-color:#5526ea}.hover\:bg-\[\#5830d6\]:hover{background-color:#5830d6}.hover\:bg-\[\#35205f\]:hover{background-color:#35205f}.hover\:bg-\[\#46176f\]:hover{background-color:#46176f}.hover\:bg-\[\#C6B3FF\]:hover{background-color:#c6b3ff}
:where(html.dark) .hover\:bg-\[\#C6B3FF\]:hover{background-color:#2D1952}.hover\:bg-\[\#F1ECFF\]:hover{background-color:#f1ecff}
:where(html.dark) .hover\:bg-\[\#F1ECFF\]:hover{background-color:#1C152A}.hover\:bg-\[\#FDEEF0\]:hover{background-color:#fdeef0}
:where(html.dark) .hover\:bg-\[\#FDEEF0\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#e0d4ff\]:hover{background-color:#e0d4ff}
:where(html.dark) .hover\:bg-\[\#e0d4ff\]:hover{background-color:#24173B}.hover\:bg-\[\#e2d9ff\]:hover{background-color:#e2d9ff}
:where(html.dark) .hover\:bg-\[\#e2d9ff\]:hover{background-color:#211738}.hover\:bg-\[\#f0ebff\]:hover{background-color:#f0ebff}
:where(html.dark) .hover\:bg-\[\#f0ebff\]:hover{background-color:#1C152B}.hover\:bg-\[\#f4efff\]:hover{background-color:#f4efff}
:where(html.dark) .hover\:bg-\[\#f4efff\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#f4f1fa\]:hover{background-color:#f4f1fa}
:where(html.dark) .hover\:bg-\[\#f4f1fa\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#f5f0ff\]:hover{background-color:#f5f0ff}
:where(html.dark) .hover\:bg-\[\#f5f0ff\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#f7f2ff\]:hover{background-color:#f7f2ff}
:where(html.dark) .hover\:bg-\[\#f7f2ff\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#f8f7f4\]:hover{background-color:#f8f7f4}
:where(html.dark) .hover\:bg-\[\#f8f7f4\]:hover{background-color:#0F0A1F}.hover\:bg-\[\#faf7ff\]:hover{background-color:#faf7ff}
:where(html.dark) .hover\:bg-\[\#faf7ff\]:hover{background-color:#0F0A1F}.hover\:bg-\[var\(--c4r-violet-hover\)\]:hover{background-color:var(--c4r-violet-hover)}.hover\:bg-\[var\(--community-accent-hover\)\]:hover{background-color:var(--community-accent-hover)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}
:where(html.dark) .hover\:bg-amber-200:hover{background-color:#231C01}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}
:where(html.dark) .hover\:bg-blue-50:hover{background-color:#0F0A1F}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-200:hover{background-color:var(--color-emerald-200)}
:where(html.dark) .hover\:bg-emerald-200:hover{background-color:#012518}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}
:where(html.dark) .hover\:bg-gray-50:hover{background-color:#0F0A1F}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}
:where(html.dark) .hover\:bg-gray-50\/50:hover{background-color:rgba(15, 10, 31, 0.502)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}
:where(html.dark) .hover\:bg-gray-50\/50:hover{background-color:rgba(15, 10, 31, 0.5)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}
:where(html.dark) .hover\:bg-gray-100:hover{background-color:#0F0A1F}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}
:where(html.dark) .hover\:bg-gray-200:hover{background-color:#1D182E}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}
:where(html.dark) .hover\:bg-gray-300:hover{background-color:#221E34}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-orange-50\/40:hover{background-color:#fff7ed66}
:where(html.dark) .hover\:bg-orange-50\/40:hover{background-color:rgba(15, 10, 31, 0.4)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-orange-50\/40:hover{background-color:color-mix(in oklab,var(--color-orange-50)40%,transparent)}
:where(html.dark) .hover\:bg-orange-50\/40:hover{background-color:rgba(15, 10, 31, 0.4)}}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}
:where(html.dark) .hover\:bg-primary-light:hover{background-color:#1C152B}.hover\:bg-primary\/90:hover{background-color:#6c3bffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}
:where(html.dark) .hover\:bg-purple-50:hover{background-color:#0F0A1F}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}
:where(html.dark) .hover\:bg-purple-100:hover{background-color:#20142B}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}
:where(html.dark) .hover\:bg-purple-200:hover{background-color:#271437}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-purple-900\/50:hover{background-color:#59168b80}
:where(html.dark) .hover\:bg-purple-900\/50:hover{background-color:rgba(68, 36, 88, 0.502)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-purple-900\/50:hover{background-color:color-mix(in oklab,var(--color-purple-900)50%,transparent)}
:where(html.dark) .hover\:bg-purple-900\/50:hover{background-color:rgba(67, 36, 88, 0.5)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}
:where(html.dark) .hover\:bg-red-50:hover{background-color:#0F0A1F}.hover\:bg-red-50\/30:hover{background-color:#fef2f24d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-50\/30:hover{background-color:color-mix(in oklab,var(--color-red-50)30%,transparent)}}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}
:where(html.dark) .hover\:bg-red-200:hover{background-color:#3A1014}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}
:where(html.dark) .hover\:bg-slate-50:hover{background-color:#0F0A1F}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}
:where(html.dark) .hover\:bg-slate-100:hover{background-color:#0F0A1F}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}
:where(html.dark) .hover\:bg-violet-50:hover{background-color:#0F0A1F}.hover\:bg-white:hover{background-color:var(--color-white)}
:where(html.dark) .hover\:bg-white:hover{background-color:#171227}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/16:hover{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/16:hover{background-color:color-mix(in oklab,var(--color-white)16%,transparent)}}.hover\:bg-white\/18:hover{background-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/18:hover{background-color:color-mix(in oklab,var(--color-white)18%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-\[\#2d176f\]:hover{color:#2d176f}
:where(html.dark) .hover\:text-\[\#2d176f\]:hover{color:#C2C0FD}.hover\:text-\[\#6638d1\]:hover{color:#6638d1}
:where(html.dark) .hover\:text-\[\#6638d1\]:hover{color:#B3A8FC}.hover\:text-\[\#20123f\]:hover{color:#20123f}
:where(html.dark) .hover\:text-\[\#20123f\]:hover{color:#CFC5FC}.hover\:text-\[\#A98CFF\]:hover{color:#a98cff}.hover\:text-\[\#DE0000\]:hover{color:#de0000}
:where(html.dark) .hover\:text-\[\#DE0000\]:hover{color:#FF8675}.hover\:text-dim:hover{color:var(--color-dim)}
:where(html.dark) .hover\:text-dim:hover{color:#D5D1E7}.hover\:text-gray-700:hover{color:var(--color-gray-700)}
:where(html.dark) .hover\:text-gray-700:hover{color:#D7D3E9}.hover\:text-gray-800:hover{color:var(--color-gray-800)}
:where(html.dark) .hover\:text-gray-800:hover{color:#E5E1F7}.hover\:text-gray-900:hover{color:var(--color-gray-900)}
:where(html.dark) .hover\:text-gray-900:hover{color:#EFECFE}.hover\:text-primary:hover{color:var(--color-primary)}
:where(html.dark) .hover\:text-primary:hover{color:#9B7BFF}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}
:where(html.dark) .hover\:text-primary-dark:hover{color:#B39BFF}.hover\:text-purple-700:hover{color:var(--color-purple-700)}
:where(html.dark) .hover\:text-purple-700:hover{color:#C59EFF}.hover\:text-secondary:hover{color:var(--color-secondary)}
:where(html.dark) .hover\:text-secondary:hover{color:#DCD9EF}.hover\:text-violet-950:hover{color:var(--color-violet-950)}
:where(html.dark) .hover\:text-violet-950:hover{color:#C9C0FD}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_24px_rgba\(177\,77\,255\,0\.38\)\,0_18px_42px_rgba\(0\,0\,0\,0\.48\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,#b14dff61),0 18px 42px var(--tw-shadow-color,#0000007a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-primary\/30:hover{--tw-ring-color:#6c3bff4d}@supports (color:color-mix(in lab, red, red)){.hover\:ring-primary\/30:hover{--tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}}.focus\:border-\[\#6C3BFF\]:focus{border-color:#6c3bff}.focus\:border-\[\#6638d1\]:focus{border-color:#6638d1}.focus\:border-\[var\(--c4r-violet\)\]:focus{border-color:var(--c4r-violet)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-purple-700:focus{border-color:var(--color-purple-700)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#6C3BFF\]:focus{--tw-ring-color:#6c3bff}.focus\:ring-\[\#6C3BFF\]\/30:focus{--tw-ring-color:oklab(54.3606% .0678495 -.256417/.3)}.focus\:ring-\[\#6638d1\]\/30:focus{--tw-ring-color:oklab(49.2673% .0733072 -.205551/.3)}.focus\:ring-\[\#C6B3FF\]\/60:focus{--tw-ring-color:oklab(80.9918% .0459757 -.0969049/.6)}.focus\:ring-amber-300\/60:focus{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus\:ring-amber-300\/60:focus{--tw-ring-color:color-mix(in oklab,var(--color-amber-300)60%,transparent)}}.focus\:ring-amber-700:focus{--tw-ring-color:var(--color-amber-700)}.focus\:ring-blue-700:focus{--tw-ring-color:var(--color-blue-700)}.focus\:ring-emerald-700:focus{--tw-ring-color:var(--color-emerald-700)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-green-600:focus{--tw-ring-color:var(--color-green-600)}.focus\:ring-green-700:focus{--tw-ring-color:var(--color-green-700)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-primary\/20:focus{--tw-ring-color:#6c3bff33}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.focus\:ring-primary\/25:focus{--tw-ring-color:#6c3bff40}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/25:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.focus\:ring-primary\/30:focus{--tw-ring-color:#6c3bff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.focus\:ring-primary\/40:focus{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus\:ring-primary\/50:focus{--tw-ring-color:#6c3bff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)50%,transparent)}}.focus\:ring-purple-200:focus{--tw-ring-color:var(--color-purple-200)}.focus\:ring-purple-300:focus{--tw-ring-color:var(--color-purple-300)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-purple-700:focus{--tw-ring-color:var(--color-purple-700)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-600:focus{--tw-ring-color:var(--color-red-600)}.focus\:ring-red-700:focus{--tw-ring-color:var(--color-red-700)}.focus\:ring-red-900:focus{--tw-ring-color:var(--color-red-900)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-0:focus{outline-style:var(--tw-outline-style);outline-width:0}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-md:focus-visible{border-radius:var(--radius-md)}.focus-visible\:border-\[\#6C3BFF\]:focus-visible{border-color:#6c3bff}.focus-visible\:border-\[var\(--community-brand-private\)\]:focus-visible{border-color:var(--community-brand-private)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#6C3BFF\]:focus-visible,.focus-visible\:ring-\[\#6c3bff\]:focus-visible{--tw-ring-color:#6c3bff}.focus-visible\:ring-\[\#9EF5C1\]:focus-visible{--tw-ring-color:#9ef5c1}.focus-visible\:ring-\[\#6537e6\]:focus-visible{--tw-ring-color:#6537e6}.focus-visible\:ring-\[\#6638d1\]:focus-visible{--tw-ring-color:#6638d1}.focus-visible\:ring-\[\#6638d1\]\/40:focus-visible{--tw-ring-color:oklab(49.2673% .0733072 -.205551/.4)}.focus-visible\:ring-\[\#c4b5fd\]:focus-visible{--tw-ring-color:#c4b5fd}.focus-visible\:ring-\[\#d7c4e7\]:focus-visible{--tw-ring-color:#d7c4e7}.focus-visible\:ring-\[\#d8c5e8\]:focus-visible{--tw-ring-color:#d8c5e8}.focus-visible\:ring-\[var\(--c4r-violet\)\]:focus-visible{--tw-ring-color:var(--c4r-violet)}.focus-visible\:ring-\[var\(--community-focus\)\]:focus-visible{--tw-ring-color:var(--community-focus)}.focus-visible\:ring-\[var\(--community-focus-strong\)\]:focus-visible{--tw-ring-color:var(--community-focus-strong)}.focus-visible\:ring-amber-300:focus-visible{--tw-ring-color:var(--color-amber-300)}.focus-visible\:ring-green-500:focus-visible{--tw-ring-color:var(--color-green-500)}.focus-visible\:ring-orange-100:focus-visible{--tw-ring-color:var(--color-orange-100)}.focus-visible\:ring-orange-200:focus-visible{--tw-ring-color:var(--color-orange-200)}.focus-visible\:ring-orange-300:focus-visible{--tw-ring-color:var(--color-orange-300)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:#6c3bff66}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.focus-visible\:ring-purple-100:focus-visible{--tw-ring-color:var(--color-purple-100)}.focus-visible\:ring-purple-200:focus-visible{--tw-ring-color:var(--color-purple-200)}.focus-visible\:ring-purple-300:focus-visible{--tw-ring-color:var(--color-purple-300)}.focus-visible\:ring-purple-400:focus-visible{--tw-ring-color:var(--color-purple-400)}.focus-visible\:ring-red-100:focus-visible{--tw-ring-color:var(--color-red-100)}.focus-visible\:ring-red-200:focus-visible{--tw-ring-color:var(--color-red-200)}.focus-visible\:ring-red-500:focus-visible{--tw-ring-color:var(--color-red-500)}.focus-visible\:ring-red-600:focus-visible{--tw-ring-color:var(--color-red-600)}.focus-visible\:ring-red-700:focus-visible{--tw-ring-color:var(--color-red-700)}.focus-visible\:ring-rose-600:focus-visible{--tw-ring-color:var(--color-rose-600)}.focus-visible\:ring-slate-200:focus-visible{--tw-ring-color:var(--color-slate-200)}.focus-visible\:ring-violet-300:focus-visible{--tw-ring-color:var(--color-violet-300)}.focus-visible\:ring-violet-400:focus-visible{--tw-ring-color:var(--color-violet-400)}.focus-visible\:ring-violet-500:focus-visible{--tw-ring-color:var(--color-violet-500)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[\#140C2A\]:focus-visible{--tw-ring-offset-color:#140c2a}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-\[\#6C3BFF\]:focus-visible{outline-color:#6c3bff}
:where(html.dark) .focus-visible\:outline-\[\#6C3BFF\]:focus-visible{outline-color:#9B7BFF}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}
:where(html.dark) .focus-visible\:outline-primary:focus-visible{outline-color:#9B7BFF}.focus-visible\:outline-purple-600:focus-visible{outline-color:var(--color-purple-600)}.focus-visible\:outline-purple-700:focus-visible{outline-color:var(--color-purple-700)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:border-gray-200:disabled{border-color:var(--color-gray-200)}
:where(html.dark) .disabled\:border-gray-200:disabled{border-color:#312C45}.disabled\:bg-\[\#9d91aa\]:disabled{background-color:#9d91aa}
:where(html.dark) .disabled\:bg-\[\#9d91aa\]:disabled{background-color:#3C2E4A}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}
:where(html.dark) .disabled\:bg-gray-100:disabled{background-color:#0F0A1F}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}
:where(html.dark) .disabled\:bg-slate-100:disabled{background-color:#0F0A1F}.disabled\:bg-slate-300:disabled{background-color:var(--color-slate-300)}
:where(html.dark) .disabled\:bg-slate-300:disabled{background-color:#231E34}.disabled\:bg-slate-400:disabled{background-color:var(--color-slate-400)}
:where(html.dark) .disabled\:bg-slate-400:disabled{background-color:#21344D}.disabled\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\:text-slate-600:disabled{color:var(--color-slate-600)}
:where(html.dark) .disabled\:text-slate-600:disabled{color:#A8BBD5}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:opacity-80:disabled{opacity:.8}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.aria-disabled\:cursor-wait[aria-disabled=true]{cursor:wait}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.aria-\[invalid\=true\]\:border-red-600[aria-invalid=true]{border-color:var(--color-red-600)}.aria-\[invalid\=true\]\:ring-2[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-\[invalid\=true\]\:ring-red-100[aria-invalid=true]{--tw-ring-color:var(--color-red-100)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}@media (hover:hover){.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}}@media (min-width:360px){.min-\[360px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.min-\[1440px\]\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}}@media (min-width:40rem){.sm\:top-2{top:calc(var(--spacing)*2)}.sm\:top-5{top:calc(var(--spacing)*5)}.sm\:right-2{right:calc(var(--spacing)*2)}.sm\:right-6{right:calc(var(--spacing)*6)}.sm\:left-6{left:calc(var(--spacing)*6)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-18{height:calc(var(--spacing)*18)}.sm\:h-24{height:calc(var(--spacing)*24)}.sm\:h-28{height:calc(var(--spacing)*28)}.sm\:h-\[85px\]{height:85px}.sm\:min-h-\[156px\]{min-height:156px}.sm\:min-h-\[760px\]{min-height:760px}.sm\:w-18{width:calc(var(--spacing)*18)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-28{width:calc(var(--spacing)*28)}.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-1{flex:1}.sm\:shrink-0{flex-shrink:0}.sm\:basis-full{flex-basis:100%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto_auto_auto\]{grid-template-columns:1fr auto auto auto}.sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\]{grid-template-columns:9rem minmax(0,1fr)}.sm\:grid-cols-\[12rem_1fr\]{grid-template-columns:12rem 1fr}.sm\:grid-cols-\[112px_minmax\(0\,1fr\)_auto\]{grid-template-columns:112px minmax(0,1fr) auto}.sm\:grid-cols-\[128px_minmax\(0\,1fr\)\]{grid-template-columns:128px minmax(0,1fr)}.sm\:grid-cols-\[140px_minmax\(0\,1fr\)\]{grid-template-columns:140px minmax(0,1fr)}.sm\:grid-cols-\[144px_minmax\(0\,1fr\)\]{grid-template-columns:144px minmax(0,1fr)}.sm\:grid-cols-\[144px_minmax\(0\,1fr\)_auto\]{grid-template-columns:144px minmax(0,1fr) auto}.sm\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-x-5{column-gap:calc(var(--spacing)*5)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-7{padding:calc(var(--spacing)*7)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-7{padding-inline:calc(var(--spacing)*7)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:px-9{padding-inline:calc(var(--spacing)*9)}.sm\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-7{padding-block:calc(var(--spacing)*7)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-11{padding-block:calc(var(--spacing)*11)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:py-14{padding-block:calc(var(--spacing)*14)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-18{padding-block:calc(var(--spacing)*18)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:pt-8{padding-top:calc(var(--spacing)*8)}.sm\:pt-16{padding-top:calc(var(--spacing)*16)}.sm\:pr-4{padding-right:calc(var(--spacing)*4)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:pb-16{padding-bottom:calc(var(--spacing)*16)}.sm\:pl-4{padding-left:calc(var(--spacing)*4)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[1\.9rem\]{font-size:1.9rem}.sm\:text-\[1\.85rem\]{font-size:1.85rem}.sm\:text-\[2rem\]{font-size:2rem}.sm\:leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.sm\:opacity-0{opacity:0}.sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (min-width:48rem){.md\:right-2{right:calc(var(--spacing)*2)}.md\:bottom-2{bottom:calc(var(--spacing)*2)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-6{margin-inline:calc(var(--spacing)*6)}.md\:mx-8{margin-inline:calc(var(--spacing)*8)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\:mb-24{margin-bottom:calc(var(--spacing)*24)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-13{height:calc(var(--spacing)*13)}.md\:h-16{height:calc(var(--spacing)*16)}.md\:h-20{height:calc(var(--spacing)*20)}.md\:h-44{height:calc(var(--spacing)*44)}.md\:h-80{height:calc(var(--spacing)*80)}.md\:min-h-96{min-height:calc(var(--spacing)*96)}.md\:min-h-\[360px\]{min-height:360px}.md\:min-h-\[460px\]{min-height:460px}.md\:w-20{width:calc(var(--spacing)*20)}.md\:w-44{width:calc(var(--spacing)*44)}.md\:w-auto{width:auto}.md\:flex-none{flex:none}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[1fr_12rem\]{grid-template-columns:1fr 12rem}.md\:grid-cols-\[2fr_1fr_1\.5fr_1fr_44px\]{grid-template-columns:2fr 1fr 1.5fr 1fr 44px}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:object-center{object-position:center}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-5\.75{padding-inline:calc(var(--spacing)*5.75)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-18{padding-block:calc(var(--spacing)*18)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[36px\]{font-size:36px}.md\:opacity-0{opacity:0}@media (hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.md\:focus-visible\:opacity-100:focus-visible{opacity:1}}@media (min-width:64rem){.lg\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:top-0{top:calc(var(--spacing)*0)}.lg\:top-5{top:calc(var(--spacing)*5)}.lg\:top-24{top:calc(var(--spacing)*24)}.lg\:z-auto{z-index:auto}.lg\:col-auto{grid-column:auto}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mb-1{margin-bottom:calc(var(--spacing)*1)}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-22{height:calc(var(--spacing)*22)}.lg\:h-screen{height:100vh}.lg\:min-h-105{min-height:calc(var(--spacing)*105)}.lg\:min-h-\[500px\]{min-height:500px}.lg\:w-1\/2{width:50%}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:w-85{width:calc(var(--spacing)*85)}.lg\:w-auto{width:auto}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.lg\:max-w-md{max-width:var(--container-md)}.lg\:shrink-0{flex-shrink:0}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}.lg\:grid-cols-\[1fr_1fr_1fr_1fr_auto\]{grid-template-columns:1fr 1fr 1fr 1fr auto}.lg\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.lg\:grid-cols-\[232px_minmax\(0\,1fr\)\]{grid-template-columns:232px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(18rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.8fr)}.lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(340px\,\.8fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr)}.lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(300px\,\.8fr\)\]{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_21\.25rem\]{grid-template-columns:minmax(0,1fr) 21.25rem}.lg\:grid-cols-\[minmax\(0\,440px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-12{gap:calc(var(--spacing)*12)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:self-stretch{align-self:stretch}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:p-7{padding:calc(var(--spacing)*7)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-9{padding:calc(var(--spacing)*9)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-9{padding-inline:calc(var(--spacing)*9)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:px-15{padding-inline:calc(var(--spacing)*15)}.lg\:py-5{padding-block:calc(var(--spacing)*5)}.lg\:py-7{padding-block:calc(var(--spacing)*7)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-21{height:calc(var(--spacing)*21)}.xl\:w-21{width:calc(var(--spacing)*21)}.xl\:max-w-xs{max-width:var(--container-xs)}.xl\:flex-1{flex:1}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-\[minmax\(0\,440px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:justify-between{justify-content:space-between}.xl\:gap-8{gap:calc(var(--spacing)*8)}.xl\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.xl\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}.xl\:text-\[3\.55rem\]{font-size:3.55rem}}@media (min-width:96rem){.\32 xl\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.\32 xl\:flex{display:flex}.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32 xl\:flex-col{flex-direction:column}.\32 xl\:gap-7{gap:calc(var(--spacing)*7)}}@media print{.print\:hidden{display:none}}.\[\&\:\:-moz-range-thumb\]\:h-6::-moz-range-thumb{height:calc(var(--spacing)*6)}.\[\&\:\:-moz-range-thumb\]\:h-11::-moz-range-thumb{height:calc(var(--spacing)*11)}.\[\&\:\:-moz-range-thumb\]\:w-6::-moz-range-thumb{width:calc(var(--spacing)*6)}.\[\&\:\:-moz-range-thumb\]\:w-11::-moz-range-thumb{width:calc(var(--spacing)*11)}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}.\[\&\:\:-moz-range-thumb\]\:border-none::-moz-range-thumb{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:bg-primary::-moz-range-thumb{background-color:var(--color-primary)}.\[\&\:\:-moz-range-track\]\:bg-transparent::-moz-range-track{background-color:#0000}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb{height:calc(var(--spacing)*6)}.\[\&\:\:-webkit-slider-thumb\]\:h-11::-webkit-slider-thumb{height:calc(var(--spacing)*11)}.\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb{width:calc(var(--spacing)*6)}.\[\&\:\:-webkit-slider-thumb\]\:w-11::-webkit-slider-thumb{width:calc(var(--spacing)*11)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb{border-style:var(--tw-border-style);border-width:2px}.\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb{border-color:var(--color-white)}
:where(html.dark) .\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb{border-color:#312C45}.\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb{background-color:var(--color-primary)}.\[\&\:\:-webkit-slider-thumb\]\:shadow-md::-webkit-slider-thumb{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&\>section\>main\]\:min-h-0>section>main{min-height:calc(var(--spacing)*0)}.\[\&\>section\>main\>header\]\:hidden>section>main>header{display:none}}@keyframes nav-arrow{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@layer utility{.animate-nav-arrow{animation:1.2s ease-in-out infinite nav-arrow}}.chat-scroll::-webkit-scrollbar{width:4px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:999px}
:where(html.dark) .chat-scroll::-webkit-scrollbar-thumb{background:#1E192F}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#c8c8c8}
:where(html.dark) .chat-scroll::-webkit-scrollbar-thumb:hover{background:#262138}.advertise-cta-focus:focus-visible{outline-offset:4px;outline:4px solid #fff!important}.m-distance-slider{appearance:none;cursor:pointer;background:0 0;height:44px}.m-distance-slider:focus-visible{outline-offset:2px;outline:3px solid #6c3bff}
:where(html.dark) .m-distance-slider:focus-visible{outline:3px solid #9B7BFF}.m-distance-slider::-webkit-slider-runnable-track{background:#ddd6fe;border-radius:999px;height:6px}
:where(html.dark) .m-distance-slider::-webkit-slider-runnable-track{background:#21183A}.m-distance-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #6c3bff;border-radius:50%;width:44px;height:44px;margin-top:-19px;box-shadow:0 2px 6px #2114483d}
:where(html.dark) .m-distance-slider::-webkit-slider-thumb{background:#171227}.m-distance-slider::-moz-range-track{background:#ddd6fe;border-radius:999px;height:6px}
:where(html.dark) .m-distance-slider::-moz-range-track{background:#21183A}.m-distance-slider::-moz-range-thumb{background:#fff;border:3px solid #6c3bff;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 6px #2114483d}
:where(html.dark) .m-distance-slider::-moz-range-thumb{background:#171227}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

/* Saint (2026-10-09): the whole car shows on every photo. Frames are 4:3 (the dealer photos'
   own shape) and fill with cover; a photo of another shape is marked data-photo-fit="contain" by
   src/utils/photoFit.mjs and shows whole on a backdrop that matches its frame: a soft neutral on
   cards, ink in the advert gallery and the full-screen viewer. No blur, no glow. */
img[data-photo-fit='contain'] {
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background-color: #F1EEF8;
}
:where(html.dark) img[data-photo-fit='contain'] {
  background-color: #1A152B;
}
:is(.c4r-gal-frame, .c4r-gal-viewer, .c4r-adv-gal, .le-media) img[data-photo-fit='contain'] {
  background-color: #140C2A;
}

/* A phone on its side: the carousel slide is wider than 4:3, so the photo shows whole on ink. */
@media (max-width: 767px) and (orientation: landscape) {
  .c4r-adv-slide :is(picture, img) { background-color: #140C2A; }
  .c4r-adv-slide img { object-fit: contain !important; }
}

/* perf-2026-10-13: the page shell the server sends (#c4r-*-raw: home, cars, guides, towns, adverts) is
   what a phone shows while the app's page downloads, and what readers without JavaScript keep. It wears
   the livery instead of browser defaults; the app keeps it on screen until the real page is ready
   (src/utils/bootRawShell.mjs), so there is no skeleton flash in between. The forum shell has its own styles. */
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) {
  display: block;
  box-sizing: border-box;
  max-width: var(--c4r-maxw, 1280px);
  margin: 0 auto;
  padding: 20px var(--c4r-gut, 16px) 104px;
  color: var(--c4r-ink, #140C2A);
  background: #fff;
  font-family: var(--c4r-fb);
  font-size: 16px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) {
  color: #F1EDFF;
  background: #171227;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h1 {
  margin: 6px 0 12px;
  font-family: var(--c4r-fd);
  font-size: clamp(28px, 7.4vw, 46px);
  font-style: italic;
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: 0.01em;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(h2, h3, h4) {
  margin: 22px 0 8px;
  font-family: var(--c4r-fd);
  font-weight: 700;
  line-height: 1.15;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h2 { font-size: 24px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h3 { font-size: 20px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) h4 { font-size: 18px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(p, ul, ol, dl, table, figure) { margin: 0 0 12px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(ul, ol) { padding-left: 22px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) ul { list-style: disc; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) ol { list-style: decimal; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) li { margin: 0 0 4px; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) a {
  color: var(--c4r-violet, #6C3BFF);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) a {
  color: #9B7BFF;
}
/* runs of links (filters, makes, towns) become a tidy wrapped row */
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav > a {
  display: inline-block;
  margin: 0 16px 10px 0;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] {
  margin-bottom: 10px;
  color: var(--c4r-muted, #5B5273);
  font-size: 14px;
}
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] {
  color: #BBB1D7;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] :is(ol, ul) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) nav[aria-label='Breadcrumb'] a { margin: 0; font-weight: 500; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 8px 0 12px;
  border-radius: 4px;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(th, td) {
  padding: 6px 8px;
  border-bottom: 1px solid var(--c4r-line, #E5E0EF);
  text-align: left;
  vertical-align: top;
  overflow-wrap: normal;
}
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) :is(th, td) {
  border-bottom: 1px solid #312C45;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) .g-table { overflow-x: auto; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid var(--c4r-line, #E5E0EF);
}
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dl > div {
  border-bottom: 1px solid #312C45;
}
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dt { color: var(--c4r-muted, #5B5273); }
:where(html.dark) main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dt {
  color: #BBB1D7; }
main[id^='c4r-'][id$='-raw']:not(#c4r-forum-raw) dd { margin: 0; font-weight: 600; }

/* Saint review 2, R2-21 + R2M-16: page transitions (utils/pageTransitions.mjs starts them, only for a
   move to another page; back/forward stay with the browser).
   Desktop: a quick cross-fade with a 6px settle. Phones (< 768px): a short slide + fade to the left.
   Everything finishes inside 180ms (measured end to end it stays under a quarter second) and animates only opacity and transform (compositor-only, so it
   stays smooth on mid-range Android).
   The site chrome is named only while a transition runs (html.c4r-vt), so it holds still above the
   moving page and keeps its normal stacking/backdrop the rest of the time. */

html.c4r-vt .c4r-site-nav,
html.c4r-vt .c4r-livery header.site-header { view-transition-name: c4r-header; }
html.c4r-vt .c4r-tabbar { view-transition-name: c4r-tabbar; }
html.c4r-vt .c4r-dock { view-transition-name: c4r-dock; }
html.c4r-vt .c4r-compare-tray { view-transition-name: c4r-compare; }

::view-transition-group(*) {
  animation-duration: 160ms;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

::view-transition-old(root) {
  animation: 110ms cubic-bezier(0.4, 0, 1, 1) both c4r-vt-fade-out;
}
::view-transition-new(root) {
  animation: 160ms cubic-bezier(0, 0, 0.2, 1) both c4r-vt-fade-up-in;
}

/* The chrome does not cross-fade with itself: old and new are the same bar. */
::view-transition-old(c4r-tabbar),
::view-transition-old(c4r-dock),
::view-transition-old(c4r-compare) { animation: none; opacity: 0; }
::view-transition-new(c4r-tabbar),
::view-transition-new(c4r-dock),
::view-transition-new(c4r-compare) { animation: none; opacity: 1; }

@keyframes c4r-vt-fade-out { to { opacity: 0; } }
@keyframes c4r-vt-fade-up-in { from { opacity: 0; transform: translateY(6px); } }
@keyframes c4r-vt-slide-out-left { to { opacity: 0; transform: translateX(-28px); } }
@keyframes c4r-vt-slide-in-right { from { opacity: 0; transform: translateX(36px); } }

@media (max-width: 767px) {
  ::view-transition-old(root) {
    animation: 120ms cubic-bezier(0.4, 0, 1, 1) both c4r-vt-slide-out-left;
  }
  ::view-transition-new(root) {
    animation: 180ms cubic-bezier(0, 0, 0.2, 1) both c4r-vt-slide-in-right;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* Shared route tokens. The homepage retains its own isolated .c4r-livery system.
   Do not map layout utilities (grid, widths, gaps) or semantic status colours. */
.c4r-site-theme {
  --c4r-violet: #6C3BFF;
  --c4r-ink: #140C2A;
  --c4r-mist: #F6F3FC;
  --c4r-line: #E5E0EF;
  --c4r-muted: #5B5273;
  --c4r-font-body: 'Barlow', 'Barlow Fallback', 'Segoe UI', sans-serif;
  --c4r-font-heading: 'Barlow Condensed', 'Barlow Condensed Fallback', 'Arial Narrow', sans-serif;
  --color-primary: #6C3BFF;
  --color-primary-dark: #5526EA;
  --color-primary-light: #F1ECFF;
  --color-ink: #140C2A;
  min-height: 100dvh;
  background: var(--c4r-mist);
  color: var(--c4r-ink);
  font-family: var(--c4r-font-body);
  -webkit-font-smoothing: antialiased;
}
:where(html.dark) .c4r-site-theme {
  --c4r-muted: #BBB1D7;
  background: #0F0A1F;
  color: #F1EDFF;
}
/* Explicitly exclude isolated livery children; auth/account owners can build on tokens. */
.c4r-site-theme :where(.font-inter, .font-poppins, .font-manrope, .font-public-sans, .font-roboto, .font-montserrat, .font-lato, .font-sans, input, select, textarea, button):not(:where(.c4r-livery, .c4r-livery *)) {
  font-family: var(--c4r-font-body);
}
.c4r-site-theme :is(h1, h2, h3, h4):not(:where(.c4r-livery, .c4r-livery *)) {
  font-family: var(--c4r-font-heading);
  font-weight: 800;
  font-style: italic;
  letter-spacing: -.015em;
}
.c4r-site-theme :focus-visible:not(:where(.c4r-livery, .c4r-livery *)) {
  outline: 3px solid var(--c4r-violet);
  outline-offset: 3px;
}
:where(html.dark) .c4r-site-theme :focus-visible:not(:where(.c4r-livery, .c4r-livery *)) {
  outline: 3px solid #9B7BFF;
}
.c4r-site-theme :is(input, select, textarea):not(:where(.c4r-livery, .c4r-livery *)) {
  accent-color: var(--c4r-violet);
}
/* Public page rhythm: preserve the useful composition of results, filters and details. */
.c4r-site-theme .c4r-public-page {
  color: var(--c4r-ink);
  background-color: var(--c4r-mist);
}
:where(html.dark) .c4r-site-theme .c4r-public-page {
  color: #F1EDFF;
  background-color: #0F0A1F;
}
.c4r-site-theme .c4r-public-page h1 {
  font-size: clamp(2.6rem, 4.7vw, 4.7rem);
  line-height: .98;
  text-transform: uppercase;
  text-wrap: balance;
}
.c4r-site-theme .c4r-public-page h2 {
  line-height: 1.08;
  text-transform: uppercase;
}
.c4r-site-theme .c4r-public-page h3 { line-height: 1.15; }
.c4r-site-theme .c4r-public-page :is(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600, [class~="text-[#717182]"]) {
  color: var(--c4r-muted);
}
:where(html.dark) .c4r-site-theme .c4r-public-page :is(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600, [class~="text-[#717182]"]) {
  color: #BBB1D7;
}
.c4r-site-theme .c4r-public-page :is(.bg-gray-50, .bg-slate-50, .bg-purple-50, [class~="bg-[#f9fafb]"], [class~="bg-[#f7f8fa]"]) {
  background-color: var(--c4r-mist);
}
:where(html.dark) .c4r-site-theme .c4r-public-page :is(.bg-gray-50, .bg-slate-50, .bg-purple-50, [class~="bg-[#f9fafb]"], [class~="bg-[#f7f8fa]"]) {
  background-color: #0F0A1F;
}
.c4r-site-theme .c4r-public-page :is(.border-gray-100, .border-gray-200, .border-slate-200, .border-purple-100) {
  border-color: var(--c4r-line);
}
:where(html.dark) .c4r-site-theme .c4r-public-page :is(.border-gray-100, .border-gray-200, .border-slate-200, .border-purple-100) {
  border-color: #312C45;
}
/* Square cards and fields, not circular avatars, badges, radio buttons or spinners. */
.c4r-site-theme .c4r-public-page :is(.rounded-xl, .rounded-2xl, .rounded-3xl, [class~="rounded-[24px]"], [class~="rounded-[28px]"], [class~="rounded-[10px]"]) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-page :is(article, section)[class*="shadow-"] {
  box-shadow: 0 1px 0 var(--c4r-line);
}
:where(html.dark) .c4r-site-theme .c4r-public-page :is(article, section)[class*="shadow-"] {
  box-shadow: 0 1px 0 #1E192F;
}
.c4r-site-theme .c4r-public-page :is(button, a)[class*="rounded-"]:not([aria-label]) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700, [class~="bg-[#6C3BFF]"]) {
  background: var(--c4r-violet);
  color: white;
  min-height: 44px;
  font-family: var(--c4r-font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  padding-inline: 1.4rem;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700):hover {
  background: #5526EA;
}
.c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700):focus-visible {
  box-shadow: inset 0 0 0 3px white, inset 0 0 0 5px var(--c4r-ink);
}
:where(html.dark) .c4r-site-theme .c4r-public-page :is(button, a):is(.bg-primary, .bg-purple-600, .bg-purple-700):focus-visible {
  box-shadow: inset 0 0 0 3px #171227, inset 0 0 0 5px #F1EDFF;
}
.c4r-site-theme .c4r-public-page :is(input:not([type='checkbox']):not([type='radio']):not([type='range']), select, textarea) {
  border-radius: 2px;
}
.c4r-site-theme .c4r-public-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--c4r-ink);
  color: white;
}
.c4r-site-theme .c4r-public-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 12%;
  height: 160%;
  right: 6%;
  top: -30%;
  transform: skewX(-14deg);
  background: var(--c4r-violet);
  opacity: .2;
}
.c4r-site-theme .c4r-public-hero > [aria-hidden='true'] { display: none; }
.c4r-site-theme .c4r-public-hero :focus-visible { outline-color: white; }
/* Shared navigation preserves global search, unread messages and role-aware actions. */
.c4r-site-theme .c4r-site-nav {
  border-bottom: 1px solid var(--c4r-line);
  box-shadow: none;
  color: var(--c4r-ink);
  background: white;
}
:where(html.dark) .c4r-site-theme .c4r-site-nav {
  border-bottom: 1px solid #312C45;
  color: #F1EDFF;
  background: #171227;
}
.c4r-site-theme .c4r-site-nav-bar { max-width: 1440px; gap: 1rem; }
.c4r-site-theme .c4r-site-nav :is(a, button) { flex-shrink: 0; }
.c4r-site-theme .c4r-site-nav nav a {
  font-family: var(--c4r-font-heading);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.c4r-site-theme .c4r-site-nav nav[aria-label='Main'] { gap: 1.3rem; }
.c4r-site-theme .c4r-site-nav :is(a, button).rounded-full { border-radius: 0; }
.c4r-site-theme .c4r-site-nav a.bg-primary {
  background: var(--c4r-violet);
  color: white;
  font-family: var(--c4r-font-heading);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 1rem;
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
.c4r-site-theme .c4r-site-nav a.bg-primary:focus-visible {
  box-shadow: inset 0 0 0 3px white, inset 0 0 0 5px var(--c4r-ink);
}
:where(html.dark) .c4r-site-theme .c4r-site-nav a.bg-primary:focus-visible {
  box-shadow: inset 0 0 0 3px #171227, inset 0 0 0 5px #F1EDFF;
}
.c4r-site-theme .c4r-site-nav #mobile-menu { max-height: calc(100dvh - 72px); overflow-y: auto; }
.c4r-site-theme .c4r-site-nav [aria-label='Account settings'] { max-width: 210px; min-height: 44px; }
.c4r-site-theme .c4r-site-nav [aria-label='Account settings'] .text-sm { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Same dark, typographic footer as the homepage; keep existing SEO link inventory. */
.c4r-site-theme .c4r-site-footer { background: var(--c4r-ink); color: #CEC6E4; }
.c4r-site-theme .c4r-site-footer :is(.text-gray-600, .text-ink) { color: #CEC6E4; }
.c4r-site-theme .c4r-site-footer .c4r-footer-support-link { color: #C4B5FD; }
.c4r-site-theme .c4r-site-footer :is(h2, .c4r-footer-column > summary) {
  color: white;
  font-family: var(--c4r-font-heading);
  font-style: normal;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.c4r-site-theme .c4r-site-footer .c4r-footer-column > summary { list-style: none; }
.c4r-site-theme .c4r-site-footer .c4r-footer-column > summary::-webkit-details-marker { display: none; }
.c4r-site-theme .c4r-site-footer .c4r-footer-column--phone { display: none; }
@media (min-width: 768px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-column > summary { pointer-events: none; }
  .c4r-site-theme .c4r-site-footer .c4r-footer-column:not([open]) > ul { display: flex !important; }
}
.c4r-site-theme .c4r-site-footer .border-gray-200 { border-color: #2A1F52; }
:where(html.dark) .c4r-site-theme .c4r-site-footer .border-gray-200 {
  border-color: #BCB5F4; }
.c4r-site-theme .c4r-site-footer a:hover { color: white; text-decoration: underline; text-underline-offset: 4px; }
.c4r-site-theme .c4r-site-footer :focus-visible { outline-color: white; }
.c4r-site-theme .c4r-site-footer img { width: 147px; height: 30px; object-fit: contain; }
.c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 88px); min-height: 520px; overflow: hidden; background: white; }
:where(html.dark) .c4r-site-theme .c4r-standalone-chat {
  background: #171227; }
.c4r-site-theme .c4r-stock-hero { background: var(--c4r-ink); min-height: 0; }
.c4r-site-theme .c4r-stock-hero > .pointer-events-none { opacity: .22; }
.c4r-site-theme .c4r-stock-hero > .relative { padding-block: clamp(2rem, 4vw, 3.5rem); }
.c4r-site-theme .c4r-page-loader { background: var(--c4r-mist); }
:where(html.dark) .c4r-site-theme .c4r-page-loader {
  background: #0F0A1F; }
.c4r-site-theme .c4r-page-loader :is(.rounded-2xl, .rounded-3xl, .rounded-xl) { border-radius: 2px; }
.c4r-site-theme .c4r-not-found { padding-block: 5rem; }
@media (max-width: 1199px) and (min-width: 1024px) {
  .c4r-site-theme .c4r-site-nav-bar { gap: .5rem; }
  .c4r-site-theme .c4r-site-nav nav[aria-label='Main'] { gap: .75rem; }
  .c4r-site-theme .c4r-site-nav a { padding-inline: .6rem; }
  .c4r-site-theme .c4r-site-nav picture img { max-width: 145px; object-fit: contain; }
}
@media (max-width: 767px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-column--phone { display: block; }
  .c4r-site-theme .c4r-site-footer .c4r-footer-column--desktop { display: none; }
  .c4r-site-theme .c4r-public-page h1 { font-size: clamp(2.35rem, 10vw, 3.5rem); }
  .c4r-site-theme .c4r-public-hero { padding-block: 3rem; }
  .c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 72px); }
}
@media (max-width: 279px) {
  .c4r-site-theme .c4r-site-footer .c4r-footer-links { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .c4r-site-theme .c4r-site-nav *,
  .c4r-site-theme .c4r-public-page :is(a, button) { transition: none; }
}

/* Mobile audit 2026-10-10: the shared footer's phone accordion (five short groups, 48px rows) was styled only in
   the advert chunk (mobile-m2-advert.css), so on /cars, /tools, /dealers, /advertise, /compare, profiles and town
   pages the group headings were 24px-high tap targets in a cramped two-column grid. Same rules, every page. */
@media (max-width: 767px) {
  .c4r-site-footer .container { padding-top: 28px; padding-bottom: 24px; }
  .c4r-site-footer .grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .c4r-site-footer .c4r-footer-column { border-top: 1px solid #ddd8e8; }
:where(html.dark) .c4r-site-footer .c4r-footer-column {
    border-top: 1px solid #433E58; }
  .c4r-site-footer .c4r-footer-column:last-child { border-bottom: 1px solid #ddd8e8; }
:where(html.dark) .c4r-site-footer .c4r-footer-column:last-child {
    border-bottom: 1px solid #433E58; }
  .c4r-site-footer .c4r-footer-column > summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; list-style: none; }
  .c4r-site-footer .c4r-footer-column > summary::-webkit-details-marker { display: none; }
  .c4r-site-footer .c4r-footer-column > summary::after { content: '+'; color: #6336df; font-size: 22px; }
:where(html.dark) .c4r-site-footer .c4r-footer-column > summary::after {
    color: #AEA8FD; }
  .c4r-site-footer .c4r-footer-column[open] > summary::after { content: '−'; }
  .c4r-site-footer .c4r-footer-column > ul { padding-bottom: 10px; }
}

/* C4R desktop primitives (W3-01, desktop-brief D0.2). OPT-IN and unused at ship time: class selectors
   only, every rule inside min-width:768px, so phones are untouched and nothing changes on screen until
   a component adds one of these classes. Values come from tokens.css. */
@media (min-width: 768px) {
  /* utilities */
  .c4r-hud {
    font: 500 12px/1.4 var(--c4r-fm);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .c4r-price {
    font-family: var(--c4r-fd);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--c4r-price);
    font-size: 26px;
    line-height: 1;
  }
:where(html.dark) .c4r-price {
    color: #3DDC84;
  }
  .c4r-price.is-xl { font-size: 44px; }
  .c4r-price.is-lg { font-size: 30px; }
  .c4r-price.is-sm { font-size: 22px; }

  /* controls */
  .c4r-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 0;
    font: 700 16px/1 var(--c4r-fd);
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
  }
  .c4r-btn.is-lg { min-height: 52px; padding: 0 28px; font-size: 18px; }
  .c4r-btn:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
:where(html.dark) .c4r-btn:focus-visible {
    outline: 2px solid #9B7BFF; }
  .c4r-btn:disabled, .c4r-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
  .c4r-btn-primary {
    position: relative;
    isolation: isolate;
    color: #fff;
    background: transparent;
  }
  .c4r-btn-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c4r-violet);
    transform: skewX(var(--c4r-lean));
  }
  .c4r-btn-primary:hover::before { background: var(--c4r-violet-hover); }
  .c4r-btn-primary:active::before { background: var(--c4r-violet-press); }
  .c4r-btn-secondary { color: var(--c4r-ink); background: #fff; border-color: var(--c4r-ink); }
:where(html.dark) .c4r-btn-secondary {
    color: #F1EDFF;
    background: #171227;
    border-color: #F1EDFF; }
  .c4r-btn-secondary:hover { background: var(--c4r-mist); }
:where(html.dark) .c4r-btn-secondary:hover {
    background: #0F0A1F; }
  .c4r-btn-ghost { color: var(--c4r-ink); background: transparent; }
:where(html.dark) .c4r-btn-ghost {
    color: #F1EDFF; }
  .c4r-btn-ghost:hover { background: var(--c4r-violet-100); }
:where(html.dark) .c4r-btn-ghost:hover {
    background: #1D152C; }

  .c4r-input,
  .c4r-select {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--c4r-control-border);
    border-radius: 0;
    background: #fff;
    color: var(--c4r-ink);
    font: 400 16px/1.3 var(--c4r-fb);
  }
:where(html.dark) .c4r-input,
  :where(html.dark) .c4r-select {
    background: #171227;
    color: #F1EDFF;
  }
  .c4r-input:focus-visible,
  .c4r-select:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 0; border-color: var(--c4r-violet); }
:where(html.dark) .c4r-input:focus-visible,
  :where(html.dark) .c4r-select:focus-visible {
    outline: 2px solid #9B7BFF; }

  /* shapes */
  .c4r-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--c4r-control-border);
    border-radius: 0;
    background: #fff;
    color: var(--c4r-ink);
    font: 600 14px/1 var(--c4r-fb);
    cursor: pointer;
  }
:where(html.dark) .c4r-chip {
    background: #171227;
    color: #F1EDFF;
  }
  .c4r-chip[aria-pressed="true"] { background: var(--c4r-violet); border-color: var(--c4r-violet); color: #fff; }
  .c4r-chip:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
:where(html.dark) .c4r-chip:focus-visible {
    outline: 2px solid #9B7BFF; }
  .c4r-tag {
    display: inline-block;
    padding: 3px 8px;
    background: var(--c4r-ink);
    color: #fff;
    font: 600 12px/1 var(--c4r-fm);
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: skewX(var(--c4r-lean));
  }
  .c4r-tag > * { display: inline-block; transform: skewX(14deg); }

  /* layout */
  .c4r-wrap {
    width: min(100% - 2 * var(--c4r-gut), var(--c4r-maxw));
    margin-inline: auto;
  }
  .c4r-title-band {
    padding-block: 32px 24px;
    border-bottom: 1px solid var(--c4r-line);
    background: #fff;
  }
:where(html.dark) .c4r-title-band {
    border-bottom: 1px solid #312C45;
    background: #171227;
  }
  .c4r-title-band h1 {
    margin: 0;
    font: 800 italic 44px/.95 var(--c4r-fd);
    letter-spacing: -.015em;
    color: var(--c4r-ink);
  }
:where(html.dark) .c4r-title-band h1 {
    color: #F1EDFF;
  }

  /* desktop card skin: only inside a .c4r-desk-cards grid. Specificity beats the global hide rules
     in mobile-m1-card.css (.c4r-livery .car .car-seller). */
  .c4r-livery .c4r-desk-cards .car {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c4r-line);
    border-radius: 0;
    background: #fff;
    transition: transform .16s ease, box-shadow .16s ease;
  }
:where(html.dark) .c4r-livery .c4r-desk-cards .car {
    border: 1px solid #312C45;
    background: #171227;
  }
  .c4r-livery .c4r-desk-cards .car:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(108, 59, 255, .16);
  }
  .c4r-livery .c4r-desk-cards .car:has(a:focus-visible) { outline: 2px solid var(--c4r-violet); outline-offset: 2px; }
:where(html.dark) .c4r-livery .c4r-desk-cards .car:has(a:focus-visible) {
    outline: 2px solid #9B7BFF; }
  .c4r-livery .c4r-desk-cards .car .car-media { aspect-ratio: 4 / 3; border-radius: 0; overflow: hidden; }
  .c4r-livery .c4r-desk-cards .car .car-photo-count {
    background: rgba(20, 12, 42, .55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(143, 107, 255, .40);
    color: #fff;
  }
:where(html.dark) .c4r-livery .c4r-desk-cards .car .car-photo-count {
    border: 1px solid #47376C;
  }
  .c4r-livery .c4r-desk-cards .car .car-model {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font: 800 italic 22px/1.05 var(--c4r-fd);
  }
  .c4r-livery .c4r-desk-cards .car .car-price strong {
    color: var(--c4r-price);
    font-family: var(--c4r-fd);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
  }
:where(html.dark) .c4r-livery .c4r-desk-cards .car .car-price strong {
    color: #3DDC84;
  }
  .c4r-livery .c4r-desk-cards .car .car-seller {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin-top: auto;
    padding: 0 16px;
    border-top: 1px solid var(--c4r-line);
  }
:where(html.dark) .c4r-livery .c4r-desk-cards .car .car-seller {
    border-top: 1px solid #312C45;
  }
  .c4r-livery .c4r-desk-cards .car .car-loc { display: none; }
  .c4r-livery .c4r-desk-cards .car .car-nf { display: none; }
}
@media (min-width: 1200px) {
  .c4r-livery .c4r-desk-cards .car .car-price strong { font-size: 28px; }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .c4r-livery .c4r-desk-cards .car { transition: none; }
  .c4r-livery .c4r-desk-cards .car:hover { transform: none; }
}

/* Launch: the one site search box (HeaderSearch.jsx) in both headers - the shared Navbar and the
   livery SiteHeader (homepage, sign-in pages) - and in the phone search sheet.
   Electric Livery: square, 2 px ink border, violet focus ring, Barlow, 48 px target.
   Own c4r-hs- prefix: livery.css styles generic names such as .search, .field and .btn. */
.c4r-hs {
  position: relative;
  width: 100%;
  min-width: 0;
  font-family: var(--c4r-fb);
  text-align: left;
}
.c4r-hs-box {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 4px 0 14px;
  border: 2px solid var(--c4r-ink);
  border-radius: 0;
  background: #fff;
  color: var(--c4r-ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
:where(html.dark) .c4r-hs-box {
  border: 2px solid #F1EDFF;
  background: #171227;
  color: #F1EDFF;
}
.c4r-hs-box:hover { border-color: var(--c4r-violet); }
.c4r-hs-box:focus-within {
  border-color: var(--c4r-violet);
  box-shadow: 0 0 0 3px rgba(108, 59, 255, 0.28);
}
.c4r-hs-ico { flex: none; color: var(--c4r-violet); }
:where(html.dark) .c4r-hs-ico {
  color: #9B7BFF; }
.c4r-hs .c4r-hs-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--c4r-ink);
  font: 500 16px/1.2 var(--c4r-fb);
  letter-spacing: 0;
  -webkit-appearance: none;
  appearance: none;
}
:where(html.dark) .c4r-hs .c4r-hs-input {
  color: #F1EDFF;
}
.c4r-hs .c4r-hs-input::placeholder { color: #5B5273; opacity: 1; }
:where(html.dark) .c4r-hs .c4r-hs-input::placeholder {
  color: #BBB1D7; }
/* The box carries the focus ring (violet border + halo), so the input itself draws none. */
.c4r-hs .c4r-hs-input:is(:focus, :focus-visible) { outline: none; box-shadow: none; }
.c4r-hs .c4r-hs-input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.c4r-hs .c4r-hs-go {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 0;
  background: var(--c4r-violet);
  color: #fff;
  font: italic 700 15px/1 var(--c4r-fd);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
  transition: background-color 0.15s ease;
}
.c4r-hs .c4r-hs-go:hover { background: var(--c4r-violet-hover, #5526EA); }
.c4r-hs .c4r-hs-go:focus-visible { outline: 3px solid var(--c4r-ink); outline-offset: 2px; }
:where(html.dark) .c4r-hs .c4r-hs-go:focus-visible {
  outline: 3px solid #F1EDFF; }

.c4r-hs-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 70;
  min-width: 300px;
  overflow: hidden;
  border: 2px solid var(--c4r-ink);
  background: #fff;
  box-shadow: 0 24px 48px -24px rgba(20, 12, 42, 0.45);
}
:where(html.dark) .c4r-hs-panel {
  border: 2px solid #F1EDFF;
  background: #171227;
}
.c4r-hs-head {
  margin: 0;
  padding: 10px 14px;
  border-bottom: 1px solid #E5E0EF;
  background: #F6F3FC;
  color: #5B5273;
  font: 500 13px/1.35 var(--c4r-fb);
}
:where(html.dark) .c4r-hs-head {
  border-bottom: 1px solid #312C45;
  background: #0F0A1F;
  color: #BBB1D7;
}
.c4r-hs-list { max-height: min(440px, 70vh); overflow-y: auto; padding: 6px; }
.c4r-hs-group,
.c4r-hs-panel [role='group'] > p:first-child {
  margin: 0;
  padding: 10px 8px 4px;
  color: var(--c4r-violet);
  font: italic 700 13px/1 var(--c4r-fd);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
:where(html.dark) .c4r-hs-group,
:where(html.dark) .c4r-hs-panel [role='group'] > p:first-child {
  color: #9B7BFF;
}
.c4r-hs-row,
.c4r-hs-all {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 6px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--c4r-ink);
  text-align: left;
  cursor: pointer;
}
:where(html.dark) .c4r-hs-row,
:where(html.dark) .c4r-hs-all {
  color: #F1EDFF;
}
.c4r-hs-row:hover,
.c4r-hs-panel [role='group'] button:hover { background: #F1ECFF; }
:where(html.dark) .c4r-hs-row:hover,
:where(html.dark) .c4r-hs-panel [role='group'] button:hover {
  background: #1C152A; }
.c4r-hs-row:focus-visible,
.c4r-hs-all:focus-visible { outline: 2px solid var(--c4r-violet); outline-offset: -2px; }
:where(html.dark) .c4r-hs-row:focus-visible,
:where(html.dark) .c4r-hs-all:focus-visible {
  outline: 2px solid #9B7BFF; }
.c4r-hs-chip {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  background: #F1ECFF;
  color: var(--c4r-violet);
}
:where(html.dark) .c4r-hs-chip {
  background: #1C152A;
  color: #9B7BFF;
}
.c4r-hs-title { display: block; overflow: hidden; color: var(--c4r-ink); font: 600 15px/1.25 var(--c4r-fb); text-overflow: ellipsis; white-space: nowrap; }
:where(html.dark) .c4r-hs-title {
  color: #F1EDFF; }
.c4r-hs-meta { display: block; overflow: hidden; color: #5B5273; font: 500 12px/1.3 var(--c4r-fb); text-overflow: ellipsis; white-space: nowrap; }
:where(html.dark) .c4r-hs-meta {
  color: #BBB1D7; }
/* `.c4r-hs` prefix: the livery page styles buttons/spans more specifically than one class. */
.c4r-hs .c4r-hs-all {
  margin-top: 6px;
  background: var(--c4r-ink);
  color: #fff;
  font: 600 15px/1.25 var(--c4r-fb);
}
.c4r-hs .c4r-hs-all > * { color: #fff; }
.c4r-hs .c4r-hs-all:hover { background: var(--c4r-violet); }
/* SearchSuggestGroups rows (Tailwind) squared off to match. */
.c4r-hs-panel :is(button, span).rounded-2xl { border-radius: 0; }
.c4r-hs-panel [role='group'] button { min-height: 48px; }

/* Drawer (768-1279 px menu) and phone sheet: the panel sits in the flow under the box. */
.c4r-hs--drawer .c4r-hs-panel,
.c4r-hs--sheet .c4r-hs-panel {
  position: static;
  min-width: 0;
  margin-top: 8px;
  box-shadow: none;
}
.c4r-hs--sheet .c4r-hs-list { max-height: none; }

/* Phone search sheet (HeaderSearchButton): full width over the page, under nothing. */
.c4r-hs-sheet {
  position: fixed;
  inset: 0;
  z-index: 90;
  overflow-y: auto;
  padding: calc(8px + env(safe-area-inset-top, 0px)) 12px 24px;
  background: #fff;
  overscroll-behavior: contain;
}
:where(html.dark) .c4r-hs-sheet {
  background: #171227;
}
.c4r-hs-sheet-bar { display: flex; align-items: flex-start; gap: 8px; }
.c4r-hs-sheet-bar .c4r-hs { flex: 1 1 auto; }
.c4r-hs-close {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid var(--c4r-ink);
  border-radius: 0;
  background: #fff;
  color: var(--c4r-ink);
  cursor: pointer;
}
:where(html.dark) .c4r-hs-close {
  border: 2px solid #F1EDFF;
  background: #171227;
  color: #F1EDFF;
}
.c4r-hs-close:focus-visible { outline: 3px solid var(--c4r-violet); outline-offset: 2px; }
:where(html.dark) .c4r-hs-close:focus-visible {
  outline: 3px solid #9B7BFF; }
/* Phone sheet: the keyboard's search key submits and "Search all current adverts" appears as you type,
   so the box keeps its full width for the placeholder. */
.c4r-hs--sheet .c4r-hs-go { display: none; }
.c4r-hs--sheet .c4r-hs-box { padding-right: 12px; }

@media (prefers-reduced-motion: reduce) {
  .c4r-hs-box { transition: none; }
}

.c4r-notification-bell { position: relative; display: inline-flex; flex: 0 0 auto; }
/* The livery header is a z-index 20 stacking context while the phone chat bubble is z-index 47.
   Lift the whole owning header only while this panel is open so chat cannot cover notification actions. */
.c4r-livery .site-header:has(.c4r-notification-panel), .c4r-site-nav:has(.c4r-notification-panel) { z-index: 71; }
.c4r-notification-live { position: absolute!important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.c4r-notification-trigger { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: #140c2a; cursor: pointer; }
:where(html.dark) .c4r-notification-trigger { color: #F1EDFF; }
.c4r-notification-trigger:hover { background: rgba(108,59,255,.09); color: #6c3bff; }
:where(html.dark) .c4r-notification-trigger:hover { color: #9B7BFF; }
.c4r-notification-trigger:focus-visible { outline: 2px solid #6c3bff; outline-offset: 2px; }
:where(html.dark) .c4r-notification-trigger:focus-visible { outline: 2px solid #9B7BFF; }
.c4r-notification-count { position: absolute; top: 1px; right: 0; display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #dc2626; color: #fff; font: 700 12px/1 system-ui,sans-serif; }
:where(html.dark) .c4r-notification-count { border: 2px solid #312C45; }
.c4r-notification-panel { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; width: min(380px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 88px)); overflow: auto; overscroll-behavior: contain; border: 1px solid rgba(20,12,42,.14); border-radius: 14px; background: #fff; color: #140c2a; box-shadow: 0 18px 50px rgba(20,12,42,.2); text-align: left; }
:where(html.dark) .c4r-notification-panel { border: 1px solid #433E58; background: #171227; color: #F1EDFF; }
.c4r-notification-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 7px 14px; border-bottom: 1px solid rgba(20,12,42,.1); background: #fff; }
:where(html.dark) .c4r-notification-head { border-bottom: 1px solid #312C45; background: #171227; }
.c4r-notification-head strong { min-width: 0; font: 700 18px/1.2 "Barlow Condensed",system-ui,sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.c4r-notification-read-all { flex: 0 0 auto; min-height: 44px; padding: 0 4px; border: 0; background: transparent; color: #5a28e8; font: 700 13px/1.2 system-ui,sans-serif; white-space: nowrap; cursor: pointer; }
:where(html.dark) .c4r-notification-read-all { color: #ABACFD; }
.c4r-notification-read-all:disabled { color: #726c7d; cursor: default; }
:where(html.dark) .c4r-notification-read-all:disabled { color: #BEBBD0; }
.c4r-notification-read-all:focus-visible { outline: 2px solid #6c3bff; outline-offset: 2px; }
:where(html.dark) .c4r-notification-read-all:focus-visible { outline: 2px solid #9B7BFF; }
.c4r-notification-list { margin: 0; padding: 0; list-style: none; }
.c4r-notification-item { min-width: 0; border-bottom: 1px solid rgba(20,12,42,.08); }
:where(html.dark) .c4r-notification-item { border-bottom: 1px solid #312C45; }
.c4r-notification-link,.c4r-notification-copy { display: block; min-width: 0; min-height: 64px; padding: 12px 14px; color: inherit; text-decoration: none; }
.c4r-notification-item.is-unread { background: rgba(108,59,255,.06); box-shadow: inset 3px 0 #6c3bff; }
.c4r-notification-link:hover { background: rgba(108,59,255,.08); }
.c4r-notification-link:focus-visible { outline: 2px solid #6c3bff; outline-offset: -3px; }
:where(html.dark) .c4r-notification-link:focus-visible { outline: 2px solid #9B7BFF; }
.c4r-notification-title { display: block; font: 700 14px/1.3 system-ui,sans-serif; }
.c4r-notification-body { display: block; margin-top: 3px; color: #554e62; font: 400 13px/1.4 system-ui,sans-serif; }
:where(html.dark) .c4r-notification-body { color: #CDCADF; }
.c4r-notification-title, .c4r-notification-body { min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.c4r-notification-time { display: block; margin-top: 5px; color: #726c7d; font: 600 12px/1.2 system-ui,sans-serif; }
:where(html.dark) .c4r-notification-time { color: #BEBBD0; }
.c4r-notification-state { margin: 0; padding: 24px 16px; color: #554e62; text-align: center; font: 500 14px/1.45 system-ui,sans-serif; overflow-wrap: anywhere; }
:where(html.dark) .c4r-notification-state { color: #CDCADF; }
.c4r-notification-retry { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; margin-top: 8px; border: 0; background: transparent; color: #5a28e8; font-weight: 700; cursor: pointer; }
:where(html.dark) .c4r-notification-retry { color: #ABACFD; }
@media (max-width: 767px) { .c4r-notification-panel { position: fixed; top: 58px; right: 8px; left: 8px; width: auto; max-height: calc(100vh - 128px); } }
@supports (height: 100dvh) {
  .c4r-notification-panel { max-height: min(560px, calc(100dvh - 88px)); }
  @media (max-width: 767px) { .c4r-notification-panel { max-height: calc(100dvh - 128px); } }
}

/* Follow a model (flag model_follow): violet/ink livery. Night colours come from the build-time mapping. */
.c4r-follow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #d9d0f5;
  border-radius: 12px;
  background: #ffffff;
  color: #6c3bff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  max-width: 100%;
}
:where(html.dark) .c4r-follow-btn {
  border: 1px solid #463A64;
  background: #171227;
  color: #9B7BFF;
}
.c4r-follow-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c4r-follow-btn:hover { background: #f1ecff; }
:where(html.dark) .c4r-follow-btn:hover {
  background: #1C152A; }
.c4r-follow-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(108, 59, 255, .35); }
.c4r-follow-btn.is-following { background: #6c3bff; border-color: #6c3bff; color: #ffffff; }
.c4r-follow-btn.is-following:hover { background: #5526ea; }
.c4r-follow-btn--block { border-radius: 999px; padding: 0 20px; font-size: 15px; }

.fct-follow, .g-follow { margin: 14px 0 6px; }
.c4r-follow-note { margin: 8px 0 0; font-size: 14px; color: #2a1f52; }
:where(html.dark) .c4r-follow-note {
  color: #C7C0FD; }
.c4r-follow-note a { color: #6c3bff; font-weight: 700; text-decoration: underline; }
:where(html.dark) .c4r-follow-note a {
  color: #9B7BFF; }

.c4r-follow-layer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(20, 12, 42, .55);
}
.c4r-follow-dialog {
  position: relative;
  width: 100%;
  max-width: 440px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 24px 20px 20px;
  border-radius: 16px;
  background: #ffffff;
  color: #140c2a;
  box-shadow: 0 30px 60px -30px rgba(20, 12, 42, .6);
  font-size: 15px;
  text-align: left;
}
:where(html.dark) .c4r-follow-dialog {
  background: #171227;
  color: #F1EDFF;
}
.c4r-follow-dialog h2 { margin: 0 40px 8px 0; font-size: 22px; font-weight: 800; line-height: 1.2; color: #140c2a; }
:where(html.dark) .c4r-follow-dialog h2 {
  color: #F1EDFF; }
.c4r-follow-dialog p { margin: 0 0 12px; color: #2a1f52; line-height: 1.45; }
:where(html.dark) .c4r-follow-dialog p {
  color: #C7C0FD; }
.c4r-follow-x {
  position: absolute; top: 10px; right: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: #140c2a; cursor: pointer;
}
:where(html.dark) .c4r-follow-x {
  color: #F1EDFF;
}
.c4r-follow-x:hover { background: #f1ecff; }
:where(html.dark) .c4r-follow-x:hover {
  background: #1C152A; }
.c4r-follow-field { display: block; margin: 0 0 12px; }
.c4r-follow-field > span:first-child { display: block; margin-bottom: 4px; font-weight: 700; font-size: 14px; }
.c4r-follow-field em { font-style: normal; font-weight: 400; color: #5b5273; }
:where(html.dark) .c4r-follow-field em {
  color: #BBB1D7; }
.c4r-follow-field input {
  width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid #d3cbe3; border-radius: 10px;
  background: #ffffff; color: #140c2a; font-size: 16px;
}
:where(html.dark) .c4r-follow-field input {
  border: 1px solid #473C5B;
  background: #171227;
  color: #F1EDFF;
}
.c4r-follow-field input:focus { outline: none; border-color: #6c3bff; box-shadow: 0 0 0 3px rgba(108, 59, 255, .25); }
.c4r-follow-money { display: flex; align-items: center; gap: 6px; font-weight: 700; }
.c4r-follow-check { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; margin: 4px 0 12px; font-size: 14px; color: #2a1f52; cursor: pointer; }
:where(html.dark) .c4r-follow-check {
  color: #C7C0FD; }
.c4r-follow-check input { width: 20px; height: 20px; margin-top: 2px; flex: 0 0 auto; accent-color: #6c3bff; }
.c4r-follow-error { color: #9a1a2f !important; font-weight: 600; }
:where(html.dark) .c4r-follow-error {
  color: #FD999B !important; }
.c4r-follow-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.c4r-follow-primary, .c4r-follow-secondary {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 18px; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer; text-decoration: none;
}
.c4r-follow-primary { border: 1px solid #6c3bff; background: #6c3bff; color: #ffffff; }
.c4r-follow-primary:hover { background: #5526ea; }
.c4r-follow-secondary { border: 1px solid #d3cbe3; background: #ffffff; color: #140c2a; }
:where(html.dark) .c4r-follow-secondary {
  border: 1px solid #473C5B;
  background: #171227;
  color: #F1EDFF; }
.c4r-follow-secondary:hover { background: #f6f3fc; }
:where(html.dark) .c4r-follow-secondary:hover {
  background: #0F0A1F; }
.c4r-follow-primary:disabled, .c4r-follow-secondary:disabled { opacity: .6; cursor: default; }
.c4r-follow-list { list-style: none; margin: 0 0 12px; padding: 0; }
.c4r-follow-list li { padding: 12px 0; border-bottom: 1px solid #e5e0ef; }
:where(html.dark) .c4r-follow-list li {
  border-bottom: 1px solid #312C45; }
.c4r-follow-name { display: block; font-weight: 800; margin-bottom: 4px; }
@media (max-width: 480px) {
  .c4r-follow-layer { align-items: flex-end; padding: 0; }
  .c4r-follow-dialog { max-width: none; border-radius: 16px 16px 0 0; max-height: 90vh; padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
  .c4r-follow-actions > * { flex: 1 1 100%; }
}

/* Following page */
.c4r-following { min-height: 70vh; background: #f6f3fc; padding: 24px 16px 48px; color: #140c2a; }
:where(html.dark) .c4r-following {
  background: #0F0A1F;
  color: #F1EDFF; }
.c4r-following-in { max-width: 1120px; margin: 0 auto; }
.c4r-following h1 { margin: 0; font-size: 34px; font-weight: 800; line-height: 1.1; }
.c4r-following-lead { margin: 8px 0 20px; color: #2a1f52; }
:where(html.dark) .c4r-following-lead {
  color: #C7C0FD; }
.c4r-following-follows { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; }
.c4r-following-follow { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid #e5e0ef; border-radius: 14px; background: #ffffff; min-width: 0; }
:where(html.dark) .c4r-following-follow {
  border: 1px solid #312C45;
  background: #171227; }
.c4r-following-follow h2 { margin: 0; font-size: 18px; font-weight: 800; overflow-wrap: anywhere; }
.c4r-following-count { font-size: 14px; color: #5b5273; }
:where(html.dark) .c4r-following-count {
  color: #BBB1D7; }
.c4r-following-new { color: #087443; font-weight: 700; }
:where(html.dark) .c4r-following-new {
  color: #3DDC84; }
.c4r-following-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.c4r-following-row > * { flex: 1 1 auto; }
.c4r-following h2.c4r-following-h { margin: 0 0 12px; font-size: 22px; font-weight: 800; }
.c4r-following-empty { padding: 24px; border: 1px solid #e5e0ef; border-radius: 14px; background: #ffffff; }
:where(html.dark) .c4r-following-empty {
  border: 1px solid #312C45;
  background: #171227; }
.c4r-following-badge { display: inline-block; margin: 0 0 4px; padding: 2px 8px; border-radius: 999px; background: #e7f7ef; color: #087443; font-size: 12px; font-weight: 800; }
:where(html.dark) .c4r-following-badge {
  background: #0F0A1F;
  color: #3DDC84; }
.c4r-following-item { display: flex; flex-direction: column; min-width: 0; }
.c4r-following-tabs { margin: 0 0 16px; }
@media (max-width: 480px) {
  .c4r-following h1 { font-size: 28px; }
  .c4r-following-follows { grid-template-columns: 1fr; }
}

/* Bell: one-tap Unfollow on follow notices */
.c4r-notification-unfollow {
  display: inline-flex; align-items: center; min-height: 44px; margin: 0 12px 10px; padding: 0 14px;
  border: 1px solid #d3cbe3; border-radius: 999px; background: #ffffff; color: #6c3bff; font-size: 13px; font-weight: 700; cursor: pointer;
}
:where(html.dark) .c4r-notification-unfollow {
  border: 1px solid #473C5B;
  background: #171227;
  color: #9B7BFF;
}
.c4r-notification-unfollow:hover { background: #f1ecff; }
:where(html.dark) .c4r-notification-unfollow:hover {
  background: #1C152A; }

/* C4R mascot (owner-approved preview). Decorative only. */
.c4r-livery .c4r-mascot {
  display: block;
  flex: none;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(#000 84%, transparent 100%);
  mask-image: linear-gradient(#000 84%, transparent 100%);
}

/* Homepage (home_search_v2 .hs-bar): a flex row of [bar + rail column] and the mascot.
   Mascot width = 10.7% of the bar width and it starts 14px after the bar's right edge:
   bar + 14 + 0.107 * bar = row  ->  mascot = (row - 14px) * 0.107 / 1.107 = (row - 14px) * 0.0966576.
   It is centred on the 79px bar (12 + 52 + 12 padding + 3 border): the column gets top padding of
   half the mascot height minus 39.5px (mascot height = width * 794 / 677, so half = (row - 14px) * 0.0566810),
   so the mascot never rises into the hero and the bar/rail panel stays one block. */
.c4r-livery .c4r-mascot--hero { display: none; }
@media (min-width: 768px) {
  .c4r-livery.marketplace-home .hs-mascot-row { display: flex; align-items: flex-start; gap: 14px; width: min(100% - 2 * var(--gut), var(--maxw)); margin: 18px auto 0; }
  .c4r-livery.marketplace-home .hs-mascot-col { flex: 1 1 auto; min-width: 0; padding-top: max(0px, calc((100% - 14px) * 0.056681 - 39.5px)); }
  .c4r-livery.marketplace-home .hs-mascot-row :is(.hs-bar, .hs-rail, .hs-summary) { width: auto; margin-left: 0; margin-right: 0; }
  .c4r-livery.marketplace-home .hs-mascot-row .hs-bar { margin-top: 0; }
  .c4r-livery.marketplace-home .hs-mascot-row .c4r-mascot--hero { display: block; width: calc((100% - 14px) * 0.0966576); position: relative; z-index: var(--z-lift); } /* above the page stripe, like .hs-bar */
}
/* Phones: no room beside the search, so the row disappears from layout and the mascot is hidden. */
@media (max-width: 767px) {
  .c4r-livery.marketplace-home :is(.hs-mascot-row, .hs-mascot-col) { display: contents; }
}

/* Header: the still mini sits just before the C4R.co.uk wordmark, facing it, about 2.1x the logo height, centred. */
.c4r-livery header.site-header .brand { display: flex; align-items: center; }
.c4r-livery header.site-header .brand img.c4r-mascot--mini { width: auto; height: 63px; margin-right: 6px; }      /* logo 30px */
/* 768-899: the tablet header row (search min 200px + actions + Menu) has no spare width, so the mini steps out. */
@media (min-width: 768px) and (max-width: 899px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { display: none; }
}
@media (min-width: 1280px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 54.6px; }                                /* logo 26px */
}
@media (max-width: 767px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 33.6px; margin-right: 4px; }             /* logo 24px, 1.4x */
}
@media (max-width: 359px) {
  .c4r-livery header.site-header .brand img.c4r-mascot--mini { display: none; }
}

/* 1280px+: the mini took ~52px from the header row and flex-shrink wrapped the nav labels onto two
   lines ("BROWSE / STOCK"). Brand, nav and actions keep their natural width on one line; only the
   search box gives way (min 180px), with slightly tighter gaps and link padding. Extra .hdr in each
   selector outranks site-header-search.css, which loads after this file. */
@media (min-width: 1280px) {
  .c4r-livery header.site-header .wrap.hdr { gap: 12px; }
  .c4r-livery header.site-header .hdr > :is(.brand, .nav, .hdr-actions) { flex: none; }
  .c4r-livery header.site-header .hdr > .hdr-search { flex: 1 1 240px; min-width: 180px; }
  .c4r-livery header.site-header .hdr :is(.nav a, .signin) { white-space: nowrap; padding: 10px 7px; }
  .c4r-livery header.site-header .hdr :is(.nav a, .signin)::after { left: 7px; right: 7px; }
}

/* Mobile audit 2026-10-10: on the tablet header (768-1279, e.g. a phone in landscape at 844px) "SIGN IN"
   wrapped onto two lines next to the mini; the label stays on one line, the search box gives way. */
@media (min-width: 768px) and (max-width: 1279px) {
  .c4r-livery header.site-header .hdr .signin { white-space: nowrap; }
}

/* Saint review 2 (2026-10-12), R2-1 / R2M-1: the site headers.
   Applies to the livery SiteHeader (homepage, sign-in pages: `.c4r-livery header.site-header`) and the shared
   Navbar on every other page (`.c4r-site-nav`), so both look the same:
   - a longer top bar: 88px tall and up to 1440px wide on desktop (1600px from 1648px screens);
   - Browse stock / How C4R works / Contact... bigger (16px -> 17px) and darker (#07040F), same weight;
   - "Advertise" in the price green #087443 (desktop nav, menu drawer, phone tab bar "Sell");
   - the still mascot mini before the C4R wordmark on EVERY page (the Navbar had none);
   - the header search is never squashed: from 1280px, where the nav links share the row, the search slot is a
     size container; under 300px a Search button (same search, opened as a wide panel) replaces the inline box.
     Phones keep the search icon that opens it full width.
   The 1280+ rule from RELEASES 2026-10-10T02:30Z stays: every nav/action label on one line (nowrap, flex: none).
   Selectors start with `html body` so they outrank site-theme.css, mascot.css, site-header-search.css and
   livery.css whatever order the route chunks load them in; Tailwind utilities are layered and lose anyway. */

/* ---------- Mascot mini on the shared Navbar (all inner pages) ---------- */
html body .c4r-site-nav .c4r-site-nav-home { display: flex; align-items: center; gap: 6px; }
html body .c4r-site-nav img.c4r-site-nav-mascot {
  display: block;
  flex: none;
  width: auto;
  max-width: none;
  height: 56px;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(#000 84%, transparent 100%);
  mask-image: linear-gradient(#000 84%, transparent 100%);
}
@media (min-width: 768px) and (max-width: 1023px) {
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 48px; }
}
@media (max-width: 767px) {
  html body .c4r-site-nav .c4r-site-nav-home { gap: 4px; }
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 33.6px; }               /* logo 24px, 1.4x like the home header */
}
/* 360-389px: the inner-page bar also carries "How C4R works", Search and Sign in; a slightly smaller mini keeps
   Sign in inside the screen (mobile audit 360x740: it ended 1px past the edge at 33.6px). */
@media (max-width: 389px) {
  html body .c4r-site-nav .c4r-site-nav-home { gap: 3px; }
  html body .c4r-site-nav img.c4r-site-nav-mascot { height: 28px; }
}
@media (max-width: 359px) {
  html body .c4r-site-nav img.c4r-site-nav-mascot { display: none; }
}

/* ---------- "Advertise" in the price green ---------- */
html body .c4r-livery header.site-header .nav a.nav-advertise,
html body .c4r-livery header.site-header .mnav a.nav-advertise,
html body .c4r-site-nav nav a.c4r-nav-advertise,
html body .c4r-site-nav #mobile-menu a[data-advertise] { color: #087443; }
html:where(.dark) body .c4r-livery header.site-header .nav a.nav-advertise,
html:where(.dark) body .c4r-livery header.site-header .mnav a.nav-advertise,
html:where(.dark) body .c4r-site-nav nav a.c4r-nav-advertise,
html:where(.dark) body .c4r-site-nav #mobile-menu a[data-advertise] { color: #3DDC84; }
html body .c4r-livery header.site-header .nav a.nav-advertise::after,
html body .c4r-site-nav nav a.c4r-nav-advertise::after { background: #087443; }
html body .c4r-livery header.site-header .nav a.nav-advertise:hover,
html body .c4r-site-nav nav a.c4r-nav-advertise:hover { color: #065F37; }
html:where(.dark) body .c4r-livery header.site-header .nav a.nav-advertise:hover,
html:where(.dark) body .c4r-site-nav nav a.c4r-nav-advertise:hover { color: #83CFA0; }

/* ---------- Desktop search button (shown only when the slot is under 300px) ---------- */
html body .c4r-livery header.site-header .hdr-search-btn,
html body .c4r-site-nav .c4r-nav-search-btn { display: none; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 2px solid #140C2A;
  border-radius: 0;
  background: #fff;
  color: #07040F;
  cursor: pointer;
  font: 700 16px/1 "Barlow Condensed", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: border-color .15s, color .15s;
}
html:where(.dark) body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) { border: 2px solid #F1EDFF; background: #171227; color: #F0EEFD;
}
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):hover { border-color: #6C3BFF; color: #6C3BFF; }
html:where(.dark) body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):hover { color: #9B7BFF; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):focus-visible { outline: 3px solid #6C3BFF; outline-offset: 2px; }
html:where(.dark) body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open):focus-visible { outline: 3px solid #9B7BFF; }
html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) .m-icon {
  width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; stroke-linejoin: miter;
}

/* The search panel from that button on desktop: a wide box under the header over a dimmed page
   (phones keep the full-screen sheet from header-search.css). */
@media (min-width: 768px) {
  html body .c4r-hs-sheet {
    padding: 96px 24px 24px;
    background: rgba(20, 12, 42, .55);
  }
  html body .c4r-hs-sheet .c4r-hs-sheet-bar {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 16px;
    background: #fff;
    box-shadow: 0 20px 40px -20px rgba(20, 12, 42, .5);
  }
html:where(.dark) body .c4r-hs-sheet .c4r-hs-sheet-bar { background: #171227;
  }
}

/* ---------- Desktop: longer bar, bigger darker links ---------- */
@media (min-width: 768px) {
  html body .c4r-livery header.site-header .wrap.hdr { height: 88px; }
}
@media (min-width: 1280px) {
  /* Home / sign-in header: as wide as the inner-page bar (1440px), 24px gutters. */
  html body .c4r-livery header.site-header .wrap.hdr { width: min(100% - 48px, 1440px); gap: 14px; }
  html body .c4r-livery header.site-header .brand img.c4r-mascot--mini { height: 56px; }
  html body .c4r-livery header.site-header .hdr .nav a {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .05em;
    padding: 10px 8px;
    white-space: nowrap;
  }
  html body .c4r-livery header.site-header .hdr .nav a:not([aria-current]):not(.nav-advertise) { color: #07040F; }
html:where(.dark) body .c4r-livery header.site-header .hdr .nav a:not([aria-current]):not(.nav-advertise) { color: #F0EEFD; }
  html body .c4r-livery header.site-header .hdr .nav a::after { left: 8px; right: 8px; }

  /* Inner pages (Navbar): same size and colour, weight unchanged (it was 700 there and stays 700). */
  html body .c4r-site-nav nav[aria-label='Main'] { gap: 1rem; }
  html body .c4r-site-nav nav[aria-label='Main'] a { font-size: 17px; letter-spacing: .05em; white-space: nowrap; }
  html body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise) { color: #07040F; }
html:where(.dark) body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise) { color: #F0EEFD; }
  html body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise):hover { color: #6C3BFF; }
html:where(.dark) body .c4r-site-nav nav[aria-label='Main'] a.text-ink:not(.c4r-nav-advertise):hover { color: #9B7BFF; }
  html body .c4r-site-nav .c4r-site-nav-bar > * { flex-shrink: 0; }

  /* The search slot takes the room the links leave (flex 1 1 0, up to 560px) and is a size container. */
  html body .c4r-livery header.site-header .hdr > .hdr-search,
  html body .c4r-site-nav .c4r-nav-search-slot {
    display: block;
    flex: 1 1 0;
    min-width: 132px;
    max-width: 560px;
    margin-inline: 4px;
    container-type: inline-size;
    container-name: c4r-hdr-search;
  }
  html body .c4r-site-nav .c4r-nav-search-slot + div { margin-left: 0; }
}
/* Inner pages, 1280-1647px: with the bigger links the box would sit right at the 300px edge and flip when the
   Messages link arrives (it waits for a flag), so it is always the button here: no late swap. */
@media (min-width: 1280px) and (max-width: 1647.98px) {
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-hs { display: none; }
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-nav-search-btn { display: flex; justify-content: flex-end; }
}
/* Wide screens: both bars grow to 1600px so the inline box has room beside the bigger links. */
@media (min-width: 1648px) {
  html body .c4r-livery header.site-header .wrap.hdr { width: min(100% - 48px, 1600px); }
  html body .c4r-site-nav .c4r-site-nav-bar { max-width: 1600px; }
}
/* Under 300px the inline box would be squashed: the Search button takes its place (right-aligned). */
@container c4r-hdr-search (max-width: 299.98px) {
  html body .c4r-livery header.site-header .hdr-search > .c4r-hs,
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-hs { display: none; }
  html body .c4r-livery header.site-header .hdr-search > .hdr-search-btn,
  html body .c4r-site-nav .c4r-nav-search-slot > .c4r-nav-search-btn { display: flex; justify-content: flex-end; }
}

/* ---------- Phones (R2M-1): bigger, darker header label; "Sell" in green ---------- */
@media (max-width: 767px) {
  html body .c4r-site-nav .c4r-nav-phone-how,
  html body .c4r-livery header.site-header .hdr-m-how {
    color: #07040F;
    font-size: 14px;
  }
html:where(.dark) body .c4r-site-nav .c4r-nav-phone-how,
  html:where(.dark) body .c4r-livery header.site-header .hdr-m-how { color: #F0EEFD;
  }
  html body .c4r-tabbar .c4r-tab-sell .c4r-tab-label { color: #087443; font-weight: 700; }
html:where(.dark) body .c4r-tabbar .c4r-tab-sell .c4r-tab-label { color: #3DDC84; }
}
@media (prefers-reduced-motion: reduce) {
  html body :is(.c4r-livery header.site-header .hdr-search-open, .c4r-site-nav .c4r-nav-search-open) { transition: none; }
}

/* H171 Premium+Efficiency: one restrained livery sweep when the exact tester flag resolves on.
   Paint only: it never changes header geometry or intercepts a control. */
html.c4r-premium-efficiency body :is(.c4r-livery header.site-header .wrap.hdr, .c4r-site-nav .c4r-site-nav-bar) {
  position: relative;
}
html.c4r-premium-efficiency body :is(.c4r-livery header.site-header .wrap.hdr, .c4r-site-nav .c4r-site-nav-bar)::after {
  content: '';
  position: absolute;
  z-index: 4;
  inset: 0 0 auto;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0 32%, rgba(108, 59, 255, .18) 43%, rgba(8, 116, 67, .44) 50%, rgba(108, 59, 255, .18) 57%, transparent 68% 100%);
  background-size: 240% 100%;
  opacity: 0;
  animation: c4r-header-sweep 680ms cubic-bezier(.2, .8, .2, 1) 1 both;
}
html:where(.dark).c4r-premium-efficiency body :is(.c4r-livery header.site-header .wrap.hdr, .c4r-site-nav .c4r-site-nav-bar)::after { background: linear-gradient(90deg, transparent 0 32%, rgba(108, 59, 255, .18) 43%, rgba(0, 53, 36, 0.44) 50%, rgba(108, 59, 255, .18) 57%, transparent 68% 100%);
}
@keyframes c4r-header-sweep {
  0% { background-position: 100% 0; opacity: 0; }
  18% { opacity: .82; }
  100% { background-position: 0 0; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.c4r-premium-efficiency body :is(.c4r-livery header.site-header .wrap.hdr, .c4r-site-nav .c4r-site-nav-bar)::after {
    animation: none;
    opacity: 0;
  }
}

/* G16 dark mode ("Night Drive"): the hand-written part. Almost every night colour is generated at build
   time from the light stylesheets (scripts/postcss-c4r-night.cjs); this file holds only what a
   colour-by-colour mapping cannot know. Every rule is scoped to html.dark, so light mode is untouched.
   Livery night tokens: canvas #0E0820, text #F1EDFF, violet #9B7BFF, green #3DDC84. */

html.dark {
  color-scheme: dark;
  background-color: #0E0820;
  /* Shared tokens read by components that use var(): night values for text-only tokens. */
  --c4r-night-canvas: #0E0820;
  --c4r-night-surface: #171227;
  --c4r-night-text: #F1EDFF;
  --c4r-night-violet: #9B7BFF;
  --c4r-night-green: #3DDC84;
}
html.dark body {
  background-color: #0E0820;
  color: #F1EDFF;
}
/* Seller descriptions (livery/styles/description.css): its tokens are shared by text and by bullet and
   swatch fills, so the build-time mapping leaves them alone. Use the description's own night palette
   (the [data-c4r-doc-theme=dark] set, all well above 4.5:1 on the night surfaces). */
html.dark {
  --c4r-doc-ink: #F6F3FC;
  --c4r-doc-violet: #B9A4FF;
  --c4r-doc-night: #CFC2FF;
  --c4r-doc-muted: #C9C1DC;
  --c4r-doc-blue: #8FB6FF;
  --c4r-doc-amber: #F2B65A;
  --c4r-doc-red: #FF8C80;
  --c4r-doc-line: #3A2F57;
}
html.dark ::selection { background: #6C3BFF; color: #FFFFFF; }

/* Tailwind emits ring utilities as nested declarations, outside the build-time mapper's safe rewrite
   boundary. Keep their shared focus token on the contrast-safe night violet. Direct outline rules are
   still mapped by postcss-c4r-night, and this fallback also covers inline utility combinations. */
:where(html.dark) :is(:focus, :focus-visible)[class*="ring-primary"] {
  --tw-ring-color: #9B7BFF !important;
}
:where(html.dark) :is(:focus, :focus-visible)[class*="outline-primary"] {
  outline-color: #9B7BFF !important;
}

/* Number plates stay a real UK plate: yellow (or white front), black glyphs, blue band with white text,
   whatever their surroundings do. */
html.dark :is(.c4r-regplate, .c4r-plate, .car-plate, .sd-plate, .au-plate, .fr-plate, .sr2-plate, .cdog-card-plate) :where(*) {
  color: #000000;
}
html.dark :is(.c4r-regplate__band, .c4r-plate__band, .c4r-plate__gb, .c4r-plate__flag, .au-plate-gb, .sd-plate-gb, .c4r-regplate__band *, .c4r-plate__band *) {
  color: #FFFFFF;
}

/* Browser autofill paints its own pale fill; keep typed text readable on the night field. */
html.dark :is(input, textarea, select):-webkit-autofill {
  -webkit-text-fill-color: #F1EDFF;
  box-shadow: 0 0 0 1000px #211838 inset;
  caret-color: #F1EDFF;
}

/* Photos and listing art are content: never recoloured. A hairline keeps white-background photos
   (studio shots, logos) from bleeding into night surfaces. */
html.dark :is(.car-photo, .c4r-card-photo) img { outline: 1px solid rgba(255, 255, 255, .06); outline-offset: -1px; }

/* Maps: tiles are photographs of the map and stay as drawn; controls follow the night surfaces. */
html.dark .leaflet-container { background: #171227; }
html.dark .leaflet-bar a,
html.dark .leaflet-control-attribution { background: #171227; color: #F1EDFF; border-color: #312C45; }
html.dark .leaflet-control-attribution a { color: #B39BFF; }

/* Printing always uses the light design. */
@media print {
  html.dark { color-scheme: light; background: #FFFFFF; }
  html.dark body { background: #FFFFFF; color: #140C2A; }
}

/* G16 Appearance control (Light / Dark / Match my device). Light values only: the night variants are generated
   by scripts/postcss-c4r-night.cjs like every other stylesheet. 44px targets, nothing under 13px. */
.c4r-theme-choice { display: grid; gap: 8px; min-width: 0; }
.c4r-theme-choice__title {
  margin: 0;
  color: #140C2A;
  font: italic 800 15px/1.1 var(--c4r-fd);
  letter-spacing: .05em;
  text-transform: uppercase;
}
:where(html.dark) .c4r-theme-choice__title { color: #F1EDFF;
}
.c4r-theme-choice__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid #CFC7E0;
  background: #FFFFFF;
}
:where(html.dark) .c4r-theme-choice__options { border: 1px solid #473B5C; background: #171227;
}
.c4r-theme-choice__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  color: #140C2A;
  font: 600 14px/1 var(--c4r-fb);
  cursor: pointer;
  transition: background-color var(--c4r-tick, 90ms) ease, color var(--c4r-tick, 90ms) ease;
}
:where(html.dark) .c4r-theme-choice__option { color: #F1EDFF;
}
.c4r-theme-choice__option + .c4r-theme-choice__option { border-left: 1px solid #CFC7E0; }
:where(html.dark) .c4r-theme-choice__option + .c4r-theme-choice__option { border-left: 1px solid #473B5C; }
.c4r-theme-choice__option:hover { background: #F6F3FC; }
:where(html.dark) .c4r-theme-choice__option:hover { background: #0F0A1F; }
.c4r-theme-choice__option[aria-checked="true"] { background: #6C3BFF; color: #FFFFFF; }
.c4r-theme-choice__option:focus-visible { position: relative; z-index: 1; outline: 3px solid #6C3BFF; outline-offset: 2px; }
:where(html.dark) .c4r-theme-choice__option:focus-visible { outline: 3px solid #9B7BFF; }
.c4r-theme-choice__note { margin: 0; color: #5B5273; font: 400 13px/1.4 var(--c4r-fb); }
:where(html.dark) .c4r-theme-choice__note { color: #BBB1D7; }

/* Header menu: stacked rows. */
.c4r-theme-choice--menu .c4r-theme-choice__options { grid-template-columns: minmax(0, 1fr); }
.c4r-theme-choice--menu .c4r-theme-choice__option { justify-content: flex-start; padding: 0 14px; }
.c4r-theme-choice--menu .c4r-theme-choice__option + .c4r-theme-choice__option { border-left: 0; border-top: 1px solid #E5E0EF; }
:where(html.dark) .c4r-theme-choice--menu .c4r-theme-choice__option + .c4r-theme-choice__option { border-top: 1px solid #312C45; }

/* Ink footer: stays on the ink band in both themes. */
.c4r-theme-choice--on-ink .c4r-theme-choice__title { color: #FFFFFF; }
.c4r-theme-choice--on-ink .c4r-theme-choice__options { border-color: rgba(255, 255, 255, .32); background: transparent; }
.c4r-theme-choice--on-ink .c4r-theme-choice__option { color: #FFFFFF; }
.c4r-theme-choice--on-ink .c4r-theme-choice__option + .c4r-theme-choice__option { border-left-color: rgba(255, 255, 255, .32); }
.c4r-theme-choice--on-ink .c4r-theme-choice__option:hover { background: rgba(255, 255, 255, .1); }
.c4r-theme-choice--on-ink .c4r-theme-choice__option[aria-checked="true"] { background: #6C3BFF; color: #FFFFFF; }
.c4r-theme-choice--on-ink .c4r-theme-choice__option:focus-visible { outline-color: #FFFFFF; }
.c4r-theme-choice--on-ink .c4r-theme-choice__note { color: #CEC6E4; }

.c4r-footer-theme { max-width: 360px; margin-top: 20px; }
.c4r-drawer-theme { padding: 12px 0 4px; }
.c4r-settings-theme { margin: 0 0 24px; padding: 16px; border: 1px solid #E5E0EF; background: #FFFFFF; }
:where(html.dark) .c4r-settings-theme { border: 1px solid #312C45; background: #171227; }

/* Header button + popover (1024 px and up). */
.c4r-theme-menu { position: relative; display: inline-flex; }
.c4r-theme-menu__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #140C2A;
  cursor: pointer;
}
:where(html.dark) .c4r-theme-menu__button { color: #F1EDFF;
}
.c4r-theme-menu__button:hover { background: #F1ECFF; color: #6C3BFF; }
:where(html.dark) .c4r-theme-menu__button:hover { background: #1C152A; color: #9B7BFF; }
.c4r-theme-menu__button:focus-visible { outline: 3px solid #6C3BFF; outline-offset: 2px; }
:where(html.dark) .c4r-theme-menu__button:focus-visible { outline: 3px solid #9B7BFF; }
.c4r-theme-menu__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 70;
  width: 232px;
  padding: 14px;
  border: 1px solid #E5E0EF;
  background: #FFFFFF;
  box-shadow: 0 20px 40px -20px rgba(20, 12, 42, .4);
}
:where(html.dark) .c4r-theme-menu__panel { border: 1px solid #312C45; background: #171227;
}

@media (prefers-reduced-motion: reduce) {
  .c4r-theme-choice__option { transition: none; }
}

/* C4R mobile release M1 - "Electric Livery" phone chrome, loaded on every route (main bundle).
   Additive only: the tokens are new names, and every layout rule below sits inside
   max-width:767px or targets a class that only the phone markup carries. 768 px and wider are untouched. */
:root {
  --c4r-m-violet: #6C3BFF;
  --c4r-m-violet-700: #4A1FCC;
  --c4r-m-violet-200: #CFC2FF;
  --c4r-m-ink: #140C2A;
  --c4r-m-mist: #F6F3FC;
  --c4r-m-line: #E5E0EF;
  --c4r-m-muted: #5B5273;
  --c4r-m-price: #087443;
  --c4r-m-live: #3DDC84;
  --c4r-m-glass: rgba(20, 12, 42, .55);
  --c4r-m-glass-border: rgba(143, 107, 255, .40);
  --c4r-m-glass-fallback: rgba(20, 12, 42, .90);
  --c4r-m-tabbar-bg: rgba(255, 255, 255, .96);
  --c4r-m-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --c4r-m-font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --c4r-m-font-mono: "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --c4r-m-tabbar-h: 64px;
  --c4r-m-tabbar-space: calc(var(--c4r-m-tabbar-h) + env(safe-area-inset-bottom, 0px));
  --c4r-m-ease: cubic-bezier(.2, 0, 0, 1);
}
:root:where(.dark) {
  --c4r-m-mist: #0F0A1F;
  --c4r-m-muted: #BBB1D7;
  --c4r-m-price: #3DDC84;
  --c4r-m-glass-border: #47376C;
  --c4r-m-tabbar-bg: rgba(23, 18, 39, 0.96);
}

/* ── Bottom tab bar ─────────────────────────────────────────────────────── */
.c4r-tabbar { display: none; }
/* Phone-only parts of the livery site header (homepage and auth pages). */
.c4r-livery header.site-header .hdr-m { display: none; }
/* Phone-only account links on your own member profile (the "Me" tab's destination). */
.c4r-member .mp-me-links { display: none; }

@media (max-width: 767px) {
  .c4r-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 48;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: var(--c4r-m-tabbar-space);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--c4r-m-tabbar-bg);
    /* Frosted, so card text scrolling underneath does not show through (opaque fallback below). */
    -webkit-backdrop-filter: saturate(1.4) blur(14px);
    backdrop-filter: saturate(1.4) blur(14px);
    border-top: 1px solid var(--c4r-m-line);
    color: var(--c4r-m-muted);
    font-family: var(--c4r-m-font-body);
    transition: transform 180ms var(--c4r-m-ease);
  }
:where(html.dark) .c4r-tabbar {
    background: rgba(23, 18, 39, 0.96);
    border-top: 1px solid #312C45;
    color: #BBB1D7;
  }
  /* QA P2-5 (Claude): + 24px so the raised "+" block (margin-top -22px) hides too. */
  .c4r-tabbar.is-scroll-hidden {
    transform: translateY(calc(100% + 24px + env(safe-area-inset-bottom, 0px)));
    pointer-events: none;
  }

  .c4r-tabbar .c4r-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 44px;
    color: var(--c4r-m-muted);
    font: 600 12px/14px var(--c4r-m-font-body);
    letter-spacing: .02em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
:where(html.dark) .c4r-tabbar .c4r-tab {
    color: #BBB1D7;
  }
  .c4r-tabbar .c4r-tab:focus-visible { outline: 2px solid var(--c4r-m-violet); outline-offset: -4px; }
:where(html.dark) .c4r-tabbar .c4r-tab:focus-visible {
    outline: 2px solid #9B7BFF; }
  .c4r-tabbar .c4r-tab .m-icon {
    width: 24px;
    height: 24px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-tabbar .c4r-tab[aria-current] { color: var(--c4r-m-violet); }
:where(html.dark) .c4r-tabbar .c4r-tab[aria-current] {
    color: #9B7BFF; }
  .c4r-tabbar .c4r-tab[aria-current]::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 22%;
    right: 22%;
    height: 2px;
    background: var(--c4r-m-violet);
    clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%);
  }
  .c4r-tabbar .c4r-tab-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .c4r-tabbar .c4r-tab-badge {
    position: absolute;
    top: 6px;
    left: calc(50% + 6px);
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--c4r-m-violet);
    color: #fff;
    font: 500 11px/16px var(--c4r-m-font-mono);
    text-align: center;
  }
  /* The slanted violet "+ Free" block in the middle. */
  .c4r-tabbar .c4r-tab-sell { color: var(--c4r-m-violet); }
:where(html.dark) .c4r-tabbar .c4r-tab-sell {
    color: #9B7BFF; }
  .c4r-tabbar .c4r-tab-blk {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    width: 56px;
    height: 48px;
    margin-top: -22px;
  }
  .c4r-tabbar .c4r-tab-blk::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c4r-m-violet);
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: 0 8px 24px rgba(108, 59, 255, .12);
  }
  .c4r-tabbar .c4r-tab-blk .m-icon { stroke: #fff; stroke-width: 2; }
  .c4r-tabbar .c4r-tab-av {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: none;
    overflow: hidden;
    border-radius: 50%;
    background: var(--c4r-m-violet-700);
    color: #fff;
    font: italic 800 10px/1 var(--c4r-m-font-display);
    letter-spacing: .02em;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c4r-m-line);
  }
:where(html.dark) .c4r-tabbar .c4r-tab-av {
    box-shadow: 0 0 0 2px #171227, 0 0 0 3px #1E192F;
  }
  .c4r-tabbar .c4r-tab-av :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
  .c4r-tabbar .c4r-tab[aria-current] .c4r-tab-av { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c4r-m-violet); }
:where(html.dark) .c4r-tabbar .c4r-tab[aria-current] .c4r-tab-av {
    box-shadow: 0 0 0 2px #171227, 0 0 0 3px #6C3BFF; }

  /* Reserve the bar's height so the footer and the last content stay reachable (no layout shift:
     MobileTabBar sets body.c4r-has-tabbar before the first paint, and the space sits at the very
     bottom). A body class rather than body:has(), so browsers without :has() get the space too. */
  body.c4r-has-tabbar { padding-bottom: var(--c4r-m-tabbar-space); }
  /* Full-height account workspace (its own scroll area) ends above the bar. Its layer sits above
     the bar: the workspace isolates its stacking context (account-livery.css), so without this its
     slide-out sidebar (Log Out at the bottom), the sidebar backdrop and every account dialog would
     be painted under the bar. In normal use the two never overlap; an open overlay now covers the bar. */
  body.c4r-has-tabbar .c4r-account-layout {
    position: relative;
    z-index: 49;
    height: calc(100dvh - var(--c4r-m-tabbar-space));
  }
  /* Bottom-fixed helpers sit above the bar instead of under it. */
  body.c4r-has-tabbar .c4r-compare-tray { bottom: calc(var(--c4r-m-tabbar-space) + 12px); }
  body.c4r-has-tabbar .c4r-cars-actionbar { bottom: var(--c4r-m-tabbar-space); }

  /* Shared navbar (non-home pages): 56 px phone header that slides away while scrolling down.
     The phone / tablet switch lives here, under the same query as isPhone (Navbar.jsx), not in Tailwind's
     max-md variant (width < 48rem): at a fractional width just under 768 px (desktop zoom) the tablet
     header keeps its menu button and drawer, and the phone search / Sign in stay hidden. */
  .c4r-site-nav .c4r-site-nav-bar,
  .c4r-site-nav-spacer { height: 56px; }
  .c4r-site-nav .c4r-site-nav-home { min-height: 44px; }
  .c4r-site-nav .c4r-site-nav-logo { height: 24px; }
  .c4r-site-nav .c4r-nav-phone { display: flex; }
  .c4r-site-nav .c4r-nav-phone-how,
  .c4r-livery header.site-header .hdr-m-how {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 76px;
    color: var(--c4r-m-violet);
    /* Keep the shared phone-header label above the 12px floor without increasing the bar height. */
    font: 700 13px/1.05 var(--c4r-m-font-display);
    letter-spacing: .035em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
:where(html.dark) .c4r-site-nav .c4r-nav-phone-how,
  :where(html.dark) .c4r-livery header.site-header .hdr-m-how {
    color: #9B7BFF;
  }
  .c4r-site-nav :is(.c4r-nav-tablet, .c4r-nav-drawer) { display: none; }
  .c4r-site-nav.is-scroll-hidden { transform: translateY(-100%); }
  .c4r-site-nav { transition: transform 240ms var(--c4r-m-ease); }
  .c4r-site-nav .c4r-nav-phone .m-icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-site-nav .c4r-nav-phone-signin {
    white-space: nowrap;
    font-family: var(--c4r-m-font-body);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--c4r-m-violet);
  }
:where(html.dark) .c4r-site-nav .c4r-nav-phone-signin {
    color: #9B7BFF;
  }
  body .c4r-site-theme .c4r-standalone-chat { height: calc(100dvh - 56px); }

  /* Livery site header (homepage, auth pages). Selectors carry `header` so they outrank
     livery.css, which loads later in the route chunks. */
  .c4r-livery header.site-header {
    position: sticky;
    top: 0;
    transition: transform 240ms var(--c4r-m-ease);
  }
  .c4r-livery header.site-header.is-scroll-hidden { transform: translateY(-100%); }
  .c4r-livery header.site-header .hdr { height: 56px; gap: 12px; }
  .c4r-livery header.site-header .brand { display: flex; align-items: center; min-height: 44px; }
  .c4r-livery header.site-header .brand img { height: 24px; }
  .c4r-livery header.site-header :is(.nav, .hdr-actions, .menu-btn) { display: none; }
  .c4r-livery header.site-header .mnav:not([hidden]) { display: none; }
  .c4r-livery header.site-header .hdr-m { display: flex; align-items: center; gap: 4px; margin-left: auto; }
  .c4r-livery header.site-header .hdr-m-how { flex: 0 1 76px; }
  .c4r-livery header.site-header .hdr-m-ico {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: var(--c4r-m-ink);
  }
:where(html.dark) .c4r-livery header.site-header .hdr-m-ico {
    color: #F1EDFF;
  }
  .c4r-livery header.site-header .hdr-m-ico:hover { color: var(--c4r-m-violet); }
:where(html.dark) .c4r-livery header.site-header .hdr-m-ico:hover {
    color: #9B7BFF; }
  .c4r-livery header.site-header .hdr-m-ico .m-icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
  }
  .c4r-livery header.site-header .hdr-m-signin {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 6px;
    color: var(--c4r-m-violet);
    font: 600 15px/1 var(--c4r-m-font-body);
    text-decoration: none;
    /* Mobile audit 2026-10-10: "Sign / in" wrapped onto two lines at 360-430px. */
    white-space: nowrap;
  }
:where(html.dark) .c4r-livery header.site-header .hdr-m-signin {
    color: #9B7BFF;
  }

  @media (max-width: 359px) {
    .c4r-site-nav .c4r-nav-phone-signin,
    .c4r-livery header.site-header .hdr-m-signin { display: none; }
  }

  /* At 200% zoom on a 390px phone the layout viewport is about 195px.
     Keep the logo, route label and 44px Search action readable by folding
     only spacing and the redundant visual width—not any navigation action. */
  @media (max-width: 279px) {
    .c4r-site-nav .c4r-site-nav-bar,
    .c4r-livery header.site-header .hdr {
      padding-inline: 4px;
      gap: 4px;
    }
    .c4r-site-nav .c4r-site-nav-logo,
    .c4r-livery header.site-header .brand img {
      width: auto;
      max-width: 52px;
      object-fit: contain;
    }
    .c4r-site-nav .c4r-nav-phone,
    .c4r-livery header.site-header .hdr-m { gap: 0; }
    .c4r-site-nav .c4r-nav-phone-how,
    .c4r-livery header.site-header .hdr-m-how { max-width: 39px; }
    .c4r-site-nav .c4r-nav-phone > button[aria-label='Search cars, makes or @usernames'] {
      width: 44px;
      height: 44px;
      flex: 0 0 44px;
    }
    .c4r-tabbar .c4r-tab-label {
      overflow: visible;
      white-space: normal;
      overflow-wrap: anywhere;
      text-overflow: clip;
      line-height: 12px;
      text-align: center;
    }
  }

  /* A 320px phone at 200% text exposes roughly 145 CSS px. Preserve the
     44px Search target by folding only horizontal chrome, never an action. */
  @media (max-width: 170px) {
    .c4r-site-nav .c4r-site-nav-bar,
    .c4r-livery header.site-header .hdr {
      padding-inline: 4px;
      gap: 4px;
    }
    .c4r-site-nav .c4r-site-nav-logo,
    .c4r-livery header.site-header .brand img { max-width: 44px; }
    .c4r-site-nav .c4r-nav-phone-how,
    .c4r-livery header.site-header .hdr-m-how {
      max-width: 30px;
      overflow-wrap: anywhere;
    }
  }

  .c4r-livery.c4r-member .mp-me-links { display: flex; flex-wrap: wrap; flex-basis: 100%; gap: 8px; width: 100%; }
  .c4r-livery.c4r-member .mp-me-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--c4r-m-line);
    background: #fff;
    color: var(--c4r-m-ink);
    font: 600 14px/1 var(--c4r-m-font-body);
    text-decoration: none;
  }
:where(html.dark) .c4r-livery.c4r-member .mp-me-links a {
    border: 1px solid #312C45;
    background: #171227;
    color: #F1EDFF;
  }
  .c4r-livery.c4r-member .mp-me-links a:hover { border-color: var(--c4r-m-violet); color: var(--c4r-m-violet); }
:where(html.dark) .c4r-livery.c4r-member .mp-me-links a:hover {
    color: #9B7BFF; }
  /* "Powered by the People" on the Me tab: a full-width ink tile with the livery slash. */
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 16px;
    width: 100%;
    min-height: 64px;
    padding: 12px 16px;
    border-color: var(--c4r-m-ink);
    background: var(--c4r-m-ink);
    color: #fff;
  }
:where(html.dark) .c4r-livery.c4r-member .mp-me-links a.mp-me-people {
    border-color: #F1EDFF;
  }
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -20%;
    right: 58px;
    width: 26px;
    height: 140%;
    background: var(--c4r-m-violet);
    transform: skewX(-14deg);
  }
  /* text keeps clear of the slash (right 58-84px) without a wide column gap */
  .c4r-livery.c4r-member .mp-me-people-k,
  .c4r-livery.c4r-member .mp-me-people-t { padding-right: 28px; }
  .c4r-livery.c4r-member .mp-me-people-k { grid-column: 1; font: italic 800 22px/1 "Barlow Condensed", var(--c4r-m-font-body); text-transform: uppercase; letter-spacing: .005em; }
  .c4r-livery.c4r-member .mp-me-people-t { grid-column: 1; font: 500 11px/1.3 var(--c4r-m-font-mono); letter-spacing: .08em; text-transform: uppercase; color: #C9C0E2; }
  .c4r-livery.c4r-member .mp-me-people-arw { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 32px; height: 32px; background: #fff; color: var(--c4r-m-ink); font: 700 18px/1 var(--c4r-m-font-body); }
:where(html.dark) .c4r-livery.c4r-member .mp-me-people-arw {
    background: #171227;
    color: #F1EDFF; }
  .c4r-livery.c4r-member .mp-me-links a.mp-me-people:hover { border-color: var(--c4r-m-violet); color: #fff; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .c4r-site-nav { transition: none; }
  .c4r-livery header.site-header { transition: none; }
}

/* No backdrop blur: an opaque bar instead of a see-through one. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (max-width: 767px) {
    .c4r-tabbar { background: #fff; }
:where(html.dark) .c4r-tabbar {
      background: #171227; }
  }
}

@media print {
  .c4r-tabbar { display: none !important; }
}