/* ==========================================================================
   Sambokoll — hand-written stylesheet (no framework, no build step).

   1. Design tokens (light / dark, same oklch palette as before)
   2. Base
   3. Components (buttons, cards, badges, alerts, modal, navbar, drawer,
      menu, dropdown, table, stats, tabs, steps, collapse, progress, range,
      form controls, join, divider, loading, indicator, avatar, breadcrumbs,
      link, toast)
   4. Utilities (the small set of layout / spacing / colour helpers the
      templates use, with sm: md: lg: xl: hover: group-hover: variants)
   5. Landing page animations (lp-*)
   ========================================================================== */

/* ---------- 1. Tokens ---------------------------------------------------- */
:root {
  color-scheme: light;
  --color-base-100: oklch(98% 0 0);
  --color-base-200: oklch(96% 0.001 286.375);
  --color-base-300: oklch(92% 0.004 286.32);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: oklch(50% 0.17 150);
  --color-primary-content: oklch(98% 0.02 160);
  --color-secondary: oklch(55% 0.027 264.364);
  --color-secondary-content: oklch(98% 0.002 247.839);
  --color-accent: oklch(0% 0 0);
  --color-accent-content: oklch(100% 0 0);
  --color-neutral: oklch(44% 0.017 285.786);
  --color-neutral-content: oklch(98% 0 0);
  --color-info: oklch(62% 0.214 259.815);
  --color-info-content: oklch(97% 0.014 254.604);
  --color-success: oklch(50% 0.14 182.503);
  --color-success-content: oklch(98% 0.014 180.72);
  --color-warning: oklch(66% 0.179 58.318);
  --color-warning-content: oklch(98% 0.022 95.277);
  --color-error: oklch(58% 0.253 17.585);
  --color-error-content: oklch(96% 0.015 12.422);
  --radius-selector: 0.25rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --border: 1.5px;
  --shadow-color: rgb(0 0 0 / 0.1);
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-base-100: oklch(30.33% 0.016 252.42);
    --color-base-200: oklch(25.26% 0.014 253.1);
    --color-base-300: oklch(20.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(45% 0.17 150);
    --color-primary-content: oklch(98% 0.02 160);
    --color-secondary: oklch(58% 0.233 277.117);
    --color-secondary-content: oklch(96% 0.018 272.314);
    --color-accent: oklch(60% 0.25 292.717);
    --color-accent-content: oklch(96% 0.016 293.756);
    --color-neutral: oklch(37% 0.044 257.287);
    --color-neutral-content: oklch(98% 0.003 247.858);
    --color-info: oklch(58% 0.158 241.966);
    --color-info-content: oklch(97% 0.013 236.62);
    --color-success: oklch(45% 0.118 184.704);
    --color-success-content: oklch(98% 0.014 180.72);
    --shadow-color: rgb(0 0 0 / 0.35);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-base-100: oklch(30.33% 0.016 252.42);
  --color-base-200: oklch(25.26% 0.014 253.1);
  --color-base-300: oklch(20.15% 0.012 254.09);
  --color-base-content: oklch(97.807% 0.029 256.847);
  --color-primary: oklch(45% 0.17 150);
  --color-primary-content: oklch(98% 0.02 160);
  --color-secondary: oklch(58% 0.233 277.117);
  --color-secondary-content: oklch(96% 0.018 272.314);
  --color-accent: oklch(60% 0.25 292.717);
  --color-accent-content: oklch(96% 0.016 293.756);
  --color-neutral: oklch(37% 0.044 257.287);
  --color-neutral-content: oklch(98% 0.003 247.858);
  --color-info: oklch(58% 0.158 241.966);
  --color-info-content: oklch(97% 0.013 236.62);
  --color-success: oklch(45% 0.118 184.704);
  --color-success-content: oklch(98% 0.014 180.72);
  --shadow-color: rgb(0 0 0 / 0.35);
}

/* ---------- 2. Base ------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; border: 0 solid var(--color-base-300); margin: 0; padding: 0; }
html { font-family: var(--font-sans); line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { background: var(--color-base-200); color: var(--color-base-content); min-height: 100vh; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, iframe { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; color: inherit; background: transparent; letter-spacing: inherit; }
button, [role="button"], select { cursor: pointer; }
button:disabled, [disabled] { cursor: not-allowed; }
table { border-collapse: collapse; border-color: inherit; text-indent: 0; }
hr { height: 0; color: inherit; border-top-width: 1px; }
summary { display: list-item; }
summary::-webkit-details-marker { display: none; }
code, kbd, samp, pre, .font-mono { font-family: var(--font-mono); }
strong, b { font-weight: 700; }
[hidden] { display: none !important; }
template { display: none; }
small { font-size: 80%; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
::selection { background: color-mix(in oklab, var(--color-primary) 25%, transparent); }

:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }
@media (prefers-contrast: high) { :focus-visible { outline-width: 3px; } }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* JS gating: .js-only shows only with scripts, .no-js-only only without. */
html:not([data-js]) .js-only { display: none !important; }
html[data-js] .no-js-only { display: none !important; }

/* ---------- 3. Components ------------------------------------------------ */

/* Buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; flex-wrap: nowrap;
  gap: 0.375rem; height: 2.5rem; min-height: 2.5rem; padding-inline: 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1;
  border-radius: var(--radius-field); border: var(--border) solid transparent; text-align: center; vertical-align: middle;
  background: var(--color-base-200); color: var(--color-base-content); box-shadow: 0 1px 2px var(--shadow-color);
  cursor: pointer; user-select: none; text-decoration: none; white-space: nowrap;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.btn:hover { background: color-mix(in oklab, var(--color-base-200) 85%, var(--color-base-content)); }
.btn:active { transform: translateY(1px); }
.btn:disabled, .btn[disabled], .btn-disabled { pointer-events: none; opacity: 0.4; box-shadow: none; }
.btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-content); }
.btn-primary:hover { background: color-mix(in oklab, var(--color-primary) 88%, black); border-color: color-mix(in oklab, var(--color-primary) 88%, black); }
.btn-secondary { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-content); }
.btn-secondary:hover { background: color-mix(in oklab, var(--color-secondary) 88%, black); }
.btn-error { background: var(--color-error); border-color: var(--color-error); color: var(--color-error-content); }
.btn-error:hover { background: color-mix(in oklab, var(--color-error) 88%, black); }
.btn-ghost { background: transparent; border-color: transparent; box-shadow: none; color: inherit; }
.btn-ghost:hover { background: color-mix(in oklab, var(--color-base-content) 10%, transparent); }
.btn-outline { background: transparent; border-color: currentColor; box-shadow: none; color: var(--color-base-content); }
.btn-outline:hover { background: var(--color-base-content); color: var(--color-base-100); }
.btn-outline.btn-error { color: var(--color-error); }
.btn-outline.btn-error:hover { background: var(--color-error); color: var(--color-error-content); }
.btn-outline.btn-primary { color: var(--color-primary); }
.btn-outline.btn-primary:hover { background: var(--color-primary); color: var(--color-primary-content); }
.btn-active { background: color-mix(in oklab, var(--color-base-content) 12%, transparent); }
.btn-xs { height: 1.5rem; min-height: 1.5rem; padding-inline: 0.5rem; font-size: 0.6875rem; gap: 0.25rem; }
.btn-sm { height: 2rem; min-height: 2rem; padding-inline: 0.75rem; font-size: 0.75rem; }
.btn-lg { height: 3rem; min-height: 3rem; padding-inline: 1.375rem; font-size: 1.125rem; }
.btn-circle { width: 2.5rem; padding: 0; border-radius: 9999px; }
.btn-circle.btn-sm { width: 2rem; } .btn-circle.btn-xs { width: 1.5rem; }
.btn-square { width: 2.5rem; padding: 0; }
.btn-square.btn-sm { width: 2rem; } .btn-square.btn-xs { width: 1.5rem; }
.btn svg { flex-shrink: 0; }

/* Cards */
.card { position: relative; display: flex; flex-direction: column; border-radius: var(--radius-box); overflow: visible; }
.card-body { display: flex; flex-direction: column; flex: 1 1 auto; gap: 0.5rem; padding: 1.5rem; }
.card-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 600; }
.card-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem; }
.card figure { overflow: hidden; }

/* Badges */
.badge {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; height: 1.5rem; padding-inline: 0.625rem;
  font-size: 0.875rem; font-weight: 500; line-height: 1; white-space: nowrap; width: fit-content;
  border-radius: var(--radius-selector); border: 1px solid var(--color-base-200); background: var(--color-base-200); color: var(--color-base-content);
}
.badge-sm { height: 1.25rem; padding-inline: 0.5rem; font-size: 0.75rem; }
.badge-xs { height: 1rem; padding-inline: 0.375rem; font-size: 0.625rem; }
.badge-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-content); }
.badge-secondary { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-content); }
.badge-accent { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-content); }
.badge-neutral { background: var(--color-neutral); border-color: var(--color-neutral); color: var(--color-neutral-content); }
.badge-info { background: var(--color-info); border-color: var(--color-info); color: var(--color-info-content); }
.badge-success { background: var(--color-success); border-color: var(--color-success); color: var(--color-success-content); }
.badge-warning { background: var(--color-warning); border-color: var(--color-warning); color: var(--color-warning-content); }
.badge-error { background: var(--color-error); border-color: var(--color-error); color: var(--color-error-content); }
.badge-ghost { background: color-mix(in oklab, var(--color-base-content) 8%, transparent); border-color: transparent; color: var(--color-base-content); }
.badge-outline { background: transparent; border-color: currentColor; color: var(--color-base-content); }
.badge-outline.badge-primary { color: var(--color-primary); }
.badge-outline.badge-secondary { color: var(--color-secondary); }
.badge-outline.badge-info { color: var(--color-info); }
.badge-outline.badge-success { color: var(--color-success); }
.badge-outline.badge-warning { color: var(--color-warning); }
.badge-outline.badge-error { color: var(--color-error); }

/* Alerts */
.alert {
  display: grid; grid-auto-flow: column; grid-template-columns: auto minmax(auto, 1fr); align-items: center; align-content: flex-start;
  justify-items: start; gap: 1rem; padding: 1rem; font-size: 0.875rem; line-height: 1.5; text-align: start;
  border-radius: var(--radius-box); border: 1px solid var(--color-base-300); background: var(--color-base-200); color: var(--color-base-content);
}
.alert > :where(*) { grid-column: auto; }
.alert-info { background: var(--color-info); border-color: var(--color-info); color: var(--color-info-content); }
.alert-success { background: var(--color-success); border-color: var(--color-success); color: var(--color-success-content); }
.alert-warning { background: var(--color-warning); border-color: var(--color-warning); color: var(--color-warning-content); }
.alert-error { background: var(--color-error); border-color: var(--color-error); color: var(--color-error-content); }
.alert .link { color: inherit; }

/* Modal */
.modal {
  position: fixed; inset: 0; z-index: 999; display: grid; place-items: center; overflow-y: hidden; overscroll-behavior: contain;
  padding: 1rem; background: transparent; opacity: 0; pointer-events: none; transition: opacity 0.2s, background-color 0.2s;
}
.modal-open, .modal:target { opacity: 1; pointer-events: auto; background: rgb(0 0 0 / 0.4); }
.modal-box {
  position: relative; max-height: calc(100vh - 5rem); max-width: 32rem; width: 100%; overflow-y: auto; overscroll-behavior: contain;
  padding: 1.5rem; border-radius: var(--radius-box); background: var(--color-base-100); color: var(--color-base-content);
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); transform: translateY(0.5rem) scale(0.97); transition: transform 0.2s;
}
.modal-open .modal-box, .modal:target .modal-box { transform: none; }
.modal-backdrop { position: absolute; inset: 0; z-index: -1; display: grid; color: transparent; cursor: pointer; }
.modal-action { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }

/* Navbar */
.navbar { display: flex; align-items: center; width: 100%; min-height: 4rem; padding: 0.5rem; gap: 0.25rem; }
.navbar > .flex-1 { min-width: 0; }

/* Drawer (sidebar via checkbox) */
.drawer { position: relative; display: grid; grid-auto-columns: max-content auto; width: 100%; }
.drawer-content { grid-column-start: 2; grid-row-start: 1; min-width: 0; }
.drawer-toggle { position: fixed; height: 0; width: 0; appearance: none; opacity: 0; }
.drawer-side {
  grid-column-start: 1; grid-row-start: 1; position: fixed; inset-inline-start: 0; top: 0; z-index: 998; height: 100dvh; width: 100%;
  display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: repeat(1, minmax(0, 1fr)); align-items: flex-start; justify-items: start;
  pointer-events: none; visibility: hidden; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; transition: visibility 0.3s;
}
.drawer-side > .drawer-overlay { position: sticky; top: 0; grid-column-start: 1; grid-row-start: 1; align-self: stretch; justify-self: stretch; cursor: pointer; background: rgb(0 0 0 / 0.4); opacity: 0; transition: opacity 0.3s; }
.drawer-side > *:not(.drawer-overlay) { grid-column-start: 1; grid-row-start: 1; transform: translateX(-100%); transition: transform 0.3s ease-out; will-change: transform; }
.drawer-toggle:checked ~ .drawer-side { pointer-events: auto; visibility: visible; }
.drawer-toggle:checked ~ .drawer-side > .drawer-overlay { opacity: 1; }
.drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) { transform: translateX(0); }
@media (min-width: 64rem) {
  .lg\:drawer-open > .drawer-toggle { display: none; }
  .lg\:drawer-open > .drawer-side { pointer-events: auto; visibility: visible; position: sticky; display: block; width: auto; overflow-y: auto; overscroll-behavior: auto; z-index: 1; top: 4rem; height: calc(100dvh - 4rem); }
  .lg\:drawer-open > .drawer-side > *:not(.drawer-overlay) { transform: none; }
  .lg\:drawer-open > .drawer-side > .drawer-overlay { cursor: default; background: transparent; }
}

/* Menu */
.menu { display: flex; flex-direction: column; flex-wrap: wrap; width: fit-content; padding: 0.5rem; font-size: 0.875rem; }
.menu :where(ul) { display: flex; flex-direction: column; width: 100%; gap: inherit; }
.menu :where(li) { position: relative; display: flex; flex-direction: column; flex-shrink: 0; align-items: stretch; }
.menu :where(li > a), .menu :where(li > button), .menu :where(li > form > button), .menu :where(li > span:not(.menu-title *)) {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(auto, max-content) auto max-content; align-items: center; gap: 0.5rem;
  padding: 0.375rem 0.75rem; border-radius: var(--radius-field); text-align: start; cursor: pointer; user-select: none; text-decoration: none;
  transition: background-color 0.2s, color 0.2s; width: 100%;
}
.menu :where(li > a):hover, .menu :where(li > button):hover, .menu :where(li > form > button):hover { background: color-mix(in oklab, var(--color-base-content) 10%, transparent); }
.menu :where(li > a).menu-active, .menu :where(li > a).active { background: var(--color-neutral); color: var(--color-neutral-content); }
.menu .menu-title { padding: 0.5rem 0.75rem; font-size: 0.75rem; font-weight: 600; color: color-mix(in oklab, var(--color-base-content) 40%, transparent); }
.menu-sm { font-size: 0.75rem; }
.menu-sm :where(li > a), .menu-sm :where(li > button), .menu-sm :where(li > form > button) { padding: 0.25rem 0.75rem; }
.menu-md { font-size: 0.875rem; }
.menu .divider { margin: 0.5rem 0; }

/* Dropdown */
.dropdown { position: relative; display: inline-block; }
.dropdown > *:not(summary):focus { outline: none; }
.dropdown .dropdown-content { position: absolute; top: 100%; left: 0; z-index: 70; opacity: 0; visibility: hidden; transform: scale(0.95); transform-origin: top left; transition: opacity 0.15s, transform 0.15s, visibility 0.15s; }
.dropdown-end .dropdown-content { right: 0; left: auto; transform-origin: top right; }
.dropdown:focus-within .dropdown-content, .dropdown:focus .dropdown-content { opacity: 1; visibility: visible; transform: scale(1); }

/* Table */
.table { display: table; width: 100%; font-size: 0.875rem; text-align: left; position: relative; }
.table :where(th, td) { padding: 0.75rem 1rem; vertical-align: middle; }
.table :where(thead, tfoot) { font-size: 0.75rem; font-weight: 600; color: color-mix(in oklab, var(--color-base-content) 60%, transparent); white-space: nowrap; }
.table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) { border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 8%, transparent); }
.table :where(tfoot tr) { border-top: 1px solid color-mix(in oklab, var(--color-base-content) 8%, transparent); }
.table-sm :where(th, td) { padding: 0.5rem 0.75rem; font-size: 0.8125rem; }
.table-zebra tbody tr:nth-child(even) { background: color-mix(in oklab, var(--color-base-content) 4%, transparent); }
.table tbody tr:hover { background: color-mix(in oklab, var(--color-base-content) 3%, transparent); }

/* Stats */
.stats { display: inline-grid; grid-auto-flow: column; overflow-x: auto; border-radius: var(--radius-box); background: var(--color-base-100); }
.stat { display: inline-grid; grid-template-columns: repeat(1, 1fr); column-gap: 1rem; padding: 1rem 1.5rem; width: 100%; }
.stat:not(:first-child) { border-inline-start: 1px solid color-mix(in oklab, var(--color-base-content) 8%, transparent); }
.stat-title { grid-column-start: 1; font-size: 0.75rem; color: color-mix(in oklab, var(--color-base-content) 60%, transparent); white-space: nowrap; }
.stat-value { grid-column-start: 1; font-size: 2rem; font-weight: 800; line-height: 1.2; white-space: nowrap; }
.stat-desc { grid-column-start: 1; font-size: 0.75rem; color: color-mix(in oklab, var(--color-base-content) 60%, transparent); white-space: nowrap; }

/* Tabs */
.tabs { display: flex; flex-wrap: wrap; align-items: flex-end; }
.tab { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 2.5rem; padding-inline: 1rem; font-size: 0.875rem; cursor: pointer; text-align: center; white-space: nowrap; color: color-mix(in oklab, var(--color-base-content) 50%, transparent); text-decoration: none; }
.tab:hover { color: var(--color-base-content); }
.tab-active { color: var(--color-base-content); }
.tabs-sm .tab { height: 2rem; font-size: 0.75rem; padding-inline: 0.75rem; }
.tabs-border .tab { border-bottom: 2px solid transparent; }
.tabs-border .tab-active { border-bottom-color: currentColor; }
.tabs-box { background: var(--color-base-200); border-radius: var(--radius-box); padding: 0.25rem; gap: 0.25rem; width: fit-content; }
.tabs-box .tab { border-radius: var(--radius-field); }
.tabs-box .tab-active { background: var(--color-base-100); box-shadow: 0 1px 2px var(--shadow-color); }

/* Steps */
.steps { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; overflow: hidden; overflow-x: auto; counter-reset: step; }
.step { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: 2.5rem 1fr; place-items: center; text-align: center; min-width: 4rem; font-size: 0.875rem; }
.step::before { content: ""; grid-column-start: 1; grid-row-start: 1; width: 100%; height: 0.5rem; margin-inline-start: -100%; background: var(--color-base-300); }
.step::after { content: counter(step); counter-increment: step; position: relative; z-index: 1; grid-column-start: 1; grid-row-start: 1; display: grid; place-items: center; place-self: center; width: 2rem; height: 2rem; border-radius: 9999px; background: var(--color-base-300); color: var(--color-base-content); font-size: 0.875rem; }
.step:first-child::before { content: none; }
.step-primary + .step-primary::before, .step-primary::after { background: var(--color-primary); color: var(--color-primary-content); }

/* Collapse (details) */
.collapse { position: relative; display: block; width: 100%; overflow: hidden; border-radius: var(--radius-box); }
.collapse > summary { display: block; list-style: none; cursor: pointer; }
.collapse-title { position: relative; display: block; padding: 1rem 3rem 1rem 1rem; min-height: 3.5rem; font-weight: 600; }
.collapse-content { padding: 0 1rem; }
details[open] > .collapse-content, .collapse-open > .collapse-content { padding-bottom: 1rem; }
.collapse-arrow > summary > .collapse-title::after, .collapse-arrow > .collapse-title::after {
  content: ""; position: absolute; top: 50%; right: 1.4rem; width: 0.5rem; height: 0.5rem; border-right: 2px solid; border-bottom: 2px solid;
  transform: translateY(-75%) rotate(45deg); transition: transform 0.2s; opacity: 0.6;
}
details[open].collapse-arrow > summary > .collapse-title::after, details[open].collapse-arrow > .collapse-title::after { transform: translateY(-25%) rotate(225deg); }
details.collapse > summary.collapse-title { display: block; }

/* Progress */
.progress { appearance: none; -webkit-appearance: none; display: block; height: 0.5rem; width: 100%; border-radius: var(--radius-box); background: color-mix(in oklab, var(--color-base-content) 15%, transparent); color: var(--color-base-content); overflow: hidden; }
.progress::-webkit-progress-bar { background: transparent; border-radius: var(--radius-box); }
.progress::-webkit-progress-value { background: currentColor; border-radius: var(--radius-box); }
.progress::-moz-progress-bar { background: currentColor; border-radius: var(--radius-box); }
.progress-primary { color: var(--color-primary); }

/* Range */
.range { appearance: none; -webkit-appearance: none; width: 100%; height: 1.5rem; background: transparent; cursor: pointer; color: var(--color-base-content); --range-thumb: 1.5rem; --range-track: 0.5rem; }
.range-sm { height: 1rem; --range-thumb: 1rem; --range-track: 0.375rem; }
.range:focus-visible { outline: none; }
.range::-webkit-slider-runnable-track { height: var(--range-track); border-radius: 9999px; background: color-mix(in oklab, var(--color-base-content) 12%, transparent); overflow: hidden; }
.range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; height: var(--range-thumb); width: var(--range-thumb); border-radius: 9999px; background: currentColor;
  margin-top: calc((var(--range-track) - var(--range-thumb)) / 2); border: 3px solid var(--color-base-100); box-shadow: calc(-100vw - var(--range-thumb)) 0 0 100vw currentColor;
}
.range::-moz-range-track { height: var(--range-track); border-radius: 9999px; background: color-mix(in oklab, var(--color-base-content) 12%, transparent); }
.range::-moz-range-progress { height: var(--range-track); border-radius: 9999px; background: currentColor; }
.range::-moz-range-thumb { height: var(--range-thumb); width: var(--range-thumb); border-radius: 9999px; background: currentColor; border: 3px solid var(--color-base-100); }
.range:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.range-primary { color: var(--color-primary); }

/* Form controls */
.input, .select, .textarea, .file-input {
  display: inline-flex; align-items: center; gap: 0.5rem; width: 100%; font-size: 0.875rem; line-height: 1.5;
  border: 1px solid color-mix(in oklab, var(--color-base-content) 20%, transparent); border-radius: var(--radius-field);
  background: var(--color-base-100); color: var(--color-base-content); transition: border-color 0.2s, box-shadow 0.2s;
}
.input, .select, .file-input { height: 2.5rem; padding-inline: 0.75rem; }
.textarea { min-height: 5rem; padding: 0.5rem 0.75rem; }
.input:focus, .input:focus-within, .select:focus, .textarea:focus, .file-input:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; border-color: var(--color-primary); }
.input-sm, .select-sm { height: 2rem; font-size: 0.75rem; padding-inline: 0.625rem; }
.input-error, .textarea-error, .select-error { border-color: var(--color-error); }
.input-error:focus, .input-error:focus-within { outline-color: var(--color-error); }
.input > input, .input > span > input { flex: 1 1 auto; min-width: 0; width: 100%; height: 100%; border: 0; outline: none; background: transparent; padding: 0; }
.select { appearance: none; -webkit-appearance: none; padding-inline-end: 2.25rem; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 20px) calc(50% - 1px), calc(100% - 15.5px) calc(50% - 1px); background-size: 4.5px 4.5px, 4.5px 4.5px; background-repeat: no-repeat; }
.select option { color: var(--color-base-content); background: var(--color-base-100); }
.file-input { padding-inline-start: 0; cursor: pointer; }
.file-input::file-selector-button { height: 100%; margin-inline-end: 0.75rem; padding-inline: 1rem; border: 0; border-inline-end: 1px solid color-mix(in oklab, var(--color-base-content) 20%, transparent); background: var(--color-base-200); color: var(--color-base-content); font-weight: 600; font-size: 0.875rem; cursor: pointer; }
.checkbox, .radio {
  appearance: none; -webkit-appearance: none; flex-shrink: 0; width: 1.5rem; height: 1.5rem; cursor: pointer; vertical-align: middle; position: relative;
  border: 1px solid color-mix(in oklab, var(--color-base-content) 25%, transparent); background: var(--color-base-100); transition: background-color 0.15s, border-color 0.15s;
}
.checkbox { border-radius: var(--radius-selector); }
.radio { border-radius: 9999px; }
.checkbox-sm { width: 1.25rem; height: 1.25rem; }
.radio-sm { width: 1.25rem; height: 1.25rem; }
.checkbox:checked, .radio:checked { background: var(--color-base-content); border-color: var(--color-base-content); }
.checkbox-primary:checked, .radio-primary:checked { background: var(--color-primary); border-color: var(--color-primary); }
.checkbox:checked::after { content: ""; position: absolute; left: 50%; top: 45%; width: 30%; height: 55%; border: solid var(--color-base-100); border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); }
.checkbox-primary:checked::after { border-color: var(--color-primary-content); }
.radio:checked::after { content: ""; position: absolute; inset: 25%; border-radius: 9999px; background: var(--color-base-100); }
.radio-primary:checked::after { background: var(--color-primary-content); }
.checkbox:disabled, .radio:disabled { opacity: 0.4; cursor: not-allowed; }
.label { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.875rem; color: color-mix(in oklab, var(--color-base-content) 70%, transparent); white-space: nowrap; }
.label.cursor-pointer { cursor: pointer; }
.label-text { color: var(--color-base-content); }

/* Join */
.join { display: inline-flex; align-items: stretch; border-radius: var(--radius-field); }
.join > .join-item:not(:first-child) { border-start-start-radius: 0; border-end-start-radius: 0; margin-inline-start: -1px; }
.join > .join-item:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; }

/* Divider */
.divider { display: flex; flex-direction: row; align-items: center; align-self: stretch; height: 1rem; margin: 1rem 0; white-space: nowrap; font-size: 0.75rem; color: color-mix(in oklab, var(--color-base-content) 60%, transparent); }
.divider::before, .divider::after { content: ""; flex-grow: 1; height: 1px; background: color-mix(in oklab, var(--color-base-content) 10%, transparent); }
.divider:not(:empty) { gap: 1rem; }

/* Loading */
.loading { display: inline-block; width: 1.5rem; aspect-ratio: 1; flex-shrink: 0; }
.loading-spinner { border-radius: 50%; border: 3px solid currentColor; border-right-color: transparent; animation: spin 0.8s linear infinite; }
.loading-lg { width: 2.5rem; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Indicator */
.indicator { position: relative; display: inline-flex; width: max-content; }
.indicator-item { position: absolute; z-index: 1; top: 0; right: 0; transform: translate(50%, -50%); white-space: nowrap; }

/* Avatar */
.avatar { position: relative; display: inline-flex; }
.avatar > div { aspect-ratio: 1 / 1; overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }

/* Breadcrumbs */
.breadcrumbs { max-width: 100%; overflow-x: auto; padding: 0.5rem 0; }
.breadcrumbs > ul { display: flex; align-items: center; white-space: nowrap; min-height: min-content; }
.breadcrumbs > ul > li { display: flex; align-items: center; }
.breadcrumbs > ul > li > a:hover { text-decoration: underline; }
.breadcrumbs > ul > li + li::before { content: ""; display: block; margin: 0 0.75rem 0 0.5rem; width: 0.375rem; height: 0.375rem; opacity: 0.4; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); }

/* Link */
.link { cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.link-primary { color: var(--color-primary); }
.link-error { color: var(--color-error); }
.link:hover { opacity: 0.85; }

/* Toast */
.toast { position: fixed; display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; min-width: fit-content; bottom: 0; right: 0; }
.toast-top { top: 0; bottom: auto; }
.toast-end { right: 0; left: auto; }

/* Entrance animations */
@keyframes fade-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slide-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fade-in 0.4s ease-out; }
.animate-slide-up { animation: slide-up 0.5s ease-out; }
.flash-banner { animation: fade-in 0.3s ease-out; }
.flash-banner.flash-leaving { animation: flash-out 0.4s ease-in forwards; }
@keyframes flash-out { to { opacity: 0; transform: translateY(-10px); } }

/* ---------- 4. Utilities (generated by gen-utilities.py) ----------------- */
.block { display:block }
.inline { display:inline }
.inline-block { display:inline-block }
.flex { display:flex }
.inline-flex { display:inline-flex }
.grid { display:grid }
.inline-grid { display:inline-grid }
.hidden { display:none }
.contents { display:contents }
.flex-row { flex-direction:row }
.flex-col { flex-direction:column }
.flex-wrap { flex-wrap:wrap }
.flex-nowrap { flex-wrap:nowrap }
.flex-1 { flex:1 1 0% }
.flex-none { flex:none }
.flex-auto { flex:1 1 auto }
.grow { flex-grow:1 }
.shrink-0 { flex-shrink:0 }
.shrink { flex-shrink:1 }
.items-center { align-items:center }
.items-start { align-items:flex-start }
.items-end { align-items:flex-end }
.items-baseline { align-items:baseline }
.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 }
.justify-items-start { justify-items:start }
.self-center { align-self:center }
.self-start { align-self:flex-start }
.self-end { align-self:flex-end }
.self-stretch { align-self:stretch }
.place-items-center { place-items:center }
.content-start { align-content:flex-start }
.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-5 { grid-template-columns:repeat(5, minmax(0, 1fr)) }
.grid-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)) }
.grid-cols-7 { grid-template-columns:repeat(7, minmax(0, 1fr)) }
.grid-cols-12 { grid-template-columns:repeat(12, minmax(0, 1fr)) }
.col-span-2 { grid-column:span 2 / span 2 }
.col-span-3 { grid-column:span 3 / span 3 }
.col-span-4 { grid-column:span 4 / span 4 }
.col-span-5 { grid-column:span 5 / span 5 }
.col-span-6 { grid-column:span 6 / span 6 }
.col-span-full { grid-column:1 / -1 }
.row-span-2 { grid-row:span 2 / span 2 }
.relative { position:relative }
.absolute { position:absolute }
.fixed { position:fixed }
.sticky { position:sticky }
.static { position:static }
.inset-0 { inset:0 }
.-inset-8 { inset:-2rem }
.top-0 { top:0 }
.top-6 { top:1.5rem }
.top-12 { top:3rem }
.top-16 { top:4rem }
.top-20 { top:5rem }
.right-0 { right:0 }
.right-2 { right:0.5rem }
.right-6 { right:1.5rem }
.left-0 { left:0 }
.left-4 { left:1rem }
.bottom-0 { bottom:0 }
.-top-16 { top:-4rem }
.-top-32 { top:-8rem }
.-top-40 { top:-10rem }
.-right-6 { right:-1.5rem }
.-right-16 { right:-4rem }
.-right-32 { right:-8rem }
.-right-48 { right:-12rem }
.-left-32 { left:-8rem }
.-left-40 { left:-10rem }
.-bottom-40 { bottom:-10rem }
.z-0 { z-index:0 }
.z-1 { z-index:1 }
.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-60 { z-index:60 }
.z-70 { z-index:70 }
.-z-10 { z-index:-10 }
.overflow-hidden { overflow:hidden }
.overflow-x-auto { overflow-x:auto }
.overflow-y-auto { overflow-y:auto }
.overflow-auto { overflow:auto }
.overflow-visible { overflow:visible }
.pointer-events-none { pointer-events:none }
.cursor-pointer { cursor:pointer }
.cursor-default { cursor:default }
.cursor-not-allowed { cursor:not-allowed }
.select-none { user-select:none }
.appearance-none { appearance:none }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0 }
.scroll-mt-20 { scroll-margin-top:5rem }
.scroll-mt-24 { scroll-margin-top:6rem }
.p-0 { padding:0 }
.p-px { padding:1px }
.p-0\.5 { padding:0.125rem }
.p-1 { padding:0.25rem }
.p-1\.5 { padding:0.375rem }
.p-2 { padding:0.5rem }
.p-2\.5 { padding:0.625rem }
.p-3 { padding:0.75rem }
.p-3\.5 { padding:0.875rem }
.p-4 { padding:1rem }
.p-5 { padding:1.25rem }
.p-6 { padding:1.5rem }
.p-7 { padding:1.75rem }
.p-8 { padding:2rem }
.p-9 { padding:2.25rem }
.p-10 { padding:2.5rem }
.p-11 { padding:2.75rem }
.p-12 { padding:3rem }
.p-13 { padding:3.25rem }
.p-14 { padding:3.5rem }
.p-16 { padding:4rem }
.p-18 { padding:4.5rem }
.p-20 { padding:5rem }
.p-24 { padding:6rem }
.p-28 { padding:7rem }
.p-32 { padding:8rem }
.p-36 { padding:9rem }
.p-40 { padding:10rem }
.p-44 { padding:11rem }
.p-48 { padding:12rem }
.p-52 { padding:13rem }
.p-56 { padding:14rem }
.p-60 { padding:15rem }
.p-64 { padding:16rem }
.p-72 { padding:18rem }
.p-80 { padding:20rem }
.p-96 { padding:24rem }
.px-0 { padding-left:0;padding-right:0 }
.px-px { padding-left:1px;padding-right:1px }
.px-0\.5 { padding-left:0.125rem;padding-right:0.125rem }
.px-1 { padding-left:0.25rem;padding-right:0.25rem }
.px-1\.5 { padding-left:0.375rem;padding-right:0.375rem }
.px-2 { padding-left:0.5rem;padding-right:0.5rem }
.px-2\.5 { padding-left:0.625rem;padding-right:0.625rem }
.px-3 { padding-left:0.75rem;padding-right:0.75rem }
.px-3\.5 { padding-left:0.875rem;padding-right:0.875rem }
.px-4 { padding-left:1rem;padding-right:1rem }
.px-5 { padding-left:1.25rem;padding-right:1.25rem }
.px-6 { padding-left:1.5rem;padding-right:1.5rem }
.px-7 { padding-left:1.75rem;padding-right:1.75rem }
.px-8 { padding-left:2rem;padding-right:2rem }
.px-9 { padding-left:2.25rem;padding-right:2.25rem }
.px-10 { padding-left:2.5rem;padding-right:2.5rem }
.px-11 { padding-left:2.75rem;padding-right:2.75rem }
.px-12 { padding-left:3rem;padding-right:3rem }
.px-13 { padding-left:3.25rem;padding-right:3.25rem }
.px-14 { padding-left:3.5rem;padding-right:3.5rem }
.px-16 { padding-left:4rem;padding-right:4rem }
.px-18 { padding-left:4.5rem;padding-right:4.5rem }
.px-20 { padding-left:5rem;padding-right:5rem }
.px-24 { padding-left:6rem;padding-right:6rem }
.px-28 { padding-left:7rem;padding-right:7rem }
.px-32 { padding-left:8rem;padding-right:8rem }
.px-36 { padding-left:9rem;padding-right:9rem }
.px-40 { padding-left:10rem;padding-right:10rem }
.px-44 { padding-left:11rem;padding-right:11rem }
.px-48 { padding-left:12rem;padding-right:12rem }
.px-52 { padding-left:13rem;padding-right:13rem }
.px-56 { padding-left:14rem;padding-right:14rem }
.px-60 { padding-left:15rem;padding-right:15rem }
.px-64 { padding-left:16rem;padding-right:16rem }
.px-72 { padding-left:18rem;padding-right:18rem }
.px-80 { padding-left:20rem;padding-right:20rem }
.px-96 { padding-left:24rem;padding-right:24rem }
.py-0 { padding-top:0;padding-bottom:0 }
.py-px { padding-top:1px;padding-bottom:1px }
.py-0\.5 { padding-top:0.125rem;padding-bottom:0.125rem }
.py-1 { padding-top:0.25rem;padding-bottom:0.25rem }
.py-1\.5 { padding-top:0.375rem;padding-bottom:0.375rem }
.py-2 { padding-top:0.5rem;padding-bottom:0.5rem }
.py-2\.5 { padding-top:0.625rem;padding-bottom:0.625rem }
.py-3 { padding-top:0.75rem;padding-bottom:0.75rem }
.py-3\.5 { padding-top:0.875rem;padding-bottom:0.875rem }
.py-4 { padding-top:1rem;padding-bottom:1rem }
.py-5 { padding-top:1.25rem;padding-bottom:1.25rem }
.py-6 { padding-top:1.5rem;padding-bottom:1.5rem }
.py-7 { padding-top:1.75rem;padding-bottom:1.75rem }
.py-8 { padding-top:2rem;padding-bottom:2rem }
.py-9 { padding-top:2.25rem;padding-bottom:2.25rem }
.py-10 { padding-top:2.5rem;padding-bottom:2.5rem }
.py-11 { padding-top:2.75rem;padding-bottom:2.75rem }
.py-12 { padding-top:3rem;padding-bottom:3rem }
.py-13 { padding-top:3.25rem;padding-bottom:3.25rem }
.py-14 { padding-top:3.5rem;padding-bottom:3.5rem }
.py-16 { padding-top:4rem;padding-bottom:4rem }
.py-18 { padding-top:4.5rem;padding-bottom:4.5rem }
.py-20 { padding-top:5rem;padding-bottom:5rem }
.py-24 { padding-top:6rem;padding-bottom:6rem }
.py-28 { padding-top:7rem;padding-bottom:7rem }
.py-32 { padding-top:8rem;padding-bottom:8rem }
.py-36 { padding-top:9rem;padding-bottom:9rem }
.py-40 { padding-top:10rem;padding-bottom:10rem }
.py-44 { padding-top:11rem;padding-bottom:11rem }
.py-48 { padding-top:12rem;padding-bottom:12rem }
.py-52 { padding-top:13rem;padding-bottom:13rem }
.py-56 { padding-top:14rem;padding-bottom:14rem }
.py-60 { padding-top:15rem;padding-bottom:15rem }
.py-64 { padding-top:16rem;padding-bottom:16rem }
.py-72 { padding-top:18rem;padding-bottom:18rem }
.py-80 { padding-top:20rem;padding-bottom:20rem }
.py-96 { padding-top:24rem;padding-bottom:24rem }
.pt-0 { padding-top:0 }
.pt-px { padding-top:1px }
.pt-0\.5 { padding-top:0.125rem }
.pt-1 { padding-top:0.25rem }
.pt-1\.5 { padding-top:0.375rem }
.pt-2 { padding-top:0.5rem }
.pt-2\.5 { padding-top:0.625rem }
.pt-3 { padding-top:0.75rem }
.pt-3\.5 { padding-top:0.875rem }
.pt-4 { padding-top:1rem }
.pt-5 { padding-top:1.25rem }
.pt-6 { padding-top:1.5rem }
.pt-7 { padding-top:1.75rem }
.pt-8 { padding-top:2rem }
.pt-9 { padding-top:2.25rem }
.pt-10 { padding-top:2.5rem }
.pt-11 { padding-top:2.75rem }
.pt-12 { padding-top:3rem }
.pt-13 { padding-top:3.25rem }
.pt-14 { padding-top:3.5rem }
.pt-16 { padding-top:4rem }
.pt-18 { padding-top:4.5rem }
.pt-20 { padding-top:5rem }
.pt-24 { padding-top:6rem }
.pt-28 { padding-top:7rem }
.pt-32 { padding-top:8rem }
.pt-36 { padding-top:9rem }
.pt-40 { padding-top:10rem }
.pt-44 { padding-top:11rem }
.pt-48 { padding-top:12rem }
.pt-52 { padding-top:13rem }
.pt-56 { padding-top:14rem }
.pt-60 { padding-top:15rem }
.pt-64 { padding-top:16rem }
.pt-72 { padding-top:18rem }
.pt-80 { padding-top:20rem }
.pt-96 { padding-top:24rem }
.pb-0 { padding-bottom:0 }
.pb-px { padding-bottom:1px }
.pb-0\.5 { padding-bottom:0.125rem }
.pb-1 { padding-bottom:0.25rem }
.pb-1\.5 { padding-bottom:0.375rem }
.pb-2 { padding-bottom:0.5rem }
.pb-2\.5 { padding-bottom:0.625rem }
.pb-3 { padding-bottom:0.75rem }
.pb-3\.5 { padding-bottom:0.875rem }
.pb-4 { padding-bottom:1rem }
.pb-5 { padding-bottom:1.25rem }
.pb-6 { padding-bottom:1.5rem }
.pb-7 { padding-bottom:1.75rem }
.pb-8 { padding-bottom:2rem }
.pb-9 { padding-bottom:2.25rem }
.pb-10 { padding-bottom:2.5rem }
.pb-11 { padding-bottom:2.75rem }
.pb-12 { padding-bottom:3rem }
.pb-13 { padding-bottom:3.25rem }
.pb-14 { padding-bottom:3.5rem }
.pb-16 { padding-bottom:4rem }
.pb-18 { padding-bottom:4.5rem }
.pb-20 { padding-bottom:5rem }
.pb-24 { padding-bottom:6rem }
.pb-28 { padding-bottom:7rem }
.pb-32 { padding-bottom:8rem }
.pb-36 { padding-bottom:9rem }
.pb-40 { padding-bottom:10rem }
.pb-44 { padding-bottom:11rem }
.pb-48 { padding-bottom:12rem }
.pb-52 { padding-bottom:13rem }
.pb-56 { padding-bottom:14rem }
.pb-60 { padding-bottom:15rem }
.pb-64 { padding-bottom:16rem }
.pb-72 { padding-bottom:18rem }
.pb-80 { padding-bottom:20rem }
.pb-96 { padding-bottom:24rem }
.pl-0 { padding-left:0 }
.pl-px { padding-left:1px }
.pl-0\.5 { padding-left:0.125rem }
.pl-1 { padding-left:0.25rem }
.pl-1\.5 { padding-left:0.375rem }
.pl-2 { padding-left:0.5rem }
.pl-2\.5 { padding-left:0.625rem }
.pl-3 { padding-left:0.75rem }
.pl-3\.5 { padding-left:0.875rem }
.pl-4 { padding-left:1rem }
.pl-5 { padding-left:1.25rem }
.pl-6 { padding-left:1.5rem }
.pl-7 { padding-left:1.75rem }
.pl-8 { padding-left:2rem }
.pl-9 { padding-left:2.25rem }
.pl-10 { padding-left:2.5rem }
.pl-11 { padding-left:2.75rem }
.pl-12 { padding-left:3rem }
.pl-13 { padding-left:3.25rem }
.pl-14 { padding-left:3.5rem }
.pl-16 { padding-left:4rem }
.pl-18 { padding-left:4.5rem }
.pl-20 { padding-left:5rem }
.pl-24 { padding-left:6rem }
.pl-28 { padding-left:7rem }
.pl-32 { padding-left:8rem }
.pl-36 { padding-left:9rem }
.pl-40 { padding-left:10rem }
.pl-44 { padding-left:11rem }
.pl-48 { padding-left:12rem }
.pl-52 { padding-left:13rem }
.pl-56 { padding-left:14rem }
.pl-60 { padding-left:15rem }
.pl-64 { padding-left:16rem }
.pl-72 { padding-left:18rem }
.pl-80 { padding-left:20rem }
.pl-96 { padding-left:24rem }
.pr-0 { padding-right:0 }
.pr-px { padding-right:1px }
.pr-0\.5 { padding-right:0.125rem }
.pr-1 { padding-right:0.25rem }
.pr-1\.5 { padding-right:0.375rem }
.pr-2 { padding-right:0.5rem }
.pr-2\.5 { padding-right:0.625rem }
.pr-3 { padding-right:0.75rem }
.pr-3\.5 { padding-right:0.875rem }
.pr-4 { padding-right:1rem }
.pr-5 { padding-right:1.25rem }
.pr-6 { padding-right:1.5rem }
.pr-7 { padding-right:1.75rem }
.pr-8 { padding-right:2rem }
.pr-9 { padding-right:2.25rem }
.pr-10 { padding-right:2.5rem }
.pr-11 { padding-right:2.75rem }
.pr-12 { padding-right:3rem }
.pr-13 { padding-right:3.25rem }
.pr-14 { padding-right:3.5rem }
.pr-16 { padding-right:4rem }
.pr-18 { padding-right:4.5rem }
.pr-20 { padding-right:5rem }
.pr-24 { padding-right:6rem }
.pr-28 { padding-right:7rem }
.pr-32 { padding-right:8rem }
.pr-36 { padding-right:9rem }
.pr-40 { padding-right:10rem }
.pr-44 { padding-right:11rem }
.pr-48 { padding-right:12rem }
.pr-52 { padding-right:13rem }
.pr-56 { padding-right:14rem }
.pr-60 { padding-right:15rem }
.pr-64 { padding-right:16rem }
.pr-72 { padding-right:18rem }
.pr-80 { padding-right:20rem }
.pr-96 { padding-right:24rem }
.m-0 { margin:0 }
.m-px { margin:1px }
.m-0\.5 { margin:0.125rem }
.m-1 { margin:0.25rem }
.m-1\.5 { margin:0.375rem }
.m-2 { margin:0.5rem }
.m-2\.5 { margin:0.625rem }
.m-3 { margin:0.75rem }
.m-3\.5 { margin:0.875rem }
.m-4 { margin:1rem }
.m-5 { margin:1.25rem }
.m-6 { margin:1.5rem }
.m-7 { margin:1.75rem }
.m-8 { margin:2rem }
.m-9 { margin:2.25rem }
.m-10 { margin:2.5rem }
.m-11 { margin:2.75rem }
.m-12 { margin:3rem }
.m-13 { margin:3.25rem }
.m-14 { margin:3.5rem }
.m-16 { margin:4rem }
.m-18 { margin:4.5rem }
.m-20 { margin:5rem }
.m-24 { margin:6rem }
.m-28 { margin:7rem }
.m-32 { margin:8rem }
.m-36 { margin:9rem }
.m-40 { margin:10rem }
.m-44 { margin:11rem }
.m-48 { margin:12rem }
.m-52 { margin:13rem }
.m-56 { margin:14rem }
.m-60 { margin:15rem }
.m-64 { margin:16rem }
.m-72 { margin:18rem }
.m-80 { margin:20rem }
.m-96 { margin:24rem }
.mx-0 { margin-left:0;margin-right:0 }
.mx-px { margin-left:1px;margin-right:1px }
.mx-0\.5 { margin-left:0.125rem;margin-right:0.125rem }
.mx-1 { margin-left:0.25rem;margin-right:0.25rem }
.mx-1\.5 { margin-left:0.375rem;margin-right:0.375rem }
.mx-2 { margin-left:0.5rem;margin-right:0.5rem }
.mx-2\.5 { margin-left:0.625rem;margin-right:0.625rem }
.mx-3 { margin-left:0.75rem;margin-right:0.75rem }
.mx-3\.5 { margin-left:0.875rem;margin-right:0.875rem }
.mx-4 { margin-left:1rem;margin-right:1rem }
.mx-5 { margin-left:1.25rem;margin-right:1.25rem }
.mx-6 { margin-left:1.5rem;margin-right:1.5rem }
.mx-7 { margin-left:1.75rem;margin-right:1.75rem }
.mx-8 { margin-left:2rem;margin-right:2rem }
.mx-9 { margin-left:2.25rem;margin-right:2.25rem }
.mx-10 { margin-left:2.5rem;margin-right:2.5rem }
.mx-11 { margin-left:2.75rem;margin-right:2.75rem }
.mx-12 { margin-left:3rem;margin-right:3rem }
.mx-13 { margin-left:3.25rem;margin-right:3.25rem }
.mx-14 { margin-left:3.5rem;margin-right:3.5rem }
.mx-16 { margin-left:4rem;margin-right:4rem }
.mx-18 { margin-left:4.5rem;margin-right:4.5rem }
.mx-20 { margin-left:5rem;margin-right:5rem }
.mx-24 { margin-left:6rem;margin-right:6rem }
.mx-28 { margin-left:7rem;margin-right:7rem }
.mx-32 { margin-left:8rem;margin-right:8rem }
.mx-36 { margin-left:9rem;margin-right:9rem }
.mx-40 { margin-left:10rem;margin-right:10rem }
.mx-44 { margin-left:11rem;margin-right:11rem }
.mx-48 { margin-left:12rem;margin-right:12rem }
.mx-52 { margin-left:13rem;margin-right:13rem }
.mx-56 { margin-left:14rem;margin-right:14rem }
.mx-60 { margin-left:15rem;margin-right:15rem }
.mx-64 { margin-left:16rem;margin-right:16rem }
.mx-72 { margin-left:18rem;margin-right:18rem }
.mx-80 { margin-left:20rem;margin-right:20rem }
.mx-96 { margin-left:24rem;margin-right:24rem }
.my-0 { margin-top:0;margin-bottom:0 }
.my-px { margin-top:1px;margin-bottom:1px }
.my-0\.5 { margin-top:0.125rem;margin-bottom:0.125rem }
.my-1 { margin-top:0.25rem;margin-bottom:0.25rem }
.my-1\.5 { margin-top:0.375rem;margin-bottom:0.375rem }
.my-2 { margin-top:0.5rem;margin-bottom:0.5rem }
.my-2\.5 { margin-top:0.625rem;margin-bottom:0.625rem }
.my-3 { margin-top:0.75rem;margin-bottom:0.75rem }
.my-3\.5 { margin-top:0.875rem;margin-bottom:0.875rem }
.my-4 { margin-top:1rem;margin-bottom:1rem }
.my-5 { margin-top:1.25rem;margin-bottom:1.25rem }
.my-6 { margin-top:1.5rem;margin-bottom:1.5rem }
.my-7 { margin-top:1.75rem;margin-bottom:1.75rem }
.my-8 { margin-top:2rem;margin-bottom:2rem }
.my-9 { margin-top:2.25rem;margin-bottom:2.25rem }
.my-10 { margin-top:2.5rem;margin-bottom:2.5rem }
.my-11 { margin-top:2.75rem;margin-bottom:2.75rem }
.my-12 { margin-top:3rem;margin-bottom:3rem }
.my-13 { margin-top:3.25rem;margin-bottom:3.25rem }
.my-14 { margin-top:3.5rem;margin-bottom:3.5rem }
.my-16 { margin-top:4rem;margin-bottom:4rem }
.my-18 { margin-top:4.5rem;margin-bottom:4.5rem }
.my-20 { margin-top:5rem;margin-bottom:5rem }
.my-24 { margin-top:6rem;margin-bottom:6rem }
.my-28 { margin-top:7rem;margin-bottom:7rem }
.my-32 { margin-top:8rem;margin-bottom:8rem }
.my-36 { margin-top:9rem;margin-bottom:9rem }
.my-40 { margin-top:10rem;margin-bottom:10rem }
.my-44 { margin-top:11rem;margin-bottom:11rem }
.my-48 { margin-top:12rem;margin-bottom:12rem }
.my-52 { margin-top:13rem;margin-bottom:13rem }
.my-56 { margin-top:14rem;margin-bottom:14rem }
.my-60 { margin-top:15rem;margin-bottom:15rem }
.my-64 { margin-top:16rem;margin-bottom:16rem }
.my-72 { margin-top:18rem;margin-bottom:18rem }
.my-80 { margin-top:20rem;margin-bottom:20rem }
.my-96 { margin-top:24rem;margin-bottom:24rem }
.mt-0 { margin-top:0 }
.mt-px { margin-top:1px }
.mt-0\.5 { margin-top:0.125rem }
.mt-1 { margin-top:0.25rem }
.mt-1\.5 { margin-top:0.375rem }
.mt-2 { margin-top:0.5rem }
.mt-2\.5 { margin-top:0.625rem }
.mt-3 { margin-top:0.75rem }
.mt-3\.5 { margin-top:0.875rem }
.mt-4 { margin-top:1rem }
.mt-5 { margin-top:1.25rem }
.mt-6 { margin-top:1.5rem }
.mt-7 { margin-top:1.75rem }
.mt-8 { margin-top:2rem }
.mt-9 { margin-top:2.25rem }
.mt-10 { margin-top:2.5rem }
.mt-11 { margin-top:2.75rem }
.mt-12 { margin-top:3rem }
.mt-13 { margin-top:3.25rem }
.mt-14 { margin-top:3.5rem }
.mt-16 { margin-top:4rem }
.mt-18 { margin-top:4.5rem }
.mt-20 { margin-top:5rem }
.mt-24 { margin-top:6rem }
.mt-28 { margin-top:7rem }
.mt-32 { margin-top:8rem }
.mt-36 { margin-top:9rem }
.mt-40 { margin-top:10rem }
.mt-44 { margin-top:11rem }
.mt-48 { margin-top:12rem }
.mt-52 { margin-top:13rem }
.mt-56 { margin-top:14rem }
.mt-60 { margin-top:15rem }
.mt-64 { margin-top:16rem }
.mt-72 { margin-top:18rem }
.mt-80 { margin-top:20rem }
.mt-96 { margin-top:24rem }
.mb-0 { margin-bottom:0 }
.mb-px { margin-bottom:1px }
.mb-0\.5 { margin-bottom:0.125rem }
.mb-1 { margin-bottom:0.25rem }
.mb-1\.5 { margin-bottom:0.375rem }
.mb-2 { margin-bottom:0.5rem }
.mb-2\.5 { margin-bottom:0.625rem }
.mb-3 { margin-bottom:0.75rem }
.mb-3\.5 { margin-bottom:0.875rem }
.mb-4 { margin-bottom:1rem }
.mb-5 { margin-bottom:1.25rem }
.mb-6 { margin-bottom:1.5rem }
.mb-7 { margin-bottom:1.75rem }
.mb-8 { margin-bottom:2rem }
.mb-9 { margin-bottom:2.25rem }
.mb-10 { margin-bottom:2.5rem }
.mb-11 { margin-bottom:2.75rem }
.mb-12 { margin-bottom:3rem }
.mb-13 { margin-bottom:3.25rem }
.mb-14 { margin-bottom:3.5rem }
.mb-16 { margin-bottom:4rem }
.mb-18 { margin-bottom:4.5rem }
.mb-20 { margin-bottom:5rem }
.mb-24 { margin-bottom:6rem }
.mb-28 { margin-bottom:7rem }
.mb-32 { margin-bottom:8rem }
.mb-36 { margin-bottom:9rem }
.mb-40 { margin-bottom:10rem }
.mb-44 { margin-bottom:11rem }
.mb-48 { margin-bottom:12rem }
.mb-52 { margin-bottom:13rem }
.mb-56 { margin-bottom:14rem }
.mb-60 { margin-bottom:15rem }
.mb-64 { margin-bottom:16rem }
.mb-72 { margin-bottom:18rem }
.mb-80 { margin-bottom:20rem }
.mb-96 { margin-bottom:24rem }
.ml-0 { margin-left:0 }
.ml-px { margin-left:1px }
.ml-0\.5 { margin-left:0.125rem }
.ml-1 { margin-left:0.25rem }
.ml-1\.5 { margin-left:0.375rem }
.ml-2 { margin-left:0.5rem }
.ml-2\.5 { margin-left:0.625rem }
.ml-3 { margin-left:0.75rem }
.ml-3\.5 { margin-left:0.875rem }
.ml-4 { margin-left:1rem }
.ml-5 { margin-left:1.25rem }
.ml-6 { margin-left:1.5rem }
.ml-7 { margin-left:1.75rem }
.ml-8 { margin-left:2rem }
.ml-9 { margin-left:2.25rem }
.ml-10 { margin-left:2.5rem }
.ml-11 { margin-left:2.75rem }
.ml-12 { margin-left:3rem }
.ml-13 { margin-left:3.25rem }
.ml-14 { margin-left:3.5rem }
.ml-16 { margin-left:4rem }
.ml-18 { margin-left:4.5rem }
.ml-20 { margin-left:5rem }
.ml-24 { margin-left:6rem }
.ml-28 { margin-left:7rem }
.ml-32 { margin-left:8rem }
.ml-36 { margin-left:9rem }
.ml-40 { margin-left:10rem }
.ml-44 { margin-left:11rem }
.ml-48 { margin-left:12rem }
.ml-52 { margin-left:13rem }
.ml-56 { margin-left:14rem }
.ml-60 { margin-left:15rem }
.ml-64 { margin-left:16rem }
.ml-72 { margin-left:18rem }
.ml-80 { margin-left:20rem }
.ml-96 { margin-left:24rem }
.mr-0 { margin-right:0 }
.mr-px { margin-right:1px }
.mr-0\.5 { margin-right:0.125rem }
.mr-1 { margin-right:0.25rem }
.mr-1\.5 { margin-right:0.375rem }
.mr-2 { margin-right:0.5rem }
.mr-2\.5 { margin-right:0.625rem }
.mr-3 { margin-right:0.75rem }
.mr-3\.5 { margin-right:0.875rem }
.mr-4 { margin-right:1rem }
.mr-5 { margin-right:1.25rem }
.mr-6 { margin-right:1.5rem }
.mr-7 { margin-right:1.75rem }
.mr-8 { margin-right:2rem }
.mr-9 { margin-right:2.25rem }
.mr-10 { margin-right:2.5rem }
.mr-11 { margin-right:2.75rem }
.mr-12 { margin-right:3rem }
.mr-13 { margin-right:3.25rem }
.mr-14 { margin-right:3.5rem }
.mr-16 { margin-right:4rem }
.mr-18 { margin-right:4.5rem }
.mr-20 { margin-right:5rem }
.mr-24 { margin-right:6rem }
.mr-28 { margin-right:7rem }
.mr-32 { margin-right:8rem }
.mr-36 { margin-right:9rem }
.mr-40 { margin-right:10rem }
.mr-44 { margin-right:11rem }
.mr-48 { margin-right:12rem }
.mr-52 { margin-right:13rem }
.mr-56 { margin-right:14rem }
.mr-60 { margin-right:15rem }
.mr-64 { margin-right:16rem }
.mr-72 { margin-right:18rem }
.mr-80 { margin-right:20rem }
.mr-96 { margin-right:24rem }
.-mt-1 { margin-top:-0.25rem }
.-mx-1 { margin-left:-0.25rem;margin-right:-0.25rem }
.-ml-1 { margin-left:-0.25rem }
.-mt-2 { margin-top:-0.5rem }
.-mx-2 { margin-left:-0.5rem;margin-right:-0.5rem }
.-ml-2 { margin-left:-0.5rem }
.-mt-3 { margin-top:-0.75rem }
.-mx-3 { margin-left:-0.75rem;margin-right:-0.75rem }
.-ml-3 { margin-left:-0.75rem }
.-mt-4 { margin-top:-1rem }
.-mx-4 { margin-left:-1rem;margin-right:-1rem }
.-ml-4 { margin-left:-1rem }
.mx-auto { margin-left:auto;margin-right:auto }
.ml-auto { margin-left:auto }
.mr-auto { margin-right:auto }
.mt-auto { margin-top:auto }
.gap-0 { gap:0 }
.gap-x-0 { column-gap:0 }
.gap-y-0 { row-gap:0 }
.gap-px { gap:1px }
.gap-x-px { column-gap:1px }
.gap-y-px { row-gap:1px }
.gap-0\.5 { gap:0.125rem }
.gap-x-0\.5 { column-gap:0.125rem }
.gap-y-0\.5 { row-gap:0.125rem }
.gap-1 { gap:0.25rem }
.gap-x-1 { column-gap:0.25rem }
.gap-y-1 { row-gap:0.25rem }
.gap-1\.5 { gap:0.375rem }
.gap-x-1\.5 { column-gap:0.375rem }
.gap-y-1\.5 { row-gap:0.375rem }
.gap-2 { gap:0.5rem }
.gap-x-2 { column-gap:0.5rem }
.gap-y-2 { row-gap:0.5rem }
.gap-2\.5 { gap:0.625rem }
.gap-x-2\.5 { column-gap:0.625rem }
.gap-y-2\.5 { row-gap:0.625rem }
.gap-3 { gap:0.75rem }
.gap-x-3 { column-gap:0.75rem }
.gap-y-3 { row-gap:0.75rem }
.gap-3\.5 { gap:0.875rem }
.gap-x-3\.5 { column-gap:0.875rem }
.gap-y-3\.5 { row-gap:0.875rem }
.gap-4 { gap:1rem }
.gap-x-4 { column-gap:1rem }
.gap-y-4 { row-gap:1rem }
.gap-5 { gap:1.25rem }
.gap-x-5 { column-gap:1.25rem }
.gap-y-5 { row-gap:1.25rem }
.gap-6 { gap:1.5rem }
.gap-x-6 { column-gap:1.5rem }
.gap-y-6 { row-gap:1.5rem }
.gap-7 { gap:1.75rem }
.gap-x-7 { column-gap:1.75rem }
.gap-y-7 { row-gap:1.75rem }
.gap-8 { gap:2rem }
.gap-x-8 { column-gap:2rem }
.gap-y-8 { row-gap:2rem }
.gap-9 { gap:2.25rem }
.gap-x-9 { column-gap:2.25rem }
.gap-y-9 { row-gap:2.25rem }
.gap-10 { gap:2.5rem }
.gap-x-10 { column-gap:2.5rem }
.gap-y-10 { row-gap:2.5rem }
.gap-11 { gap:2.75rem }
.gap-x-11 { column-gap:2.75rem }
.gap-y-11 { row-gap:2.75rem }
.gap-12 { gap:3rem }
.gap-x-12 { column-gap:3rem }
.gap-y-12 { row-gap:3rem }
.gap-13 { gap:3.25rem }
.gap-x-13 { column-gap:3.25rem }
.gap-y-13 { row-gap:3.25rem }
.gap-14 { gap:3.5rem }
.gap-x-14 { column-gap:3.5rem }
.gap-y-14 { row-gap:3.5rem }
.gap-16 { gap:4rem }
.gap-x-16 { column-gap:4rem }
.gap-y-16 { row-gap:4rem }
.gap-18 { gap:4.5rem }
.gap-x-18 { column-gap:4.5rem }
.gap-y-18 { row-gap:4.5rem }
.gap-20 { gap:5rem }
.gap-x-20 { column-gap:5rem }
.gap-y-20 { row-gap:5rem }
.gap-24 { gap:6rem }
.gap-x-24 { column-gap:6rem }
.gap-y-24 { row-gap:6rem }
.gap-28 { gap:7rem }
.gap-x-28 { column-gap:7rem }
.gap-y-28 { row-gap:7rem }
.gap-32 { gap:8rem }
.gap-x-32 { column-gap:8rem }
.gap-y-32 { row-gap:8rem }
.gap-36 { gap:9rem }
.gap-x-36 { column-gap:9rem }
.gap-y-36 { row-gap:9rem }
.gap-40 { gap:10rem }
.gap-x-40 { column-gap:10rem }
.gap-y-40 { row-gap:10rem }
.gap-44 { gap:11rem }
.gap-x-44 { column-gap:11rem }
.gap-y-44 { row-gap:11rem }
.gap-48 { gap:12rem }
.gap-x-48 { column-gap:12rem }
.gap-y-48 { row-gap:12rem }
.gap-52 { gap:13rem }
.gap-x-52 { column-gap:13rem }
.gap-y-52 { row-gap:13rem }
.gap-56 { gap:14rem }
.gap-x-56 { column-gap:14rem }
.gap-y-56 { row-gap:14rem }
.gap-60 { gap:15rem }
.gap-x-60 { column-gap:15rem }
.gap-y-60 { row-gap:15rem }
.gap-64 { gap:16rem }
.gap-x-64 { column-gap:16rem }
.gap-y-64 { row-gap:16rem }
.gap-72 { gap:18rem }
.gap-x-72 { column-gap:18rem }
.gap-y-72 { row-gap:18rem }
.gap-80 { gap:20rem }
.gap-x-80 { column-gap:20rem }
.gap-y-80 { row-gap:20rem }
.gap-96 { gap:24rem }
.gap-x-96 { column-gap:24rem }
.gap-y-96 { row-gap:24rem }
.space-y-0\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.125rem }
.space-x-0\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.125rem }
.space-y-1 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.25rem }
.space-x-1 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.25rem }
.space-y-1\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.375rem }
.space-x-1\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.375rem }
.space-y-2 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.5rem }
.space-x-2 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.5rem }
.space-y-2\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.625rem }
.space-x-2\.5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.625rem }
.space-y-3 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:0.75rem }
.space-x-3 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:0.75rem }
.space-y-4 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:1rem }
.space-x-4 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:1rem }
.space-y-5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:1.25rem }
.space-x-5 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:1.25rem }
.space-y-6 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:1.5rem }
.space-x-6 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:1.5rem }
.space-y-8 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-top:2rem }
.space-x-8 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { margin-left:2rem }
.w-0 { width:0 }
.h-0 { height:0 }
.size-0 { width:0;height:0 }
.min-w-0 { min-width:0 }
.max-w-0 { max-width:0 }
.max-h-0 { max-height:0 }
.min-h-0 { min-height:0 }
.w-px { width:1px }
.h-px { height:1px }
.size-px { width:1px;height:1px }
.min-w-px { min-width:1px }
.max-w-px { max-width:1px }
.max-h-px { max-height:1px }
.min-h-px { min-height:1px }
.w-0\.5 { width:0.125rem }
.h-0\.5 { height:0.125rem }
.size-0\.5 { width:0.125rem;height:0.125rem }
.min-w-0\.5 { min-width:0.125rem }
.max-w-0\.5 { max-width:0.125rem }
.max-h-0\.5 { max-height:0.125rem }
.min-h-0\.5 { min-height:0.125rem }
.w-1 { width:0.25rem }
.h-1 { height:0.25rem }
.size-1 { width:0.25rem;height:0.25rem }
.min-w-1 { min-width:0.25rem }
.max-w-1 { max-width:0.25rem }
.max-h-1 { max-height:0.25rem }
.min-h-1 { min-height:0.25rem }
.w-1\.5 { width:0.375rem }
.h-1\.5 { height:0.375rem }
.size-1\.5 { width:0.375rem;height:0.375rem }
.min-w-1\.5 { min-width:0.375rem }
.max-w-1\.5 { max-width:0.375rem }
.max-h-1\.5 { max-height:0.375rem }
.min-h-1\.5 { min-height:0.375rem }
.w-2 { width:0.5rem }
.h-2 { height:0.5rem }
.size-2 { width:0.5rem;height:0.5rem }
.min-w-2 { min-width:0.5rem }
.max-w-2 { max-width:0.5rem }
.max-h-2 { max-height:0.5rem }
.min-h-2 { min-height:0.5rem }
.w-2\.5 { width:0.625rem }
.h-2\.5 { height:0.625rem }
.size-2\.5 { width:0.625rem;height:0.625rem }
.min-w-2\.5 { min-width:0.625rem }
.max-w-2\.5 { max-width:0.625rem }
.max-h-2\.5 { max-height:0.625rem }
.min-h-2\.5 { min-height:0.625rem }
.w-3 { width:0.75rem }
.h-3 { height:0.75rem }
.size-3 { width:0.75rem;height:0.75rem }
.min-w-3 { min-width:0.75rem }
.max-w-3 { max-width:0.75rem }
.max-h-3 { max-height:0.75rem }
.min-h-3 { min-height:0.75rem }
.w-3\.5 { width:0.875rem }
.h-3\.5 { height:0.875rem }
.size-3\.5 { width:0.875rem;height:0.875rem }
.min-w-3\.5 { min-width:0.875rem }
.max-w-3\.5 { max-width:0.875rem }
.max-h-3\.5 { max-height:0.875rem }
.min-h-3\.5 { min-height:0.875rem }
.w-4 { width:1rem }
.h-4 { height:1rem }
.size-4 { width:1rem;height:1rem }
.min-w-4 { min-width:1rem }
.max-w-4 { max-width:1rem }
.max-h-4 { max-height:1rem }
.min-h-4 { min-height:1rem }
.w-5 { width:1.25rem }
.h-5 { height:1.25rem }
.size-5 { width:1.25rem;height:1.25rem }
.min-w-5 { min-width:1.25rem }
.max-w-5 { max-width:1.25rem }
.max-h-5 { max-height:1.25rem }
.min-h-5 { min-height:1.25rem }
.w-6 { width:1.5rem }
.h-6 { height:1.5rem }
.size-6 { width:1.5rem;height:1.5rem }
.min-w-6 { min-width:1.5rem }
.max-w-6 { max-width:1.5rem }
.max-h-6 { max-height:1.5rem }
.min-h-6 { min-height:1.5rem }
.w-7 { width:1.75rem }
.h-7 { height:1.75rem }
.size-7 { width:1.75rem;height:1.75rem }
.min-w-7 { min-width:1.75rem }
.max-w-7 { max-width:1.75rem }
.max-h-7 { max-height:1.75rem }
.min-h-7 { min-height:1.75rem }
.w-8 { width:2rem }
.h-8 { height:2rem }
.size-8 { width:2rem;height:2rem }
.min-w-8 { min-width:2rem }
.max-w-8 { max-width:2rem }
.max-h-8 { max-height:2rem }
.min-h-8 { min-height:2rem }
.w-9 { width:2.25rem }
.h-9 { height:2.25rem }
.size-9 { width:2.25rem;height:2.25rem }
.min-w-9 { min-width:2.25rem }
.max-w-9 { max-width:2.25rem }
.max-h-9 { max-height:2.25rem }
.min-h-9 { min-height:2.25rem }
.w-10 { width:2.5rem }
.h-10 { height:2.5rem }
.size-10 { width:2.5rem;height:2.5rem }
.min-w-10 { min-width:2.5rem }
.max-w-10 { max-width:2.5rem }
.max-h-10 { max-height:2.5rem }
.min-h-10 { min-height:2.5rem }
.w-11 { width:2.75rem }
.h-11 { height:2.75rem }
.size-11 { width:2.75rem;height:2.75rem }
.min-w-11 { min-width:2.75rem }
.max-w-11 { max-width:2.75rem }
.max-h-11 { max-height:2.75rem }
.min-h-11 { min-height:2.75rem }
.w-12 { width:3rem }
.h-12 { height:3rem }
.size-12 { width:3rem;height:3rem }
.min-w-12 { min-width:3rem }
.max-w-12 { max-width:3rem }
.max-h-12 { max-height:3rem }
.min-h-12 { min-height:3rem }
.w-13 { width:3.25rem }
.h-13 { height:3.25rem }
.size-13 { width:3.25rem;height:3.25rem }
.min-w-13 { min-width:3.25rem }
.max-w-13 { max-width:3.25rem }
.max-h-13 { max-height:3.25rem }
.min-h-13 { min-height:3.25rem }
.w-14 { width:3.5rem }
.h-14 { height:3.5rem }
.size-14 { width:3.5rem;height:3.5rem }
.min-w-14 { min-width:3.5rem }
.max-w-14 { max-width:3.5rem }
.max-h-14 { max-height:3.5rem }
.min-h-14 { min-height:3.5rem }
.w-16 { width:4rem }
.h-16 { height:4rem }
.size-16 { width:4rem;height:4rem }
.min-w-16 { min-width:4rem }
.max-w-16 { max-width:4rem }
.max-h-16 { max-height:4rem }
.min-h-16 { min-height:4rem }
.w-18 { width:4.5rem }
.h-18 { height:4.5rem }
.size-18 { width:4.5rem;height:4.5rem }
.min-w-18 { min-width:4.5rem }
.max-w-18 { max-width:4.5rem }
.max-h-18 { max-height:4.5rem }
.min-h-18 { min-height:4.5rem }
.w-20 { width:5rem }
.h-20 { height:5rem }
.size-20 { width:5rem;height:5rem }
.min-w-20 { min-width:5rem }
.max-w-20 { max-width:5rem }
.max-h-20 { max-height:5rem }
.min-h-20 { min-height:5rem }
.w-24 { width:6rem }
.h-24 { height:6rem }
.size-24 { width:6rem;height:6rem }
.min-w-24 { min-width:6rem }
.max-w-24 { max-width:6rem }
.max-h-24 { max-height:6rem }
.min-h-24 { min-height:6rem }
.w-28 { width:7rem }
.h-28 { height:7rem }
.size-28 { width:7rem;height:7rem }
.min-w-28 { min-width:7rem }
.max-w-28 { max-width:7rem }
.max-h-28 { max-height:7rem }
.min-h-28 { min-height:7rem }
.w-32 { width:8rem }
.h-32 { height:8rem }
.size-32 { width:8rem;height:8rem }
.min-w-32 { min-width:8rem }
.max-w-32 { max-width:8rem }
.max-h-32 { max-height:8rem }
.min-h-32 { min-height:8rem }
.w-36 { width:9rem }
.h-36 { height:9rem }
.size-36 { width:9rem;height:9rem }
.min-w-36 { min-width:9rem }
.max-w-36 { max-width:9rem }
.max-h-36 { max-height:9rem }
.min-h-36 { min-height:9rem }
.w-40 { width:10rem }
.h-40 { height:10rem }
.size-40 { width:10rem;height:10rem }
.min-w-40 { min-width:10rem }
.max-w-40 { max-width:10rem }
.max-h-40 { max-height:10rem }
.min-h-40 { min-height:10rem }
.w-44 { width:11rem }
.h-44 { height:11rem }
.size-44 { width:11rem;height:11rem }
.min-w-44 { min-width:11rem }
.max-w-44 { max-width:11rem }
.max-h-44 { max-height:11rem }
.min-h-44 { min-height:11rem }
.w-48 { width:12rem }
.h-48 { height:12rem }
.size-48 { width:12rem;height:12rem }
.min-w-48 { min-width:12rem }
.max-w-48 { max-width:12rem }
.max-h-48 { max-height:12rem }
.min-h-48 { min-height:12rem }
.w-52 { width:13rem }
.h-52 { height:13rem }
.size-52 { width:13rem;height:13rem }
.min-w-52 { min-width:13rem }
.max-w-52 { max-width:13rem }
.max-h-52 { max-height:13rem }
.min-h-52 { min-height:13rem }
.w-56 { width:14rem }
.h-56 { height:14rem }
.size-56 { width:14rem;height:14rem }
.min-w-56 { min-width:14rem }
.max-w-56 { max-width:14rem }
.max-h-56 { max-height:14rem }
.min-h-56 { min-height:14rem }
.w-60 { width:15rem }
.h-60 { height:15rem }
.size-60 { width:15rem;height:15rem }
.min-w-60 { min-width:15rem }
.max-w-60 { max-width:15rem }
.max-h-60 { max-height:15rem }
.min-h-60 { min-height:15rem }
.w-64 { width:16rem }
.h-64 { height:16rem }
.size-64 { width:16rem;height:16rem }
.min-w-64 { min-width:16rem }
.max-w-64 { max-width:16rem }
.max-h-64 { max-height:16rem }
.min-h-64 { min-height:16rem }
.w-72 { width:18rem }
.h-72 { height:18rem }
.size-72 { width:18rem;height:18rem }
.min-w-72 { min-width:18rem }
.max-w-72 { max-width:18rem }
.max-h-72 { max-height:18rem }
.min-h-72 { min-height:18rem }
.w-80 { width:20rem }
.h-80 { height:20rem }
.size-80 { width:20rem;height:20rem }
.min-w-80 { min-width:20rem }
.max-w-80 { max-width:20rem }
.max-h-80 { max-height:20rem }
.min-h-80 { min-height:20rem }
.w-96 { width:24rem }
.h-96 { height:24rem }
.size-96 { width:24rem;height:24rem }
.min-w-96 { min-width:24rem }
.max-w-96 { max-width:24rem }
.max-h-96 { max-height:24rem }
.min-h-96 { min-height:24rem }
.size-4-5 { width:1.125rem;height:1.125rem }
.w-full { width:100% }
.w-fit { width:fit-content }
.w-auto { width:auto }
.w-screen { width:100vw }
.w-1\/2 { width:50% }
.w-1\/3 { width:33.333333% }
.w-2\/3 { width:66.666667% }
.h-full { height:100% }
.h-fit { height:fit-content }
.h-auto { height:auto }
.h-screen { height:100vh }
.h-60vh { height:60vh }
.max-h-70vh { max-height:70vh }
.min-h-screen { min-height:100vh }
.min-h-full { min-height:100% }
.min-w-full { min-width:100% }
.max-w-full { max-width:100% }
.max-w-none { max-width:none }
.max-h-full { max-height:100% }
.max-w-xs { max-width:20rem }
.max-w-sm { max-width:24rem }
.max-w-md { max-width:28rem }
.max-w-lg { max-width:32rem }
.max-w-xl { max-width:36rem }
.max-w-2xl { max-width:42rem }
.max-w-3xl { max-width:48rem }
.max-w-4xl { max-width:56rem }
.max-w-5xl { max-width:64rem }
.max-w-6xl { max-width:72rem }
.max-w-7xl { max-width:80rem }
.max-w-prose { max-width:65ch }
.aspect-square { aspect-ratio:1 / 1 }
.aspect-video { aspect-ratio:16 / 9 }
.text-3xs { font-size:0.5625rem;line-height:0.75rem }
.text-micro { font-size:0.625rem;line-height:0.875rem }
.text-xs { font-size:0.75rem;line-height:1rem }
.text-sm { font-size:0.875rem;line-height:1.25rem }
.text-base { font-size:1rem;line-height:1.5rem }
.text-lg { font-size:1.125rem;line-height:1.75rem }
.text-xl { font-size:1.25rem;line-height:1.75rem }
.text-2xl { font-size:1.5rem;line-height:2rem }
.text-3xl { font-size:1.875rem;line-height:2.25rem }
.text-4xl { font-size:2.25rem;line-height:2.5rem }
.text-5xl { font-size:3rem;line-height:1 }
.text-6xl { font-size:3.75rem;line-height:1 }
.text-7xl { font-size:4.5rem;line-height:1 }
.font-light { font-weight:300 }
.font-normal { font-weight:400 }
.font-medium { font-weight:500 }
.font-semibold { font-weight:600 }
.font-bold { font-weight:700 }
.font-extrabold { font-weight:800 }
.font-mono { font-family:var(--font-mono) }
.font-sans { font-family:var(--font-sans) }
.italic { font-style:italic }
.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }
.uppercase { text-transform:uppercase }
.lowercase { text-transform:lowercase }
.capitalize { text-transform:capitalize }
.normal-case { text-transform:none }
.underline { text-decoration-line:underline }
.line-through { text-decoration-line:line-through }
.no-underline { text-decoration-line:none }
.tracking-tight { letter-spacing:-0.025em }
.tracking-wide { letter-spacing:0.025em }
.tracking-wider { letter-spacing:0.05em }
.lp-eyebrow { letter-spacing:0.2em }
.leading-relaxed { line-height:1.625 }
.leading-tight { line-height:1.25 }
.leading-snug { line-height:1.375 }
.leading-none { line-height:1 }
.lp-hero-title { line-height:1.05 }
.tabular-nums { font-variant-numeric:tabular-nums }
.truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.whitespace-nowrap { white-space:nowrap }
.whitespace-normal { white-space:normal }
.whitespace-pre-wrap { white-space:pre-wrap }
.whitespace-pre-line { white-space:pre-line }
.text-wrap { text-wrap:wrap }
.text-balance { text-wrap:balance }
.break-all { word-break:break-all }
.break-words { overflow-wrap:break-word }
.list-disc { list-style-type:disc }
.list-decimal { list-style-type:decimal }
.list-inside { list-style-position:inside }
.list-none { list-style-type:none }
.align-top { vertical-align:top }
.align-middle { vertical-align:middle }
.align-bottom { vertical-align:bottom }
.text-inherit { color:inherit }
.text-white { color:#fff }
.text-gray-900 { color:#111827 }
.text-amber-300 { color:#fcd34d }
.text-emerald-300 { color:#6ee7b7 }
.text-white\/60 { color:rgb(255 255 255 / 0.6) }
.text-white\/70 { color:rgb(255 255 255 / 0.7) }
.text-white\/80 { color:rgb(255 255 255 / 0.8) }
.decoration-base-content\/40 { text-decoration-color:color-mix(in oklab, var(--color-base-content) 40%, transparent) }
.text-base-100 { color:var(--color-base-100) }
.bg-base-100 { background-color:var(--color-base-100) }
.border-base-100 { border-color:var(--color-base-100) }
.stroke-base-100 { stroke:var(--color-base-100) }
.fill-base-100 { fill:var(--color-base-100) }
.ring-base-100 { --ring-color:var(--color-base-100) }
.divide-base-100 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-base-100) }
.border-l-base-100 { border-left-color:var(--color-base-100) }
.border-t-base-100 { border-top-color:var(--color-base-100) }
.text-base-200 { color:var(--color-base-200) }
.bg-base-200 { background-color:var(--color-base-200) }
.border-base-200 { border-color:var(--color-base-200) }
.stroke-base-200 { stroke:var(--color-base-200) }
.fill-base-200 { fill:var(--color-base-200) }
.ring-base-200 { --ring-color:var(--color-base-200) }
.divide-base-200 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-base-200) }
.border-l-base-200 { border-left-color:var(--color-base-200) }
.border-t-base-200 { border-top-color:var(--color-base-200) }
.text-base-300 { color:var(--color-base-300) }
.bg-base-300 { background-color:var(--color-base-300) }
.border-base-300 { border-color:var(--color-base-300) }
.stroke-base-300 { stroke:var(--color-base-300) }
.fill-base-300 { fill:var(--color-base-300) }
.ring-base-300 { --ring-color:var(--color-base-300) }
.divide-base-300 > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-base-300) }
.border-l-base-300 { border-left-color:var(--color-base-300) }
.border-t-base-300 { border-top-color:var(--color-base-300) }
.text-base-content { color:var(--color-base-content) }
.bg-base-content { background-color:var(--color-base-content) }
.border-base-content { border-color:var(--color-base-content) }
.stroke-base-content { stroke:var(--color-base-content) }
.fill-base-content { fill:var(--color-base-content) }
.ring-base-content { --ring-color:var(--color-base-content) }
.divide-base-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-base-content) }
.border-l-base-content { border-left-color:var(--color-base-content) }
.border-t-base-content { border-top-color:var(--color-base-content) }
.text-primary { color:var(--color-primary) }
.bg-primary { background-color:var(--color-primary) }
.border-primary { border-color:var(--color-primary) }
.stroke-primary { stroke:var(--color-primary) }
.fill-primary { fill:var(--color-primary) }
.ring-primary { --ring-color:var(--color-primary) }
.divide-primary > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-primary) }
.border-l-primary { border-left-color:var(--color-primary) }
.border-t-primary { border-top-color:var(--color-primary) }
.text-primary-content { color:var(--color-primary-content) }
.bg-primary-content { background-color:var(--color-primary-content) }
.border-primary-content { border-color:var(--color-primary-content) }
.stroke-primary-content { stroke:var(--color-primary-content) }
.fill-primary-content { fill:var(--color-primary-content) }
.ring-primary-content { --ring-color:var(--color-primary-content) }
.divide-primary-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-primary-content) }
.border-l-primary-content { border-left-color:var(--color-primary-content) }
.border-t-primary-content { border-top-color:var(--color-primary-content) }
.text-secondary { color:var(--color-secondary) }
.bg-secondary { background-color:var(--color-secondary) }
.border-secondary { border-color:var(--color-secondary) }
.stroke-secondary { stroke:var(--color-secondary) }
.fill-secondary { fill:var(--color-secondary) }
.ring-secondary { --ring-color:var(--color-secondary) }
.divide-secondary > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-secondary) }
.border-l-secondary { border-left-color:var(--color-secondary) }
.border-t-secondary { border-top-color:var(--color-secondary) }
.text-secondary-content { color:var(--color-secondary-content) }
.bg-secondary-content { background-color:var(--color-secondary-content) }
.border-secondary-content { border-color:var(--color-secondary-content) }
.stroke-secondary-content { stroke:var(--color-secondary-content) }
.fill-secondary-content { fill:var(--color-secondary-content) }
.ring-secondary-content { --ring-color:var(--color-secondary-content) }
.divide-secondary-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-secondary-content) }
.border-l-secondary-content { border-left-color:var(--color-secondary-content) }
.border-t-secondary-content { border-top-color:var(--color-secondary-content) }
.text-accent { color:var(--color-accent) }
.bg-accent { background-color:var(--color-accent) }
.border-accent { border-color:var(--color-accent) }
.stroke-accent { stroke:var(--color-accent) }
.fill-accent { fill:var(--color-accent) }
.ring-accent { --ring-color:var(--color-accent) }
.divide-accent > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-accent) }
.border-l-accent { border-left-color:var(--color-accent) }
.border-t-accent { border-top-color:var(--color-accent) }
.text-accent-content { color:var(--color-accent-content) }
.bg-accent-content { background-color:var(--color-accent-content) }
.border-accent-content { border-color:var(--color-accent-content) }
.stroke-accent-content { stroke:var(--color-accent-content) }
.fill-accent-content { fill:var(--color-accent-content) }
.ring-accent-content { --ring-color:var(--color-accent-content) }
.divide-accent-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-accent-content) }
.border-l-accent-content { border-left-color:var(--color-accent-content) }
.border-t-accent-content { border-top-color:var(--color-accent-content) }
.text-neutral { color:var(--color-neutral) }
.bg-neutral { background-color:var(--color-neutral) }
.border-neutral { border-color:var(--color-neutral) }
.stroke-neutral { stroke:var(--color-neutral) }
.fill-neutral { fill:var(--color-neutral) }
.ring-neutral { --ring-color:var(--color-neutral) }
.divide-neutral > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-neutral) }
.border-l-neutral { border-left-color:var(--color-neutral) }
.border-t-neutral { border-top-color:var(--color-neutral) }
.text-neutral-content { color:var(--color-neutral-content) }
.bg-neutral-content { background-color:var(--color-neutral-content) }
.border-neutral-content { border-color:var(--color-neutral-content) }
.stroke-neutral-content { stroke:var(--color-neutral-content) }
.fill-neutral-content { fill:var(--color-neutral-content) }
.ring-neutral-content { --ring-color:var(--color-neutral-content) }
.divide-neutral-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-neutral-content) }
.border-l-neutral-content { border-left-color:var(--color-neutral-content) }
.border-t-neutral-content { border-top-color:var(--color-neutral-content) }
.text-info { color:var(--color-info) }
.bg-info { background-color:var(--color-info) }
.border-info { border-color:var(--color-info) }
.stroke-info { stroke:var(--color-info) }
.fill-info { fill:var(--color-info) }
.ring-info { --ring-color:var(--color-info) }
.divide-info > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-info) }
.border-l-info { border-left-color:var(--color-info) }
.border-t-info { border-top-color:var(--color-info) }
.text-info-content { color:var(--color-info-content) }
.bg-info-content { background-color:var(--color-info-content) }
.border-info-content { border-color:var(--color-info-content) }
.stroke-info-content { stroke:var(--color-info-content) }
.fill-info-content { fill:var(--color-info-content) }
.ring-info-content { --ring-color:var(--color-info-content) }
.divide-info-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-info-content) }
.border-l-info-content { border-left-color:var(--color-info-content) }
.border-t-info-content { border-top-color:var(--color-info-content) }
.text-success { color:var(--color-success) }
.bg-success { background-color:var(--color-success) }
.border-success { border-color:var(--color-success) }
.stroke-success { stroke:var(--color-success) }
.fill-success { fill:var(--color-success) }
.ring-success { --ring-color:var(--color-success) }
.divide-success > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-success) }
.border-l-success { border-left-color:var(--color-success) }
.border-t-success { border-top-color:var(--color-success) }
.text-success-content { color:var(--color-success-content) }
.bg-success-content { background-color:var(--color-success-content) }
.border-success-content { border-color:var(--color-success-content) }
.stroke-success-content { stroke:var(--color-success-content) }
.fill-success-content { fill:var(--color-success-content) }
.ring-success-content { --ring-color:var(--color-success-content) }
.divide-success-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-success-content) }
.border-l-success-content { border-left-color:var(--color-success-content) }
.border-t-success-content { border-top-color:var(--color-success-content) }
.text-warning { color:var(--color-warning) }
.bg-warning { background-color:var(--color-warning) }
.border-warning { border-color:var(--color-warning) }
.stroke-warning { stroke:var(--color-warning) }
.fill-warning { fill:var(--color-warning) }
.ring-warning { --ring-color:var(--color-warning) }
.divide-warning > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-warning) }
.border-l-warning { border-left-color:var(--color-warning) }
.border-t-warning { border-top-color:var(--color-warning) }
.text-warning-content { color:var(--color-warning-content) }
.bg-warning-content { background-color:var(--color-warning-content) }
.border-warning-content { border-color:var(--color-warning-content) }
.stroke-warning-content { stroke:var(--color-warning-content) }
.fill-warning-content { fill:var(--color-warning-content) }
.ring-warning-content { --ring-color:var(--color-warning-content) }
.divide-warning-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-warning-content) }
.border-l-warning-content { border-left-color:var(--color-warning-content) }
.border-t-warning-content { border-top-color:var(--color-warning-content) }
.text-error { color:var(--color-error) }
.bg-error { background-color:var(--color-error) }
.border-error { border-color:var(--color-error) }
.stroke-error { stroke:var(--color-error) }
.fill-error { fill:var(--color-error) }
.ring-error { --ring-color:var(--color-error) }
.divide-error > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-error) }
.border-l-error { border-left-color:var(--color-error) }
.border-t-error { border-top-color:var(--color-error) }
.text-error-content { color:var(--color-error-content) }
.bg-error-content { background-color:var(--color-error-content) }
.border-error-content { border-color:var(--color-error-content) }
.stroke-error-content { stroke:var(--color-error-content) }
.fill-error-content { fill:var(--color-error-content) }
.ring-error-content { --ring-color:var(--color-error-content) }
.divide-error-content > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-color:var(--color-error-content) }
.border-l-error-content { border-left-color:var(--color-error-content) }
.border-t-error-content { border-top-color:var(--color-error-content) }
.text-base-100\/3 { color:color-mix(in oklab, var(--color-base-100) 3%, transparent) }
.bg-base-100\/3 { background-color:color-mix(in oklab, var(--color-base-100) 3%, transparent) }
.border-base-100\/3 { border-color:color-mix(in oklab, var(--color-base-100) 3%, transparent) }
.text-base-100\/4 { color:color-mix(in oklab, var(--color-base-100) 4%, transparent) }
.bg-base-100\/4 { background-color:color-mix(in oklab, var(--color-base-100) 4%, transparent) }
.border-base-100\/4 { border-color:color-mix(in oklab, var(--color-base-100) 4%, transparent) }
.text-base-100\/5 { color:color-mix(in oklab, var(--color-base-100) 5%, transparent) }
.bg-base-100\/5 { background-color:color-mix(in oklab, var(--color-base-100) 5%, transparent) }
.border-base-100\/5 { border-color:color-mix(in oklab, var(--color-base-100) 5%, transparent) }
.text-base-100\/8 { color:color-mix(in oklab, var(--color-base-100) 8%, transparent) }
.bg-base-100\/8 { background-color:color-mix(in oklab, var(--color-base-100) 8%, transparent) }
.border-base-100\/8 { border-color:color-mix(in oklab, var(--color-base-100) 8%, transparent) }
.text-base-100\/10 { color:color-mix(in oklab, var(--color-base-100) 10%, transparent) }
.bg-base-100\/10 { background-color:color-mix(in oklab, var(--color-base-100) 10%, transparent) }
.border-base-100\/10 { border-color:color-mix(in oklab, var(--color-base-100) 10%, transparent) }
.text-base-100\/15 { color:color-mix(in oklab, var(--color-base-100) 15%, transparent) }
.bg-base-100\/15 { background-color:color-mix(in oklab, var(--color-base-100) 15%, transparent) }
.border-base-100\/15 { border-color:color-mix(in oklab, var(--color-base-100) 15%, transparent) }
.text-base-100\/20 { color:color-mix(in oklab, var(--color-base-100) 20%, transparent) }
.bg-base-100\/20 { background-color:color-mix(in oklab, var(--color-base-100) 20%, transparent) }
.border-base-100\/20 { border-color:color-mix(in oklab, var(--color-base-100) 20%, transparent) }
.text-base-100\/25 { color:color-mix(in oklab, var(--color-base-100) 25%, transparent) }
.bg-base-100\/25 { background-color:color-mix(in oklab, var(--color-base-100) 25%, transparent) }
.border-base-100\/25 { border-color:color-mix(in oklab, var(--color-base-100) 25%, transparent) }
.text-base-100\/30 { color:color-mix(in oklab, var(--color-base-100) 30%, transparent) }
.bg-base-100\/30 { background-color:color-mix(in oklab, var(--color-base-100) 30%, transparent) }
.border-base-100\/30 { border-color:color-mix(in oklab, var(--color-base-100) 30%, transparent) }
.text-base-100\/40 { color:color-mix(in oklab, var(--color-base-100) 40%, transparent) }
.bg-base-100\/40 { background-color:color-mix(in oklab, var(--color-base-100) 40%, transparent) }
.border-base-100\/40 { border-color:color-mix(in oklab, var(--color-base-100) 40%, transparent) }
.text-base-100\/50 { color:color-mix(in oklab, var(--color-base-100) 50%, transparent) }
.bg-base-100\/50 { background-color:color-mix(in oklab, var(--color-base-100) 50%, transparent) }
.border-base-100\/50 { border-color:color-mix(in oklab, var(--color-base-100) 50%, transparent) }
.text-base-100\/55 { color:color-mix(in oklab, var(--color-base-100) 55%, transparent) }
.bg-base-100\/55 { background-color:color-mix(in oklab, var(--color-base-100) 55%, transparent) }
.border-base-100\/55 { border-color:color-mix(in oklab, var(--color-base-100) 55%, transparent) }
.text-base-100\/60 { color:color-mix(in oklab, var(--color-base-100) 60%, transparent) }
.bg-base-100\/60 { background-color:color-mix(in oklab, var(--color-base-100) 60%, transparent) }
.border-base-100\/60 { border-color:color-mix(in oklab, var(--color-base-100) 60%, transparent) }
.text-base-100\/70 { color:color-mix(in oklab, var(--color-base-100) 70%, transparent) }
.bg-base-100\/70 { background-color:color-mix(in oklab, var(--color-base-100) 70%, transparent) }
.border-base-100\/70 { border-color:color-mix(in oklab, var(--color-base-100) 70%, transparent) }
.text-base-100\/75 { color:color-mix(in oklab, var(--color-base-100) 75%, transparent) }
.bg-base-100\/75 { background-color:color-mix(in oklab, var(--color-base-100) 75%, transparent) }
.border-base-100\/75 { border-color:color-mix(in oklab, var(--color-base-100) 75%, transparent) }
.text-base-100\/80 { color:color-mix(in oklab, var(--color-base-100) 80%, transparent) }
.bg-base-100\/80 { background-color:color-mix(in oklab, var(--color-base-100) 80%, transparent) }
.border-base-100\/80 { border-color:color-mix(in oklab, var(--color-base-100) 80%, transparent) }
.text-base-100\/90 { color:color-mix(in oklab, var(--color-base-100) 90%, transparent) }
.bg-base-100\/90 { background-color:color-mix(in oklab, var(--color-base-100) 90%, transparent) }
.border-base-100\/90 { border-color:color-mix(in oklab, var(--color-base-100) 90%, transparent) }
.ring-base-100\/5 { --ring-color:color-mix(in oklab, var(--color-base-100) 5%, transparent) }
.ring-base-100\/80 { --ring-color:color-mix(in oklab, var(--color-base-100) 80%, transparent) }
.text-base-200\/3 { color:color-mix(in oklab, var(--color-base-200) 3%, transparent) }
.bg-base-200\/3 { background-color:color-mix(in oklab, var(--color-base-200) 3%, transparent) }
.border-base-200\/3 { border-color:color-mix(in oklab, var(--color-base-200) 3%, transparent) }
.text-base-200\/4 { color:color-mix(in oklab, var(--color-base-200) 4%, transparent) }
.bg-base-200\/4 { background-color:color-mix(in oklab, var(--color-base-200) 4%, transparent) }
.border-base-200\/4 { border-color:color-mix(in oklab, var(--color-base-200) 4%, transparent) }
.text-base-200\/5 { color:color-mix(in oklab, var(--color-base-200) 5%, transparent) }
.bg-base-200\/5 { background-color:color-mix(in oklab, var(--color-base-200) 5%, transparent) }
.border-base-200\/5 { border-color:color-mix(in oklab, var(--color-base-200) 5%, transparent) }
.text-base-200\/8 { color:color-mix(in oklab, var(--color-base-200) 8%, transparent) }
.bg-base-200\/8 { background-color:color-mix(in oklab, var(--color-base-200) 8%, transparent) }
.border-base-200\/8 { border-color:color-mix(in oklab, var(--color-base-200) 8%, transparent) }
.text-base-200\/10 { color:color-mix(in oklab, var(--color-base-200) 10%, transparent) }
.bg-base-200\/10 { background-color:color-mix(in oklab, var(--color-base-200) 10%, transparent) }
.border-base-200\/10 { border-color:color-mix(in oklab, var(--color-base-200) 10%, transparent) }
.text-base-200\/15 { color:color-mix(in oklab, var(--color-base-200) 15%, transparent) }
.bg-base-200\/15 { background-color:color-mix(in oklab, var(--color-base-200) 15%, transparent) }
.border-base-200\/15 { border-color:color-mix(in oklab, var(--color-base-200) 15%, transparent) }
.text-base-200\/20 { color:color-mix(in oklab, var(--color-base-200) 20%, transparent) }
.bg-base-200\/20 { background-color:color-mix(in oklab, var(--color-base-200) 20%, transparent) }
.border-base-200\/20 { border-color:color-mix(in oklab, var(--color-base-200) 20%, transparent) }
.text-base-200\/25 { color:color-mix(in oklab, var(--color-base-200) 25%, transparent) }
.bg-base-200\/25 { background-color:color-mix(in oklab, var(--color-base-200) 25%, transparent) }
.border-base-200\/25 { border-color:color-mix(in oklab, var(--color-base-200) 25%, transparent) }
.text-base-200\/30 { color:color-mix(in oklab, var(--color-base-200) 30%, transparent) }
.bg-base-200\/30 { background-color:color-mix(in oklab, var(--color-base-200) 30%, transparent) }
.border-base-200\/30 { border-color:color-mix(in oklab, var(--color-base-200) 30%, transparent) }
.text-base-200\/40 { color:color-mix(in oklab, var(--color-base-200) 40%, transparent) }
.bg-base-200\/40 { background-color:color-mix(in oklab, var(--color-base-200) 40%, transparent) }
.border-base-200\/40 { border-color:color-mix(in oklab, var(--color-base-200) 40%, transparent) }
.text-base-200\/50 { color:color-mix(in oklab, var(--color-base-200) 50%, transparent) }
.bg-base-200\/50 { background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent) }
.border-base-200\/50 { border-color:color-mix(in oklab, var(--color-base-200) 50%, transparent) }
.text-base-200\/55 { color:color-mix(in oklab, var(--color-base-200) 55%, transparent) }
.bg-base-200\/55 { background-color:color-mix(in oklab, var(--color-base-200) 55%, transparent) }
.border-base-200\/55 { border-color:color-mix(in oklab, var(--color-base-200) 55%, transparent) }
.text-base-200\/60 { color:color-mix(in oklab, var(--color-base-200) 60%, transparent) }
.bg-base-200\/60 { background-color:color-mix(in oklab, var(--color-base-200) 60%, transparent) }
.border-base-200\/60 { border-color:color-mix(in oklab, var(--color-base-200) 60%, transparent) }
.text-base-200\/70 { color:color-mix(in oklab, var(--color-base-200) 70%, transparent) }
.bg-base-200\/70 { background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent) }
.border-base-200\/70 { border-color:color-mix(in oklab, var(--color-base-200) 70%, transparent) }
.text-base-200\/75 { color:color-mix(in oklab, var(--color-base-200) 75%, transparent) }
.bg-base-200\/75 { background-color:color-mix(in oklab, var(--color-base-200) 75%, transparent) }
.border-base-200\/75 { border-color:color-mix(in oklab, var(--color-base-200) 75%, transparent) }
.text-base-200\/80 { color:color-mix(in oklab, var(--color-base-200) 80%, transparent) }
.bg-base-200\/80 { background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent) }
.border-base-200\/80 { border-color:color-mix(in oklab, var(--color-base-200) 80%, transparent) }
.text-base-200\/90 { color:color-mix(in oklab, var(--color-base-200) 90%, transparent) }
.bg-base-200\/90 { background-color:color-mix(in oklab, var(--color-base-200) 90%, transparent) }
.border-base-200\/90 { border-color:color-mix(in oklab, var(--color-base-200) 90%, transparent) }
.ring-base-200\/5 { --ring-color:color-mix(in oklab, var(--color-base-200) 5%, transparent) }
.ring-base-200\/80 { --ring-color:color-mix(in oklab, var(--color-base-200) 80%, transparent) }
.text-base-300\/3 { color:color-mix(in oklab, var(--color-base-300) 3%, transparent) }
.bg-base-300\/3 { background-color:color-mix(in oklab, var(--color-base-300) 3%, transparent) }
.border-base-300\/3 { border-color:color-mix(in oklab, var(--color-base-300) 3%, transparent) }
.text-base-300\/4 { color:color-mix(in oklab, var(--color-base-300) 4%, transparent) }
.bg-base-300\/4 { background-color:color-mix(in oklab, var(--color-base-300) 4%, transparent) }
.border-base-300\/4 { border-color:color-mix(in oklab, var(--color-base-300) 4%, transparent) }
.text-base-300\/5 { color:color-mix(in oklab, var(--color-base-300) 5%, transparent) }
.bg-base-300\/5 { background-color:color-mix(in oklab, var(--color-base-300) 5%, transparent) }
.border-base-300\/5 { border-color:color-mix(in oklab, var(--color-base-300) 5%, transparent) }
.text-base-300\/8 { color:color-mix(in oklab, var(--color-base-300) 8%, transparent) }
.bg-base-300\/8 { background-color:color-mix(in oklab, var(--color-base-300) 8%, transparent) }
.border-base-300\/8 { border-color:color-mix(in oklab, var(--color-base-300) 8%, transparent) }
.text-base-300\/10 { color:color-mix(in oklab, var(--color-base-300) 10%, transparent) }
.bg-base-300\/10 { background-color:color-mix(in oklab, var(--color-base-300) 10%, transparent) }
.border-base-300\/10 { border-color:color-mix(in oklab, var(--color-base-300) 10%, transparent) }
.text-base-300\/15 { color:color-mix(in oklab, var(--color-base-300) 15%, transparent) }
.bg-base-300\/15 { background-color:color-mix(in oklab, var(--color-base-300) 15%, transparent) }
.border-base-300\/15 { border-color:color-mix(in oklab, var(--color-base-300) 15%, transparent) }
.text-base-300\/20 { color:color-mix(in oklab, var(--color-base-300) 20%, transparent) }
.bg-base-300\/20 { background-color:color-mix(in oklab, var(--color-base-300) 20%, transparent) }
.border-base-300\/20 { border-color:color-mix(in oklab, var(--color-base-300) 20%, transparent) }
.text-base-300\/25 { color:color-mix(in oklab, var(--color-base-300) 25%, transparent) }
.bg-base-300\/25 { background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent) }
.border-base-300\/25 { border-color:color-mix(in oklab, var(--color-base-300) 25%, transparent) }
.text-base-300\/30 { color:color-mix(in oklab, var(--color-base-300) 30%, transparent) }
.bg-base-300\/30 { background-color:color-mix(in oklab, var(--color-base-300) 30%, transparent) }
.border-base-300\/30 { border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent) }
.text-base-300\/40 { color:color-mix(in oklab, var(--color-base-300) 40%, transparent) }
.bg-base-300\/40 { background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent) }
.border-base-300\/40 { border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent) }
.text-base-300\/50 { color:color-mix(in oklab, var(--color-base-300) 50%, transparent) }
.bg-base-300\/50 { background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent) }
.border-base-300\/50 { border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent) }
.text-base-300\/55 { color:color-mix(in oklab, var(--color-base-300) 55%, transparent) }
.bg-base-300\/55 { background-color:color-mix(in oklab, var(--color-base-300) 55%, transparent) }
.border-base-300\/55 { border-color:color-mix(in oklab, var(--color-base-300) 55%, transparent) }
.text-base-300\/60 { color:color-mix(in oklab, var(--color-base-300) 60%, transparent) }
.bg-base-300\/60 { background-color:color-mix(in oklab, var(--color-base-300) 60%, transparent) }
.border-base-300\/60 { border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent) }
.text-base-300\/70 { color:color-mix(in oklab, var(--color-base-300) 70%, transparent) }
.bg-base-300\/70 { background-color:color-mix(in oklab, var(--color-base-300) 70%, transparent) }
.border-base-300\/70 { border-color:color-mix(in oklab, var(--color-base-300) 70%, transparent) }
.text-base-300\/75 { color:color-mix(in oklab, var(--color-base-300) 75%, transparent) }
.bg-base-300\/75 { background-color:color-mix(in oklab, var(--color-base-300) 75%, transparent) }
.border-base-300\/75 { border-color:color-mix(in oklab, var(--color-base-300) 75%, transparent) }
.text-base-300\/80 { color:color-mix(in oklab, var(--color-base-300) 80%, transparent) }
.bg-base-300\/80 { background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent) }
.border-base-300\/80 { border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent) }
.text-base-300\/90 { color:color-mix(in oklab, var(--color-base-300) 90%, transparent) }
.bg-base-300\/90 { background-color:color-mix(in oklab, var(--color-base-300) 90%, transparent) }
.border-base-300\/90 { border-color:color-mix(in oklab, var(--color-base-300) 90%, transparent) }
.ring-base-300\/5 { --ring-color:color-mix(in oklab, var(--color-base-300) 5%, transparent) }
.ring-base-300\/80 { --ring-color:color-mix(in oklab, var(--color-base-300) 80%, transparent) }
.text-base-content\/3 { color:color-mix(in oklab, var(--color-base-content) 3%, transparent) }
.bg-base-content\/3 { background-color:color-mix(in oklab, var(--color-base-content) 3%, transparent) }
.border-base-content\/3 { border-color:color-mix(in oklab, var(--color-base-content) 3%, transparent) }
.text-base-content\/4 { color:color-mix(in oklab, var(--color-base-content) 4%, transparent) }
.bg-base-content\/4 { background-color:color-mix(in oklab, var(--color-base-content) 4%, transparent) }
.border-base-content\/4 { border-color:color-mix(in oklab, var(--color-base-content) 4%, transparent) }
.text-base-content\/5 { color:color-mix(in oklab, var(--color-base-content) 5%, transparent) }
.bg-base-content\/5 { background-color:color-mix(in oklab, var(--color-base-content) 5%, transparent) }
.border-base-content\/5 { border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent) }
.text-base-content\/8 { color:color-mix(in oklab, var(--color-base-content) 8%, transparent) }
.bg-base-content\/8 { background-color:color-mix(in oklab, var(--color-base-content) 8%, transparent) }
.border-base-content\/8 { border-color:color-mix(in oklab, var(--color-base-content) 8%, transparent) }
.text-base-content\/10 { color:color-mix(in oklab, var(--color-base-content) 10%, transparent) }
.bg-base-content\/10 { background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent) }
.border-base-content\/10 { border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent) }
.text-base-content\/15 { color:color-mix(in oklab, var(--color-base-content) 15%, transparent) }
.bg-base-content\/15 { background-color:color-mix(in oklab, var(--color-base-content) 15%, transparent) }
.border-base-content\/15 { border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent) }
.text-base-content\/20 { color:color-mix(in oklab, var(--color-base-content) 20%, transparent) }
.bg-base-content\/20 { background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent) }
.border-base-content\/20 { border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent) }
.text-base-content\/25 { color:color-mix(in oklab, var(--color-base-content) 25%, transparent) }
.bg-base-content\/25 { background-color:color-mix(in oklab, var(--color-base-content) 25%, transparent) }
.border-base-content\/25 { border-color:color-mix(in oklab, var(--color-base-content) 25%, transparent) }
.text-base-content\/30 { color:color-mix(in oklab, var(--color-base-content) 30%, transparent) }
.bg-base-content\/30 { background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent) }
.border-base-content\/30 { border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent) }
.text-base-content\/40 { color:color-mix(in oklab, var(--color-base-content) 40%, transparent) }
.bg-base-content\/40 { background-color:color-mix(in oklab, var(--color-base-content) 40%, transparent) }
.border-base-content\/40 { border-color:color-mix(in oklab, var(--color-base-content) 40%, transparent) }
.text-base-content\/50 { color:color-mix(in oklab, var(--color-base-content) 50%, transparent) }
.bg-base-content\/50 { background-color:color-mix(in oklab, var(--color-base-content) 50%, transparent) }
.border-base-content\/50 { border-color:color-mix(in oklab, var(--color-base-content) 50%, transparent) }
.text-base-content\/55 { color:color-mix(in oklab, var(--color-base-content) 55%, transparent) }
.bg-base-content\/55 { background-color:color-mix(in oklab, var(--color-base-content) 55%, transparent) }
.border-base-content\/55 { border-color:color-mix(in oklab, var(--color-base-content) 55%, transparent) }
.text-base-content\/60 { color:color-mix(in oklab, var(--color-base-content) 60%, transparent) }
.bg-base-content\/60 { background-color:color-mix(in oklab, var(--color-base-content) 60%, transparent) }
.border-base-content\/60 { border-color:color-mix(in oklab, var(--color-base-content) 60%, transparent) }
.text-base-content\/70 { color:color-mix(in oklab, var(--color-base-content) 70%, transparent) }
.bg-base-content\/70 { background-color:color-mix(in oklab, var(--color-base-content) 70%, transparent) }
.border-base-content\/70 { border-color:color-mix(in oklab, var(--color-base-content) 70%, transparent) }
.text-base-content\/75 { color:color-mix(in oklab, var(--color-base-content) 75%, transparent) }
.bg-base-content\/75 { background-color:color-mix(in oklab, var(--color-base-content) 75%, transparent) }
.border-base-content\/75 { border-color:color-mix(in oklab, var(--color-base-content) 75%, transparent) }
.text-base-content\/80 { color:color-mix(in oklab, var(--color-base-content) 80%, transparent) }
.bg-base-content\/80 { background-color:color-mix(in oklab, var(--color-base-content) 80%, transparent) }
.border-base-content\/80 { border-color:color-mix(in oklab, var(--color-base-content) 80%, transparent) }
.text-base-content\/90 { color:color-mix(in oklab, var(--color-base-content) 90%, transparent) }
.bg-base-content\/90 { background-color:color-mix(in oklab, var(--color-base-content) 90%, transparent) }
.border-base-content\/90 { border-color:color-mix(in oklab, var(--color-base-content) 90%, transparent) }
.ring-base-content\/5 { --ring-color:color-mix(in oklab, var(--color-base-content) 5%, transparent) }
.ring-base-content\/80 { --ring-color:color-mix(in oklab, var(--color-base-content) 80%, transparent) }
.text-primary\/3 { color:color-mix(in oklab, var(--color-primary) 3%, transparent) }
.bg-primary\/3 { background-color:color-mix(in oklab, var(--color-primary) 3%, transparent) }
.border-primary\/3 { border-color:color-mix(in oklab, var(--color-primary) 3%, transparent) }
.text-primary\/4 { color:color-mix(in oklab, var(--color-primary) 4%, transparent) }
.bg-primary\/4 { background-color:color-mix(in oklab, var(--color-primary) 4%, transparent) }
.border-primary\/4 { border-color:color-mix(in oklab, var(--color-primary) 4%, transparent) }
.text-primary\/5 { color:color-mix(in oklab, var(--color-primary) 5%, transparent) }
.bg-primary\/5 { background-color:color-mix(in oklab, var(--color-primary) 5%, transparent) }
.border-primary\/5 { border-color:color-mix(in oklab, var(--color-primary) 5%, transparent) }
.text-primary\/8 { color:color-mix(in oklab, var(--color-primary) 8%, transparent) }
.bg-primary\/8 { background-color:color-mix(in oklab, var(--color-primary) 8%, transparent) }
.border-primary\/8 { border-color:color-mix(in oklab, var(--color-primary) 8%, transparent) }
.text-primary\/10 { color:color-mix(in oklab, var(--color-primary) 10%, transparent) }
.bg-primary\/10 { background-color:color-mix(in oklab, var(--color-primary) 10%, transparent) }
.border-primary\/10 { border-color:color-mix(in oklab, var(--color-primary) 10%, transparent) }
.text-primary\/15 { color:color-mix(in oklab, var(--color-primary) 15%, transparent) }
.bg-primary\/15 { background-color:color-mix(in oklab, var(--color-primary) 15%, transparent) }
.border-primary\/15 { border-color:color-mix(in oklab, var(--color-primary) 15%, transparent) }
.text-primary\/20 { color:color-mix(in oklab, var(--color-primary) 20%, transparent) }
.bg-primary\/20 { background-color:color-mix(in oklab, var(--color-primary) 20%, transparent) }
.border-primary\/20 { border-color:color-mix(in oklab, var(--color-primary) 20%, transparent) }
.text-primary\/25 { color:color-mix(in oklab, var(--color-primary) 25%, transparent) }
.bg-primary\/25 { background-color:color-mix(in oklab, var(--color-primary) 25%, transparent) }
.border-primary\/25 { border-color:color-mix(in oklab, var(--color-primary) 25%, transparent) }
.text-primary\/30 { color:color-mix(in oklab, var(--color-primary) 30%, transparent) }
.bg-primary\/30 { background-color:color-mix(in oklab, var(--color-primary) 30%, transparent) }
.border-primary\/30 { border-color:color-mix(in oklab, var(--color-primary) 30%, transparent) }
.text-primary\/40 { color:color-mix(in oklab, var(--color-primary) 40%, transparent) }
.bg-primary\/40 { background-color:color-mix(in oklab, var(--color-primary) 40%, transparent) }
.border-primary\/40 { border-color:color-mix(in oklab, var(--color-primary) 40%, transparent) }
.text-primary\/50 { color:color-mix(in oklab, var(--color-primary) 50%, transparent) }
.bg-primary\/50 { background-color:color-mix(in oklab, var(--color-primary) 50%, transparent) }
.border-primary\/50 { border-color:color-mix(in oklab, var(--color-primary) 50%, transparent) }
.text-primary\/55 { color:color-mix(in oklab, var(--color-primary) 55%, transparent) }
.bg-primary\/55 { background-color:color-mix(in oklab, var(--color-primary) 55%, transparent) }
.border-primary\/55 { border-color:color-mix(in oklab, var(--color-primary) 55%, transparent) }
.text-primary\/60 { color:color-mix(in oklab, var(--color-primary) 60%, transparent) }
.bg-primary\/60 { background-color:color-mix(in oklab, var(--color-primary) 60%, transparent) }
.border-primary\/60 { border-color:color-mix(in oklab, var(--color-primary) 60%, transparent) }
.text-primary\/70 { color:color-mix(in oklab, var(--color-primary) 70%, transparent) }
.bg-primary\/70 { background-color:color-mix(in oklab, var(--color-primary) 70%, transparent) }
.border-primary\/70 { border-color:color-mix(in oklab, var(--color-primary) 70%, transparent) }
.text-primary\/75 { color:color-mix(in oklab, var(--color-primary) 75%, transparent) }
.bg-primary\/75 { background-color:color-mix(in oklab, var(--color-primary) 75%, transparent) }
.border-primary\/75 { border-color:color-mix(in oklab, var(--color-primary) 75%, transparent) }
.text-primary\/80 { color:color-mix(in oklab, var(--color-primary) 80%, transparent) }
.bg-primary\/80 { background-color:color-mix(in oklab, var(--color-primary) 80%, transparent) }
.border-primary\/80 { border-color:color-mix(in oklab, var(--color-primary) 80%, transparent) }
.text-primary\/90 { color:color-mix(in oklab, var(--color-primary) 90%, transparent) }
.bg-primary\/90 { background-color:color-mix(in oklab, var(--color-primary) 90%, transparent) }
.border-primary\/90 { border-color:color-mix(in oklab, var(--color-primary) 90%, transparent) }
.ring-primary\/5 { --ring-color:color-mix(in oklab, var(--color-primary) 5%, transparent) }
.ring-primary\/80 { --ring-color:color-mix(in oklab, var(--color-primary) 80%, transparent) }
.text-primary-content\/3 { color:color-mix(in oklab, var(--color-primary-content) 3%, transparent) }
.bg-primary-content\/3 { background-color:color-mix(in oklab, var(--color-primary-content) 3%, transparent) }
.border-primary-content\/3 { border-color:color-mix(in oklab, var(--color-primary-content) 3%, transparent) }
.text-primary-content\/4 { color:color-mix(in oklab, var(--color-primary-content) 4%, transparent) }
.bg-primary-content\/4 { background-color:color-mix(in oklab, var(--color-primary-content) 4%, transparent) }
.border-primary-content\/4 { border-color:color-mix(in oklab, var(--color-primary-content) 4%, transparent) }
.text-primary-content\/5 { color:color-mix(in oklab, var(--color-primary-content) 5%, transparent) }
.bg-primary-content\/5 { background-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent) }
.border-primary-content\/5 { border-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent) }
.text-primary-content\/8 { color:color-mix(in oklab, var(--color-primary-content) 8%, transparent) }
.bg-primary-content\/8 { background-color:color-mix(in oklab, var(--color-primary-content) 8%, transparent) }
.border-primary-content\/8 { border-color:color-mix(in oklab, var(--color-primary-content) 8%, transparent) }
.text-primary-content\/10 { color:color-mix(in oklab, var(--color-primary-content) 10%, transparent) }
.bg-primary-content\/10 { background-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent) }
.border-primary-content\/10 { border-color:color-mix(in oklab, var(--color-primary-content) 10%, transparent) }
.text-primary-content\/15 { color:color-mix(in oklab, var(--color-primary-content) 15%, transparent) }
.bg-primary-content\/15 { background-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent) }
.border-primary-content\/15 { border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent) }
.text-primary-content\/20 { color:color-mix(in oklab, var(--color-primary-content) 20%, transparent) }
.bg-primary-content\/20 { background-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent) }
.border-primary-content\/20 { border-color:color-mix(in oklab, var(--color-primary-content) 20%, transparent) }
.text-primary-content\/25 { color:color-mix(in oklab, var(--color-primary-content) 25%, transparent) }
.bg-primary-content\/25 { background-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent) }
.border-primary-content\/25 { border-color:color-mix(in oklab, var(--color-primary-content) 25%, transparent) }
.text-primary-content\/30 { color:color-mix(in oklab, var(--color-primary-content) 30%, transparent) }
.bg-primary-content\/30 { background-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent) }
.border-primary-content\/30 { border-color:color-mix(in oklab, var(--color-primary-content) 30%, transparent) }
.text-primary-content\/40 { color:color-mix(in oklab, var(--color-primary-content) 40%, transparent) }
.bg-primary-content\/40 { background-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent) }
.border-primary-content\/40 { border-color:color-mix(in oklab, var(--color-primary-content) 40%, transparent) }
.text-primary-content\/50 { color:color-mix(in oklab, var(--color-primary-content) 50%, transparent) }
.bg-primary-content\/50 { background-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent) }
.border-primary-content\/50 { border-color:color-mix(in oklab, var(--color-primary-content) 50%, transparent) }
.text-primary-content\/55 { color:color-mix(in oklab, var(--color-primary-content) 55%, transparent) }
.bg-primary-content\/55 { background-color:color-mix(in oklab, var(--color-primary-content) 55%, transparent) }
.border-primary-content\/55 { border-color:color-mix(in oklab, var(--color-primary-content) 55%, transparent) }
.text-primary-content\/60 { color:color-mix(in oklab, var(--color-primary-content) 60%, transparent) }
.bg-primary-content\/60 { background-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent) }
.border-primary-content\/60 { border-color:color-mix(in oklab, var(--color-primary-content) 60%, transparent) }
.text-primary-content\/70 { color:color-mix(in oklab, var(--color-primary-content) 70%, transparent) }
.bg-primary-content\/70 { background-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent) }
.border-primary-content\/70 { border-color:color-mix(in oklab, var(--color-primary-content) 70%, transparent) }
.text-primary-content\/75 { color:color-mix(in oklab, var(--color-primary-content) 75%, transparent) }
.bg-primary-content\/75 { background-color:color-mix(in oklab, var(--color-primary-content) 75%, transparent) }
.border-primary-content\/75 { border-color:color-mix(in oklab, var(--color-primary-content) 75%, transparent) }
.text-primary-content\/80 { color:color-mix(in oklab, var(--color-primary-content) 80%, transparent) }
.bg-primary-content\/80 { background-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent) }
.border-primary-content\/80 { border-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent) }
.text-primary-content\/90 { color:color-mix(in oklab, var(--color-primary-content) 90%, transparent) }
.bg-primary-content\/90 { background-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent) }
.border-primary-content\/90 { border-color:color-mix(in oklab, var(--color-primary-content) 90%, transparent) }
.ring-primary-content\/5 { --ring-color:color-mix(in oklab, var(--color-primary-content) 5%, transparent) }
.ring-primary-content\/80 { --ring-color:color-mix(in oklab, var(--color-primary-content) 80%, transparent) }
.text-secondary\/3 { color:color-mix(in oklab, var(--color-secondary) 3%, transparent) }
.bg-secondary\/3 { background-color:color-mix(in oklab, var(--color-secondary) 3%, transparent) }
.border-secondary\/3 { border-color:color-mix(in oklab, var(--color-secondary) 3%, transparent) }
.text-secondary\/4 { color:color-mix(in oklab, var(--color-secondary) 4%, transparent) }
.bg-secondary\/4 { background-color:color-mix(in oklab, var(--color-secondary) 4%, transparent) }
.border-secondary\/4 { border-color:color-mix(in oklab, var(--color-secondary) 4%, transparent) }
.text-secondary\/5 { color:color-mix(in oklab, var(--color-secondary) 5%, transparent) }
.bg-secondary\/5 { background-color:color-mix(in oklab, var(--color-secondary) 5%, transparent) }
.border-secondary\/5 { border-color:color-mix(in oklab, var(--color-secondary) 5%, transparent) }
.text-secondary\/8 { color:color-mix(in oklab, var(--color-secondary) 8%, transparent) }
.bg-secondary\/8 { background-color:color-mix(in oklab, var(--color-secondary) 8%, transparent) }
.border-secondary\/8 { border-color:color-mix(in oklab, var(--color-secondary) 8%, transparent) }
.text-secondary\/10 { color:color-mix(in oklab, var(--color-secondary) 10%, transparent) }
.bg-secondary\/10 { background-color:color-mix(in oklab, var(--color-secondary) 10%, transparent) }
.border-secondary\/10 { border-color:color-mix(in oklab, var(--color-secondary) 10%, transparent) }
.text-secondary\/15 { color:color-mix(in oklab, var(--color-secondary) 15%, transparent) }
.bg-secondary\/15 { background-color:color-mix(in oklab, var(--color-secondary) 15%, transparent) }
.border-secondary\/15 { border-color:color-mix(in oklab, var(--color-secondary) 15%, transparent) }
.text-secondary\/20 { color:color-mix(in oklab, var(--color-secondary) 20%, transparent) }
.bg-secondary\/20 { background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent) }
.border-secondary\/20 { border-color:color-mix(in oklab, var(--color-secondary) 20%, transparent) }
.text-secondary\/25 { color:color-mix(in oklab, var(--color-secondary) 25%, transparent) }
.bg-secondary\/25 { background-color:color-mix(in oklab, var(--color-secondary) 25%, transparent) }
.border-secondary\/25 { border-color:color-mix(in oklab, var(--color-secondary) 25%, transparent) }
.text-secondary\/30 { color:color-mix(in oklab, var(--color-secondary) 30%, transparent) }
.bg-secondary\/30 { background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent) }
.border-secondary\/30 { border-color:color-mix(in oklab, var(--color-secondary) 30%, transparent) }
.text-secondary\/40 { color:color-mix(in oklab, var(--color-secondary) 40%, transparent) }
.bg-secondary\/40 { background-color:color-mix(in oklab, var(--color-secondary) 40%, transparent) }
.border-secondary\/40 { border-color:color-mix(in oklab, var(--color-secondary) 40%, transparent) }
.text-secondary\/50 { color:color-mix(in oklab, var(--color-secondary) 50%, transparent) }
.bg-secondary\/50 { background-color:color-mix(in oklab, var(--color-secondary) 50%, transparent) }
.border-secondary\/50 { border-color:color-mix(in oklab, var(--color-secondary) 50%, transparent) }
.text-secondary\/55 { color:color-mix(in oklab, var(--color-secondary) 55%, transparent) }
.bg-secondary\/55 { background-color:color-mix(in oklab, var(--color-secondary) 55%, transparent) }
.border-secondary\/55 { border-color:color-mix(in oklab, var(--color-secondary) 55%, transparent) }
.text-secondary\/60 { color:color-mix(in oklab, var(--color-secondary) 60%, transparent) }
.bg-secondary\/60 { background-color:color-mix(in oklab, var(--color-secondary) 60%, transparent) }
.border-secondary\/60 { border-color:color-mix(in oklab, var(--color-secondary) 60%, transparent) }
.text-secondary\/70 { color:color-mix(in oklab, var(--color-secondary) 70%, transparent) }
.bg-secondary\/70 { background-color:color-mix(in oklab, var(--color-secondary) 70%, transparent) }
.border-secondary\/70 { border-color:color-mix(in oklab, var(--color-secondary) 70%, transparent) }
.text-secondary\/75 { color:color-mix(in oklab, var(--color-secondary) 75%, transparent) }
.bg-secondary\/75 { background-color:color-mix(in oklab, var(--color-secondary) 75%, transparent) }
.border-secondary\/75 { border-color:color-mix(in oklab, var(--color-secondary) 75%, transparent) }
.text-secondary\/80 { color:color-mix(in oklab, var(--color-secondary) 80%, transparent) }
.bg-secondary\/80 { background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent) }
.border-secondary\/80 { border-color:color-mix(in oklab, var(--color-secondary) 80%, transparent) }
.text-secondary\/90 { color:color-mix(in oklab, var(--color-secondary) 90%, transparent) }
.bg-secondary\/90 { background-color:color-mix(in oklab, var(--color-secondary) 90%, transparent) }
.border-secondary\/90 { border-color:color-mix(in oklab, var(--color-secondary) 90%, transparent) }
.ring-secondary\/5 { --ring-color:color-mix(in oklab, var(--color-secondary) 5%, transparent) }
.ring-secondary\/80 { --ring-color:color-mix(in oklab, var(--color-secondary) 80%, transparent) }
.text-secondary-content\/3 { color:color-mix(in oklab, var(--color-secondary-content) 3%, transparent) }
.bg-secondary-content\/3 { background-color:color-mix(in oklab, var(--color-secondary-content) 3%, transparent) }
.border-secondary-content\/3 { border-color:color-mix(in oklab, var(--color-secondary-content) 3%, transparent) }
.text-secondary-content\/4 { color:color-mix(in oklab, var(--color-secondary-content) 4%, transparent) }
.bg-secondary-content\/4 { background-color:color-mix(in oklab, var(--color-secondary-content) 4%, transparent) }
.border-secondary-content\/4 { border-color:color-mix(in oklab, var(--color-secondary-content) 4%, transparent) }
.text-secondary-content\/5 { color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent) }
.bg-secondary-content\/5 { background-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent) }
.border-secondary-content\/5 { border-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent) }
.text-secondary-content\/8 { color:color-mix(in oklab, var(--color-secondary-content) 8%, transparent) }
.bg-secondary-content\/8 { background-color:color-mix(in oklab, var(--color-secondary-content) 8%, transparent) }
.border-secondary-content\/8 { border-color:color-mix(in oklab, var(--color-secondary-content) 8%, transparent) }
.text-secondary-content\/10 { color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent) }
.bg-secondary-content\/10 { background-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent) }
.border-secondary-content\/10 { border-color:color-mix(in oklab, var(--color-secondary-content) 10%, transparent) }
.text-secondary-content\/15 { color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent) }
.bg-secondary-content\/15 { background-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent) }
.border-secondary-content\/15 { border-color:color-mix(in oklab, var(--color-secondary-content) 15%, transparent) }
.text-secondary-content\/20 { color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent) }
.bg-secondary-content\/20 { background-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent) }
.border-secondary-content\/20 { border-color:color-mix(in oklab, var(--color-secondary-content) 20%, transparent) }
.text-secondary-content\/25 { color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent) }
.bg-secondary-content\/25 { background-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent) }
.border-secondary-content\/25 { border-color:color-mix(in oklab, var(--color-secondary-content) 25%, transparent) }
.text-secondary-content\/30 { color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent) }
.bg-secondary-content\/30 { background-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent) }
.border-secondary-content\/30 { border-color:color-mix(in oklab, var(--color-secondary-content) 30%, transparent) }
.text-secondary-content\/40 { color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent) }
.bg-secondary-content\/40 { background-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent) }
.border-secondary-content\/40 { border-color:color-mix(in oklab, var(--color-secondary-content) 40%, transparent) }
.text-secondary-content\/50 { color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent) }
.bg-secondary-content\/50 { background-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent) }
.border-secondary-content\/50 { border-color:color-mix(in oklab, var(--color-secondary-content) 50%, transparent) }
.text-secondary-content\/55 { color:color-mix(in oklab, var(--color-secondary-content) 55%, transparent) }
.bg-secondary-content\/55 { background-color:color-mix(in oklab, var(--color-secondary-content) 55%, transparent) }
.border-secondary-content\/55 { border-color:color-mix(in oklab, var(--color-secondary-content) 55%, transparent) }
.text-secondary-content\/60 { color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent) }
.bg-secondary-content\/60 { background-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent) }
.border-secondary-content\/60 { border-color:color-mix(in oklab, var(--color-secondary-content) 60%, transparent) }
.text-secondary-content\/70 { color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent) }
.bg-secondary-content\/70 { background-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent) }
.border-secondary-content\/70 { border-color:color-mix(in oklab, var(--color-secondary-content) 70%, transparent) }
.text-secondary-content\/75 { color:color-mix(in oklab, var(--color-secondary-content) 75%, transparent) }
.bg-secondary-content\/75 { background-color:color-mix(in oklab, var(--color-secondary-content) 75%, transparent) }
.border-secondary-content\/75 { border-color:color-mix(in oklab, var(--color-secondary-content) 75%, transparent) }
.text-secondary-content\/80 { color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent) }
.bg-secondary-content\/80 { background-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent) }
.border-secondary-content\/80 { border-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent) }
.text-secondary-content\/90 { color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent) }
.bg-secondary-content\/90 { background-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent) }
.border-secondary-content\/90 { border-color:color-mix(in oklab, var(--color-secondary-content) 90%, transparent) }
.ring-secondary-content\/5 { --ring-color:color-mix(in oklab, var(--color-secondary-content) 5%, transparent) }
.ring-secondary-content\/80 { --ring-color:color-mix(in oklab, var(--color-secondary-content) 80%, transparent) }
.text-accent\/3 { color:color-mix(in oklab, var(--color-accent) 3%, transparent) }
.bg-accent\/3 { background-color:color-mix(in oklab, var(--color-accent) 3%, transparent) }
.border-accent\/3 { border-color:color-mix(in oklab, var(--color-accent) 3%, transparent) }
.text-accent\/4 { color:color-mix(in oklab, var(--color-accent) 4%, transparent) }
.bg-accent\/4 { background-color:color-mix(in oklab, var(--color-accent) 4%, transparent) }
.border-accent\/4 { border-color:color-mix(in oklab, var(--color-accent) 4%, transparent) }
.text-accent\/5 { color:color-mix(in oklab, var(--color-accent) 5%, transparent) }
.bg-accent\/5 { background-color:color-mix(in oklab, var(--color-accent) 5%, transparent) }
.border-accent\/5 { border-color:color-mix(in oklab, var(--color-accent) 5%, transparent) }
.text-accent\/8 { color:color-mix(in oklab, var(--color-accent) 8%, transparent) }
.bg-accent\/8 { background-color:color-mix(in oklab, var(--color-accent) 8%, transparent) }
.border-accent\/8 { border-color:color-mix(in oklab, var(--color-accent) 8%, transparent) }
.text-accent\/10 { color:color-mix(in oklab, var(--color-accent) 10%, transparent) }
.bg-accent\/10 { background-color:color-mix(in oklab, var(--color-accent) 10%, transparent) }
.border-accent\/10 { border-color:color-mix(in oklab, var(--color-accent) 10%, transparent) }
.text-accent\/15 { color:color-mix(in oklab, var(--color-accent) 15%, transparent) }
.bg-accent\/15 { background-color:color-mix(in oklab, var(--color-accent) 15%, transparent) }
.border-accent\/15 { border-color:color-mix(in oklab, var(--color-accent) 15%, transparent) }
.text-accent\/20 { color:color-mix(in oklab, var(--color-accent) 20%, transparent) }
.bg-accent\/20 { background-color:color-mix(in oklab, var(--color-accent) 20%, transparent) }
.border-accent\/20 { border-color:color-mix(in oklab, var(--color-accent) 20%, transparent) }
.text-accent\/25 { color:color-mix(in oklab, var(--color-accent) 25%, transparent) }
.bg-accent\/25 { background-color:color-mix(in oklab, var(--color-accent) 25%, transparent) }
.border-accent\/25 { border-color:color-mix(in oklab, var(--color-accent) 25%, transparent) }
.text-accent\/30 { color:color-mix(in oklab, var(--color-accent) 30%, transparent) }
.bg-accent\/30 { background-color:color-mix(in oklab, var(--color-accent) 30%, transparent) }
.border-accent\/30 { border-color:color-mix(in oklab, var(--color-accent) 30%, transparent) }
.text-accent\/40 { color:color-mix(in oklab, var(--color-accent) 40%, transparent) }
.bg-accent\/40 { background-color:color-mix(in oklab, var(--color-accent) 40%, transparent) }
.border-accent\/40 { border-color:color-mix(in oklab, var(--color-accent) 40%, transparent) }
.text-accent\/50 { color:color-mix(in oklab, var(--color-accent) 50%, transparent) }
.bg-accent\/50 { background-color:color-mix(in oklab, var(--color-accent) 50%, transparent) }
.border-accent\/50 { border-color:color-mix(in oklab, var(--color-accent) 50%, transparent) }
.text-accent\/55 { color:color-mix(in oklab, var(--color-accent) 55%, transparent) }
.bg-accent\/55 { background-color:color-mix(in oklab, var(--color-accent) 55%, transparent) }
.border-accent\/55 { border-color:color-mix(in oklab, var(--color-accent) 55%, transparent) }
.text-accent\/60 { color:color-mix(in oklab, var(--color-accent) 60%, transparent) }
.bg-accent\/60 { background-color:color-mix(in oklab, var(--color-accent) 60%, transparent) }
.border-accent\/60 { border-color:color-mix(in oklab, var(--color-accent) 60%, transparent) }
.text-accent\/70 { color:color-mix(in oklab, var(--color-accent) 70%, transparent) }
.bg-accent\/70 { background-color:color-mix(in oklab, var(--color-accent) 70%, transparent) }
.border-accent\/70 { border-color:color-mix(in oklab, var(--color-accent) 70%, transparent) }
.text-accent\/75 { color:color-mix(in oklab, var(--color-accent) 75%, transparent) }
.bg-accent\/75 { background-color:color-mix(in oklab, var(--color-accent) 75%, transparent) }
.border-accent\/75 { border-color:color-mix(in oklab, var(--color-accent) 75%, transparent) }
.text-accent\/80 { color:color-mix(in oklab, var(--color-accent) 80%, transparent) }
.bg-accent\/80 { background-color:color-mix(in oklab, var(--color-accent) 80%, transparent) }
.border-accent\/80 { border-color:color-mix(in oklab, var(--color-accent) 80%, transparent) }
.text-accent\/90 { color:color-mix(in oklab, var(--color-accent) 90%, transparent) }
.bg-accent\/90 { background-color:color-mix(in oklab, var(--color-accent) 90%, transparent) }
.border-accent\/90 { border-color:color-mix(in oklab, var(--color-accent) 90%, transparent) }
.ring-accent\/5 { --ring-color:color-mix(in oklab, var(--color-accent) 5%, transparent) }
.ring-accent\/80 { --ring-color:color-mix(in oklab, var(--color-accent) 80%, transparent) }
.text-accent-content\/3 { color:color-mix(in oklab, var(--color-accent-content) 3%, transparent) }
.bg-accent-content\/3 { background-color:color-mix(in oklab, var(--color-accent-content) 3%, transparent) }
.border-accent-content\/3 { border-color:color-mix(in oklab, var(--color-accent-content) 3%, transparent) }
.text-accent-content\/4 { color:color-mix(in oklab, var(--color-accent-content) 4%, transparent) }
.bg-accent-content\/4 { background-color:color-mix(in oklab, var(--color-accent-content) 4%, transparent) }
.border-accent-content\/4 { border-color:color-mix(in oklab, var(--color-accent-content) 4%, transparent) }
.text-accent-content\/5 { color:color-mix(in oklab, var(--color-accent-content) 5%, transparent) }
.bg-accent-content\/5 { background-color:color-mix(in oklab, var(--color-accent-content) 5%, transparent) }
.border-accent-content\/5 { border-color:color-mix(in oklab, var(--color-accent-content) 5%, transparent) }
.text-accent-content\/8 { color:color-mix(in oklab, var(--color-accent-content) 8%, transparent) }
.bg-accent-content\/8 { background-color:color-mix(in oklab, var(--color-accent-content) 8%, transparent) }
.border-accent-content\/8 { border-color:color-mix(in oklab, var(--color-accent-content) 8%, transparent) }
.text-accent-content\/10 { color:color-mix(in oklab, var(--color-accent-content) 10%, transparent) }
.bg-accent-content\/10 { background-color:color-mix(in oklab, var(--color-accent-content) 10%, transparent) }
.border-accent-content\/10 { border-color:color-mix(in oklab, var(--color-accent-content) 10%, transparent) }
.text-accent-content\/15 { color:color-mix(in oklab, var(--color-accent-content) 15%, transparent) }
.bg-accent-content\/15 { background-color:color-mix(in oklab, var(--color-accent-content) 15%, transparent) }
.border-accent-content\/15 { border-color:color-mix(in oklab, var(--color-accent-content) 15%, transparent) }
.text-accent-content\/20 { color:color-mix(in oklab, var(--color-accent-content) 20%, transparent) }
.bg-accent-content\/20 { background-color:color-mix(in oklab, var(--color-accent-content) 20%, transparent) }
.border-accent-content\/20 { border-color:color-mix(in oklab, var(--color-accent-content) 20%, transparent) }
.text-accent-content\/25 { color:color-mix(in oklab, var(--color-accent-content) 25%, transparent) }
.bg-accent-content\/25 { background-color:color-mix(in oklab, var(--color-accent-content) 25%, transparent) }
.border-accent-content\/25 { border-color:color-mix(in oklab, var(--color-accent-content) 25%, transparent) }
.text-accent-content\/30 { color:color-mix(in oklab, var(--color-accent-content) 30%, transparent) }
.bg-accent-content\/30 { background-color:color-mix(in oklab, var(--color-accent-content) 30%, transparent) }
.border-accent-content\/30 { border-color:color-mix(in oklab, var(--color-accent-content) 30%, transparent) }
.text-accent-content\/40 { color:color-mix(in oklab, var(--color-accent-content) 40%, transparent) }
.bg-accent-content\/40 { background-color:color-mix(in oklab, var(--color-accent-content) 40%, transparent) }
.border-accent-content\/40 { border-color:color-mix(in oklab, var(--color-accent-content) 40%, transparent) }
.text-accent-content\/50 { color:color-mix(in oklab, var(--color-accent-content) 50%, transparent) }
.bg-accent-content\/50 { background-color:color-mix(in oklab, var(--color-accent-content) 50%, transparent) }
.border-accent-content\/50 { border-color:color-mix(in oklab, var(--color-accent-content) 50%, transparent) }
.text-accent-content\/55 { color:color-mix(in oklab, var(--color-accent-content) 55%, transparent) }
.bg-accent-content\/55 { background-color:color-mix(in oklab, var(--color-accent-content) 55%, transparent) }
.border-accent-content\/55 { border-color:color-mix(in oklab, var(--color-accent-content) 55%, transparent) }
.text-accent-content\/60 { color:color-mix(in oklab, var(--color-accent-content) 60%, transparent) }
.bg-accent-content\/60 { background-color:color-mix(in oklab, var(--color-accent-content) 60%, transparent) }
.border-accent-content\/60 { border-color:color-mix(in oklab, var(--color-accent-content) 60%, transparent) }
.text-accent-content\/70 { color:color-mix(in oklab, var(--color-accent-content) 70%, transparent) }
.bg-accent-content\/70 { background-color:color-mix(in oklab, var(--color-accent-content) 70%, transparent) }
.border-accent-content\/70 { border-color:color-mix(in oklab, var(--color-accent-content) 70%, transparent) }
.text-accent-content\/75 { color:color-mix(in oklab, var(--color-accent-content) 75%, transparent) }
.bg-accent-content\/75 { background-color:color-mix(in oklab, var(--color-accent-content) 75%, transparent) }
.border-accent-content\/75 { border-color:color-mix(in oklab, var(--color-accent-content) 75%, transparent) }
.text-accent-content\/80 { color:color-mix(in oklab, var(--color-accent-content) 80%, transparent) }
.bg-accent-content\/80 { background-color:color-mix(in oklab, var(--color-accent-content) 80%, transparent) }
.border-accent-content\/80 { border-color:color-mix(in oklab, var(--color-accent-content) 80%, transparent) }
.text-accent-content\/90 { color:color-mix(in oklab, var(--color-accent-content) 90%, transparent) }
.bg-accent-content\/90 { background-color:color-mix(in oklab, var(--color-accent-content) 90%, transparent) }
.border-accent-content\/90 { border-color:color-mix(in oklab, var(--color-accent-content) 90%, transparent) }
.ring-accent-content\/5 { --ring-color:color-mix(in oklab, var(--color-accent-content) 5%, transparent) }
.ring-accent-content\/80 { --ring-color:color-mix(in oklab, var(--color-accent-content) 80%, transparent) }
.text-neutral\/3 { color:color-mix(in oklab, var(--color-neutral) 3%, transparent) }
.bg-neutral\/3 { background-color:color-mix(in oklab, var(--color-neutral) 3%, transparent) }
.border-neutral\/3 { border-color:color-mix(in oklab, var(--color-neutral) 3%, transparent) }
.text-neutral\/4 { color:color-mix(in oklab, var(--color-neutral) 4%, transparent) }
.bg-neutral\/4 { background-color:color-mix(in oklab, var(--color-neutral) 4%, transparent) }
.border-neutral\/4 { border-color:color-mix(in oklab, var(--color-neutral) 4%, transparent) }
.text-neutral\/5 { color:color-mix(in oklab, var(--color-neutral) 5%, transparent) }
.bg-neutral\/5 { background-color:color-mix(in oklab, var(--color-neutral) 5%, transparent) }
.border-neutral\/5 { border-color:color-mix(in oklab, var(--color-neutral) 5%, transparent) }
.text-neutral\/8 { color:color-mix(in oklab, var(--color-neutral) 8%, transparent) }
.bg-neutral\/8 { background-color:color-mix(in oklab, var(--color-neutral) 8%, transparent) }
.border-neutral\/8 { border-color:color-mix(in oklab, var(--color-neutral) 8%, transparent) }
.text-neutral\/10 { color:color-mix(in oklab, var(--color-neutral) 10%, transparent) }
.bg-neutral\/10 { background-color:color-mix(in oklab, var(--color-neutral) 10%, transparent) }
.border-neutral\/10 { border-color:color-mix(in oklab, var(--color-neutral) 10%, transparent) }
.text-neutral\/15 { color:color-mix(in oklab, var(--color-neutral) 15%, transparent) }
.bg-neutral\/15 { background-color:color-mix(in oklab, var(--color-neutral) 15%, transparent) }
.border-neutral\/15 { border-color:color-mix(in oklab, var(--color-neutral) 15%, transparent) }
.text-neutral\/20 { color:color-mix(in oklab, var(--color-neutral) 20%, transparent) }
.bg-neutral\/20 { background-color:color-mix(in oklab, var(--color-neutral) 20%, transparent) }
.border-neutral\/20 { border-color:color-mix(in oklab, var(--color-neutral) 20%, transparent) }
.text-neutral\/25 { color:color-mix(in oklab, var(--color-neutral) 25%, transparent) }
.bg-neutral\/25 { background-color:color-mix(in oklab, var(--color-neutral) 25%, transparent) }
.border-neutral\/25 { border-color:color-mix(in oklab, var(--color-neutral) 25%, transparent) }
.text-neutral\/30 { color:color-mix(in oklab, var(--color-neutral) 30%, transparent) }
.bg-neutral\/30 { background-color:color-mix(in oklab, var(--color-neutral) 30%, transparent) }
.border-neutral\/30 { border-color:color-mix(in oklab, var(--color-neutral) 30%, transparent) }
.text-neutral\/40 { color:color-mix(in oklab, var(--color-neutral) 40%, transparent) }
.bg-neutral\/40 { background-color:color-mix(in oklab, var(--color-neutral) 40%, transparent) }
.border-neutral\/40 { border-color:color-mix(in oklab, var(--color-neutral) 40%, transparent) }
.text-neutral\/50 { color:color-mix(in oklab, var(--color-neutral) 50%, transparent) }
.bg-neutral\/50 { background-color:color-mix(in oklab, var(--color-neutral) 50%, transparent) }
.border-neutral\/50 { border-color:color-mix(in oklab, var(--color-neutral) 50%, transparent) }
.text-neutral\/55 { color:color-mix(in oklab, var(--color-neutral) 55%, transparent) }
.bg-neutral\/55 { background-color:color-mix(in oklab, var(--color-neutral) 55%, transparent) }
.border-neutral\/55 { border-color:color-mix(in oklab, var(--color-neutral) 55%, transparent) }
.text-neutral\/60 { color:color-mix(in oklab, var(--color-neutral) 60%, transparent) }
.bg-neutral\/60 { background-color:color-mix(in oklab, var(--color-neutral) 60%, transparent) }
.border-neutral\/60 { border-color:color-mix(in oklab, var(--color-neutral) 60%, transparent) }
.text-neutral\/70 { color:color-mix(in oklab, var(--color-neutral) 70%, transparent) }
.bg-neutral\/70 { background-color:color-mix(in oklab, var(--color-neutral) 70%, transparent) }
.border-neutral\/70 { border-color:color-mix(in oklab, var(--color-neutral) 70%, transparent) }
.text-neutral\/75 { color:color-mix(in oklab, var(--color-neutral) 75%, transparent) }
.bg-neutral\/75 { background-color:color-mix(in oklab, var(--color-neutral) 75%, transparent) }
.border-neutral\/75 { border-color:color-mix(in oklab, var(--color-neutral) 75%, transparent) }
.text-neutral\/80 { color:color-mix(in oklab, var(--color-neutral) 80%, transparent) }
.bg-neutral\/80 { background-color:color-mix(in oklab, var(--color-neutral) 80%, transparent) }
.border-neutral\/80 { border-color:color-mix(in oklab, var(--color-neutral) 80%, transparent) }
.text-neutral\/90 { color:color-mix(in oklab, var(--color-neutral) 90%, transparent) }
.bg-neutral\/90 { background-color:color-mix(in oklab, var(--color-neutral) 90%, transparent) }
.border-neutral\/90 { border-color:color-mix(in oklab, var(--color-neutral) 90%, transparent) }
.ring-neutral\/5 { --ring-color:color-mix(in oklab, var(--color-neutral) 5%, transparent) }
.ring-neutral\/80 { --ring-color:color-mix(in oklab, var(--color-neutral) 80%, transparent) }
.text-neutral-content\/3 { color:color-mix(in oklab, var(--color-neutral-content) 3%, transparent) }
.bg-neutral-content\/3 { background-color:color-mix(in oklab, var(--color-neutral-content) 3%, transparent) }
.border-neutral-content\/3 { border-color:color-mix(in oklab, var(--color-neutral-content) 3%, transparent) }
.text-neutral-content\/4 { color:color-mix(in oklab, var(--color-neutral-content) 4%, transparent) }
.bg-neutral-content\/4 { background-color:color-mix(in oklab, var(--color-neutral-content) 4%, transparent) }
.border-neutral-content\/4 { border-color:color-mix(in oklab, var(--color-neutral-content) 4%, transparent) }
.text-neutral-content\/5 { color:color-mix(in oklab, var(--color-neutral-content) 5%, transparent) }
.bg-neutral-content\/5 { background-color:color-mix(in oklab, var(--color-neutral-content) 5%, transparent) }
.border-neutral-content\/5 { border-color:color-mix(in oklab, var(--color-neutral-content) 5%, transparent) }
.text-neutral-content\/8 { color:color-mix(in oklab, var(--color-neutral-content) 8%, transparent) }
.bg-neutral-content\/8 { background-color:color-mix(in oklab, var(--color-neutral-content) 8%, transparent) }
.border-neutral-content\/8 { border-color:color-mix(in oklab, var(--color-neutral-content) 8%, transparent) }
.text-neutral-content\/10 { color:color-mix(in oklab, var(--color-neutral-content) 10%, transparent) }
.bg-neutral-content\/10 { background-color:color-mix(in oklab, var(--color-neutral-content) 10%, transparent) }
.border-neutral-content\/10 { border-color:color-mix(in oklab, var(--color-neutral-content) 10%, transparent) }
.text-neutral-content\/15 { color:color-mix(in oklab, var(--color-neutral-content) 15%, transparent) }
.bg-neutral-content\/15 { background-color:color-mix(in oklab, var(--color-neutral-content) 15%, transparent) }
.border-neutral-content\/15 { border-color:color-mix(in oklab, var(--color-neutral-content) 15%, transparent) }
.text-neutral-content\/20 { color:color-mix(in oklab, var(--color-neutral-content) 20%, transparent) }
.bg-neutral-content\/20 { background-color:color-mix(in oklab, var(--color-neutral-content) 20%, transparent) }
.border-neutral-content\/20 { border-color:color-mix(in oklab, var(--color-neutral-content) 20%, transparent) }
.text-neutral-content\/25 { color:color-mix(in oklab, var(--color-neutral-content) 25%, transparent) }
.bg-neutral-content\/25 { background-color:color-mix(in oklab, var(--color-neutral-content) 25%, transparent) }
.border-neutral-content\/25 { border-color:color-mix(in oklab, var(--color-neutral-content) 25%, transparent) }
.text-neutral-content\/30 { color:color-mix(in oklab, var(--color-neutral-content) 30%, transparent) }
.bg-neutral-content\/30 { background-color:color-mix(in oklab, var(--color-neutral-content) 30%, transparent) }
.border-neutral-content\/30 { border-color:color-mix(in oklab, var(--color-neutral-content) 30%, transparent) }
.text-neutral-content\/40 { color:color-mix(in oklab, var(--color-neutral-content) 40%, transparent) }
.bg-neutral-content\/40 { background-color:color-mix(in oklab, var(--color-neutral-content) 40%, transparent) }
.border-neutral-content\/40 { border-color:color-mix(in oklab, var(--color-neutral-content) 40%, transparent) }
.text-neutral-content\/50 { color:color-mix(in oklab, var(--color-neutral-content) 50%, transparent) }
.bg-neutral-content\/50 { background-color:color-mix(in oklab, var(--color-neutral-content) 50%, transparent) }
.border-neutral-content\/50 { border-color:color-mix(in oklab, var(--color-neutral-content) 50%, transparent) }
.text-neutral-content\/55 { color:color-mix(in oklab, var(--color-neutral-content) 55%, transparent) }
.bg-neutral-content\/55 { background-color:color-mix(in oklab, var(--color-neutral-content) 55%, transparent) }
.border-neutral-content\/55 { border-color:color-mix(in oklab, var(--color-neutral-content) 55%, transparent) }
.text-neutral-content\/60 { color:color-mix(in oklab, var(--color-neutral-content) 60%, transparent) }
.bg-neutral-content\/60 { background-color:color-mix(in oklab, var(--color-neutral-content) 60%, transparent) }
.border-neutral-content\/60 { border-color:color-mix(in oklab, var(--color-neutral-content) 60%, transparent) }
.text-neutral-content\/70 { color:color-mix(in oklab, var(--color-neutral-content) 70%, transparent) }
.bg-neutral-content\/70 { background-color:color-mix(in oklab, var(--color-neutral-content) 70%, transparent) }
.border-neutral-content\/70 { border-color:color-mix(in oklab, var(--color-neutral-content) 70%, transparent) }
.text-neutral-content\/75 { color:color-mix(in oklab, var(--color-neutral-content) 75%, transparent) }
.bg-neutral-content\/75 { background-color:color-mix(in oklab, var(--color-neutral-content) 75%, transparent) }
.border-neutral-content\/75 { border-color:color-mix(in oklab, var(--color-neutral-content) 75%, transparent) }
.text-neutral-content\/80 { color:color-mix(in oklab, var(--color-neutral-content) 80%, transparent) }
.bg-neutral-content\/80 { background-color:color-mix(in oklab, var(--color-neutral-content) 80%, transparent) }
.border-neutral-content\/80 { border-color:color-mix(in oklab, var(--color-neutral-content) 80%, transparent) }
.text-neutral-content\/90 { color:color-mix(in oklab, var(--color-neutral-content) 90%, transparent) }
.bg-neutral-content\/90 { background-color:color-mix(in oklab, var(--color-neutral-content) 90%, transparent) }
.border-neutral-content\/90 { border-color:color-mix(in oklab, var(--color-neutral-content) 90%, transparent) }
.ring-neutral-content\/5 { --ring-color:color-mix(in oklab, var(--color-neutral-content) 5%, transparent) }
.ring-neutral-content\/80 { --ring-color:color-mix(in oklab, var(--color-neutral-content) 80%, transparent) }
.text-info\/3 { color:color-mix(in oklab, var(--color-info) 3%, transparent) }
.bg-info\/3 { background-color:color-mix(in oklab, var(--color-info) 3%, transparent) }
.border-info\/3 { border-color:color-mix(in oklab, var(--color-info) 3%, transparent) }
.text-info\/4 { color:color-mix(in oklab, var(--color-info) 4%, transparent) }
.bg-info\/4 { background-color:color-mix(in oklab, var(--color-info) 4%, transparent) }
.border-info\/4 { border-color:color-mix(in oklab, var(--color-info) 4%, transparent) }
.text-info\/5 { color:color-mix(in oklab, var(--color-info) 5%, transparent) }
.bg-info\/5 { background-color:color-mix(in oklab, var(--color-info) 5%, transparent) }
.border-info\/5 { border-color:color-mix(in oklab, var(--color-info) 5%, transparent) }
.text-info\/8 { color:color-mix(in oklab, var(--color-info) 8%, transparent) }
.bg-info\/8 { background-color:color-mix(in oklab, var(--color-info) 8%, transparent) }
.border-info\/8 { border-color:color-mix(in oklab, var(--color-info) 8%, transparent) }
.text-info\/10 { color:color-mix(in oklab, var(--color-info) 10%, transparent) }
.bg-info\/10 { background-color:color-mix(in oklab, var(--color-info) 10%, transparent) }
.border-info\/10 { border-color:color-mix(in oklab, var(--color-info) 10%, transparent) }
.text-info\/15 { color:color-mix(in oklab, var(--color-info) 15%, transparent) }
.bg-info\/15 { background-color:color-mix(in oklab, var(--color-info) 15%, transparent) }
.border-info\/15 { border-color:color-mix(in oklab, var(--color-info) 15%, transparent) }
.text-info\/20 { color:color-mix(in oklab, var(--color-info) 20%, transparent) }
.bg-info\/20 { background-color:color-mix(in oklab, var(--color-info) 20%, transparent) }
.border-info\/20 { border-color:color-mix(in oklab, var(--color-info) 20%, transparent) }
.text-info\/25 { color:color-mix(in oklab, var(--color-info) 25%, transparent) }
.bg-info\/25 { background-color:color-mix(in oklab, var(--color-info) 25%, transparent) }
.border-info\/25 { border-color:color-mix(in oklab, var(--color-info) 25%, transparent) }
.text-info\/30 { color:color-mix(in oklab, var(--color-info) 30%, transparent) }
.bg-info\/30 { background-color:color-mix(in oklab, var(--color-info) 30%, transparent) }
.border-info\/30 { border-color:color-mix(in oklab, var(--color-info) 30%, transparent) }
.text-info\/40 { color:color-mix(in oklab, var(--color-info) 40%, transparent) }
.bg-info\/40 { background-color:color-mix(in oklab, var(--color-info) 40%, transparent) }
.border-info\/40 { border-color:color-mix(in oklab, var(--color-info) 40%, transparent) }
.text-info\/50 { color:color-mix(in oklab, var(--color-info) 50%, transparent) }
.bg-info\/50 { background-color:color-mix(in oklab, var(--color-info) 50%, transparent) }
.border-info\/50 { border-color:color-mix(in oklab, var(--color-info) 50%, transparent) }
.text-info\/55 { color:color-mix(in oklab, var(--color-info) 55%, transparent) }
.bg-info\/55 { background-color:color-mix(in oklab, var(--color-info) 55%, transparent) }
.border-info\/55 { border-color:color-mix(in oklab, var(--color-info) 55%, transparent) }
.text-info\/60 { color:color-mix(in oklab, var(--color-info) 60%, transparent) }
.bg-info\/60 { background-color:color-mix(in oklab, var(--color-info) 60%, transparent) }
.border-info\/60 { border-color:color-mix(in oklab, var(--color-info) 60%, transparent) }
.text-info\/70 { color:color-mix(in oklab, var(--color-info) 70%, transparent) }
.bg-info\/70 { background-color:color-mix(in oklab, var(--color-info) 70%, transparent) }
.border-info\/70 { border-color:color-mix(in oklab, var(--color-info) 70%, transparent) }
.text-info\/75 { color:color-mix(in oklab, var(--color-info) 75%, transparent) }
.bg-info\/75 { background-color:color-mix(in oklab, var(--color-info) 75%, transparent) }
.border-info\/75 { border-color:color-mix(in oklab, var(--color-info) 75%, transparent) }
.text-info\/80 { color:color-mix(in oklab, var(--color-info) 80%, transparent) }
.bg-info\/80 { background-color:color-mix(in oklab, var(--color-info) 80%, transparent) }
.border-info\/80 { border-color:color-mix(in oklab, var(--color-info) 80%, transparent) }
.text-info\/90 { color:color-mix(in oklab, var(--color-info) 90%, transparent) }
.bg-info\/90 { background-color:color-mix(in oklab, var(--color-info) 90%, transparent) }
.border-info\/90 { border-color:color-mix(in oklab, var(--color-info) 90%, transparent) }
.ring-info\/5 { --ring-color:color-mix(in oklab, var(--color-info) 5%, transparent) }
.ring-info\/80 { --ring-color:color-mix(in oklab, var(--color-info) 80%, transparent) }
.text-info-content\/3 { color:color-mix(in oklab, var(--color-info-content) 3%, transparent) }
.bg-info-content\/3 { background-color:color-mix(in oklab, var(--color-info-content) 3%, transparent) }
.border-info-content\/3 { border-color:color-mix(in oklab, var(--color-info-content) 3%, transparent) }
.text-info-content\/4 { color:color-mix(in oklab, var(--color-info-content) 4%, transparent) }
.bg-info-content\/4 { background-color:color-mix(in oklab, var(--color-info-content) 4%, transparent) }
.border-info-content\/4 { border-color:color-mix(in oklab, var(--color-info-content) 4%, transparent) }
.text-info-content\/5 { color:color-mix(in oklab, var(--color-info-content) 5%, transparent) }
.bg-info-content\/5 { background-color:color-mix(in oklab, var(--color-info-content) 5%, transparent) }
.border-info-content\/5 { border-color:color-mix(in oklab, var(--color-info-content) 5%, transparent) }
.text-info-content\/8 { color:color-mix(in oklab, var(--color-info-content) 8%, transparent) }
.bg-info-content\/8 { background-color:color-mix(in oklab, var(--color-info-content) 8%, transparent) }
.border-info-content\/8 { border-color:color-mix(in oklab, var(--color-info-content) 8%, transparent) }
.text-info-content\/10 { color:color-mix(in oklab, var(--color-info-content) 10%, transparent) }
.bg-info-content\/10 { background-color:color-mix(in oklab, var(--color-info-content) 10%, transparent) }
.border-info-content\/10 { border-color:color-mix(in oklab, var(--color-info-content) 10%, transparent) }
.text-info-content\/15 { color:color-mix(in oklab, var(--color-info-content) 15%, transparent) }
.bg-info-content\/15 { background-color:color-mix(in oklab, var(--color-info-content) 15%, transparent) }
.border-info-content\/15 { border-color:color-mix(in oklab, var(--color-info-content) 15%, transparent) }
.text-info-content\/20 { color:color-mix(in oklab, var(--color-info-content) 20%, transparent) }
.bg-info-content\/20 { background-color:color-mix(in oklab, var(--color-info-content) 20%, transparent) }
.border-info-content\/20 { border-color:color-mix(in oklab, var(--color-info-content) 20%, transparent) }
.text-info-content\/25 { color:color-mix(in oklab, var(--color-info-content) 25%, transparent) }
.bg-info-content\/25 { background-color:color-mix(in oklab, var(--color-info-content) 25%, transparent) }
.border-info-content\/25 { border-color:color-mix(in oklab, var(--color-info-content) 25%, transparent) }
.text-info-content\/30 { color:color-mix(in oklab, var(--color-info-content) 30%, transparent) }
.bg-info-content\/30 { background-color:color-mix(in oklab, var(--color-info-content) 30%, transparent) }
.border-info-content\/30 { border-color:color-mix(in oklab, var(--color-info-content) 30%, transparent) }
.text-info-content\/40 { color:color-mix(in oklab, var(--color-info-content) 40%, transparent) }
.bg-info-content\/40 { background-color:color-mix(in oklab, var(--color-info-content) 40%, transparent) }
.border-info-content\/40 { border-color:color-mix(in oklab, var(--color-info-content) 40%, transparent) }
.text-info-content\/50 { color:color-mix(in oklab, var(--color-info-content) 50%, transparent) }
.bg-info-content\/50 { background-color:color-mix(in oklab, var(--color-info-content) 50%, transparent) }
.border-info-content\/50 { border-color:color-mix(in oklab, var(--color-info-content) 50%, transparent) }
.text-info-content\/55 { color:color-mix(in oklab, var(--color-info-content) 55%, transparent) }
.bg-info-content\/55 { background-color:color-mix(in oklab, var(--color-info-content) 55%, transparent) }
.border-info-content\/55 { border-color:color-mix(in oklab, var(--color-info-content) 55%, transparent) }
.text-info-content\/60 { color:color-mix(in oklab, var(--color-info-content) 60%, transparent) }
.bg-info-content\/60 { background-color:color-mix(in oklab, var(--color-info-content) 60%, transparent) }
.border-info-content\/60 { border-color:color-mix(in oklab, var(--color-info-content) 60%, transparent) }
.text-info-content\/70 { color:color-mix(in oklab, var(--color-info-content) 70%, transparent) }
.bg-info-content\/70 { background-color:color-mix(in oklab, var(--color-info-content) 70%, transparent) }
.border-info-content\/70 { border-color:color-mix(in oklab, var(--color-info-content) 70%, transparent) }
.text-info-content\/75 { color:color-mix(in oklab, var(--color-info-content) 75%, transparent) }
.bg-info-content\/75 { background-color:color-mix(in oklab, var(--color-info-content) 75%, transparent) }
.border-info-content\/75 { border-color:color-mix(in oklab, var(--color-info-content) 75%, transparent) }
.text-info-content\/80 { color:color-mix(in oklab, var(--color-info-content) 80%, transparent) }
.bg-info-content\/80 { background-color:color-mix(in oklab, var(--color-info-content) 80%, transparent) }
.border-info-content\/80 { border-color:color-mix(in oklab, var(--color-info-content) 80%, transparent) }
.text-info-content\/90 { color:color-mix(in oklab, var(--color-info-content) 90%, transparent) }
.bg-info-content\/90 { background-color:color-mix(in oklab, var(--color-info-content) 90%, transparent) }
.border-info-content\/90 { border-color:color-mix(in oklab, var(--color-info-content) 90%, transparent) }
.ring-info-content\/5 { --ring-color:color-mix(in oklab, var(--color-info-content) 5%, transparent) }
.ring-info-content\/80 { --ring-color:color-mix(in oklab, var(--color-info-content) 80%, transparent) }
.text-success\/3 { color:color-mix(in oklab, var(--color-success) 3%, transparent) }
.bg-success\/3 { background-color:color-mix(in oklab, var(--color-success) 3%, transparent) }
.border-success\/3 { border-color:color-mix(in oklab, var(--color-success) 3%, transparent) }
.text-success\/4 { color:color-mix(in oklab, var(--color-success) 4%, transparent) }
.bg-success\/4 { background-color:color-mix(in oklab, var(--color-success) 4%, transparent) }
.border-success\/4 { border-color:color-mix(in oklab, var(--color-success) 4%, transparent) }
.text-success\/5 { color:color-mix(in oklab, var(--color-success) 5%, transparent) }
.bg-success\/5 { background-color:color-mix(in oklab, var(--color-success) 5%, transparent) }
.border-success\/5 { border-color:color-mix(in oklab, var(--color-success) 5%, transparent) }
.text-success\/8 { color:color-mix(in oklab, var(--color-success) 8%, transparent) }
.bg-success\/8 { background-color:color-mix(in oklab, var(--color-success) 8%, transparent) }
.border-success\/8 { border-color:color-mix(in oklab, var(--color-success) 8%, transparent) }
.text-success\/10 { color:color-mix(in oklab, var(--color-success) 10%, transparent) }
.bg-success\/10 { background-color:color-mix(in oklab, var(--color-success) 10%, transparent) }
.border-success\/10 { border-color:color-mix(in oklab, var(--color-success) 10%, transparent) }
.text-success\/15 { color:color-mix(in oklab, var(--color-success) 15%, transparent) }
.bg-success\/15 { background-color:color-mix(in oklab, var(--color-success) 15%, transparent) }
.border-success\/15 { border-color:color-mix(in oklab, var(--color-success) 15%, transparent) }
.text-success\/20 { color:color-mix(in oklab, var(--color-success) 20%, transparent) }
.bg-success\/20 { background-color:color-mix(in oklab, var(--color-success) 20%, transparent) }
.border-success\/20 { border-color:color-mix(in oklab, var(--color-success) 20%, transparent) }
.text-success\/25 { color:color-mix(in oklab, var(--color-success) 25%, transparent) }
.bg-success\/25 { background-color:color-mix(in oklab, var(--color-success) 25%, transparent) }
.border-success\/25 { border-color:color-mix(in oklab, var(--color-success) 25%, transparent) }
.text-success\/30 { color:color-mix(in oklab, var(--color-success) 30%, transparent) }
.bg-success\/30 { background-color:color-mix(in oklab, var(--color-success) 30%, transparent) }
.border-success\/30 { border-color:color-mix(in oklab, var(--color-success) 30%, transparent) }
.text-success\/40 { color:color-mix(in oklab, var(--color-success) 40%, transparent) }
.bg-success\/40 { background-color:color-mix(in oklab, var(--color-success) 40%, transparent) }
.border-success\/40 { border-color:color-mix(in oklab, var(--color-success) 40%, transparent) }
.text-success\/50 { color:color-mix(in oklab, var(--color-success) 50%, transparent) }
.bg-success\/50 { background-color:color-mix(in oklab, var(--color-success) 50%, transparent) }
.border-success\/50 { border-color:color-mix(in oklab, var(--color-success) 50%, transparent) }
.text-success\/55 { color:color-mix(in oklab, var(--color-success) 55%, transparent) }
.bg-success\/55 { background-color:color-mix(in oklab, var(--color-success) 55%, transparent) }
.border-success\/55 { border-color:color-mix(in oklab, var(--color-success) 55%, transparent) }
.text-success\/60 { color:color-mix(in oklab, var(--color-success) 60%, transparent) }
.bg-success\/60 { background-color:color-mix(in oklab, var(--color-success) 60%, transparent) }
.border-success\/60 { border-color:color-mix(in oklab, var(--color-success) 60%, transparent) }
.text-success\/70 { color:color-mix(in oklab, var(--color-success) 70%, transparent) }
.bg-success\/70 { background-color:color-mix(in oklab, var(--color-success) 70%, transparent) }
.border-success\/70 { border-color:color-mix(in oklab, var(--color-success) 70%, transparent) }
.text-success\/75 { color:color-mix(in oklab, var(--color-success) 75%, transparent) }
.bg-success\/75 { background-color:color-mix(in oklab, var(--color-success) 75%, transparent) }
.border-success\/75 { border-color:color-mix(in oklab, var(--color-success) 75%, transparent) }
.text-success\/80 { color:color-mix(in oklab, var(--color-success) 80%, transparent) }
.bg-success\/80 { background-color:color-mix(in oklab, var(--color-success) 80%, transparent) }
.border-success\/80 { border-color:color-mix(in oklab, var(--color-success) 80%, transparent) }
.text-success\/90 { color:color-mix(in oklab, var(--color-success) 90%, transparent) }
.bg-success\/90 { background-color:color-mix(in oklab, var(--color-success) 90%, transparent) }
.border-success\/90 { border-color:color-mix(in oklab, var(--color-success) 90%, transparent) }
.ring-success\/5 { --ring-color:color-mix(in oklab, var(--color-success) 5%, transparent) }
.ring-success\/80 { --ring-color:color-mix(in oklab, var(--color-success) 80%, transparent) }
.text-success-content\/3 { color:color-mix(in oklab, var(--color-success-content) 3%, transparent) }
.bg-success-content\/3 { background-color:color-mix(in oklab, var(--color-success-content) 3%, transparent) }
.border-success-content\/3 { border-color:color-mix(in oklab, var(--color-success-content) 3%, transparent) }
.text-success-content\/4 { color:color-mix(in oklab, var(--color-success-content) 4%, transparent) }
.bg-success-content\/4 { background-color:color-mix(in oklab, var(--color-success-content) 4%, transparent) }
.border-success-content\/4 { border-color:color-mix(in oklab, var(--color-success-content) 4%, transparent) }
.text-success-content\/5 { color:color-mix(in oklab, var(--color-success-content) 5%, transparent) }
.bg-success-content\/5 { background-color:color-mix(in oklab, var(--color-success-content) 5%, transparent) }
.border-success-content\/5 { border-color:color-mix(in oklab, var(--color-success-content) 5%, transparent) }
.text-success-content\/8 { color:color-mix(in oklab, var(--color-success-content) 8%, transparent) }
.bg-success-content\/8 { background-color:color-mix(in oklab, var(--color-success-content) 8%, transparent) }
.border-success-content\/8 { border-color:color-mix(in oklab, var(--color-success-content) 8%, transparent) }
.text-success-content\/10 { color:color-mix(in oklab, var(--color-success-content) 10%, transparent) }
.bg-success-content\/10 { background-color:color-mix(in oklab, var(--color-success-content) 10%, transparent) }
.border-success-content\/10 { border-color:color-mix(in oklab, var(--color-success-content) 10%, transparent) }
.text-success-content\/15 { color:color-mix(in oklab, var(--color-success-content) 15%, transparent) }
.bg-success-content\/15 { background-color:color-mix(in oklab, var(--color-success-content) 15%, transparent) }
.border-success-content\/15 { border-color:color-mix(in oklab, var(--color-success-content) 15%, transparent) }
.text-success-content\/20 { color:color-mix(in oklab, var(--color-success-content) 20%, transparent) }
.bg-success-content\/20 { background-color:color-mix(in oklab, var(--color-success-content) 20%, transparent) }
.border-success-content\/20 { border-color:color-mix(in oklab, var(--color-success-content) 20%, transparent) }
.text-success-content\/25 { color:color-mix(in oklab, var(--color-success-content) 25%, transparent) }
.bg-success-content\/25 { background-color:color-mix(in oklab, var(--color-success-content) 25%, transparent) }
.border-success-content\/25 { border-color:color-mix(in oklab, var(--color-success-content) 25%, transparent) }
.text-success-content\/30 { color:color-mix(in oklab, var(--color-success-content) 30%, transparent) }
.bg-success-content\/30 { background-color:color-mix(in oklab, var(--color-success-content) 30%, transparent) }
.border-success-content\/30 { border-color:color-mix(in oklab, var(--color-success-content) 30%, transparent) }
.text-success-content\/40 { color:color-mix(in oklab, var(--color-success-content) 40%, transparent) }
.bg-success-content\/40 { background-color:color-mix(in oklab, var(--color-success-content) 40%, transparent) }
.border-success-content\/40 { border-color:color-mix(in oklab, var(--color-success-content) 40%, transparent) }
.text-success-content\/50 { color:color-mix(in oklab, var(--color-success-content) 50%, transparent) }
.bg-success-content\/50 { background-color:color-mix(in oklab, var(--color-success-content) 50%, transparent) }
.border-success-content\/50 { border-color:color-mix(in oklab, var(--color-success-content) 50%, transparent) }
.text-success-content\/55 { color:color-mix(in oklab, var(--color-success-content) 55%, transparent) }
.bg-success-content\/55 { background-color:color-mix(in oklab, var(--color-success-content) 55%, transparent) }
.border-success-content\/55 { border-color:color-mix(in oklab, var(--color-success-content) 55%, transparent) }
.text-success-content\/60 { color:color-mix(in oklab, var(--color-success-content) 60%, transparent) }
.bg-success-content\/60 { background-color:color-mix(in oklab, var(--color-success-content) 60%, transparent) }
.border-success-content\/60 { border-color:color-mix(in oklab, var(--color-success-content) 60%, transparent) }
.text-success-content\/70 { color:color-mix(in oklab, var(--color-success-content) 70%, transparent) }
.bg-success-content\/70 { background-color:color-mix(in oklab, var(--color-success-content) 70%, transparent) }
.border-success-content\/70 { border-color:color-mix(in oklab, var(--color-success-content) 70%, transparent) }
.text-success-content\/75 { color:color-mix(in oklab, var(--color-success-content) 75%, transparent) }
.bg-success-content\/75 { background-color:color-mix(in oklab, var(--color-success-content) 75%, transparent) }
.border-success-content\/75 { border-color:color-mix(in oklab, var(--color-success-content) 75%, transparent) }
.text-success-content\/80 { color:color-mix(in oklab, var(--color-success-content) 80%, transparent) }
.bg-success-content\/80 { background-color:color-mix(in oklab, var(--color-success-content) 80%, transparent) }
.border-success-content\/80 { border-color:color-mix(in oklab, var(--color-success-content) 80%, transparent) }
.text-success-content\/90 { color:color-mix(in oklab, var(--color-success-content) 90%, transparent) }
.bg-success-content\/90 { background-color:color-mix(in oklab, var(--color-success-content) 90%, transparent) }
.border-success-content\/90 { border-color:color-mix(in oklab, var(--color-success-content) 90%, transparent) }
.ring-success-content\/5 { --ring-color:color-mix(in oklab, var(--color-success-content) 5%, transparent) }
.ring-success-content\/80 { --ring-color:color-mix(in oklab, var(--color-success-content) 80%, transparent) }
.text-warning\/3 { color:color-mix(in oklab, var(--color-warning) 3%, transparent) }
.bg-warning\/3 { background-color:color-mix(in oklab, var(--color-warning) 3%, transparent) }
.border-warning\/3 { border-color:color-mix(in oklab, var(--color-warning) 3%, transparent) }
.text-warning\/4 { color:color-mix(in oklab, var(--color-warning) 4%, transparent) }
.bg-warning\/4 { background-color:color-mix(in oklab, var(--color-warning) 4%, transparent) }
.border-warning\/4 { border-color:color-mix(in oklab, var(--color-warning) 4%, transparent) }
.text-warning\/5 { color:color-mix(in oklab, var(--color-warning) 5%, transparent) }
.bg-warning\/5 { background-color:color-mix(in oklab, var(--color-warning) 5%, transparent) }
.border-warning\/5 { border-color:color-mix(in oklab, var(--color-warning) 5%, transparent) }
.text-warning\/8 { color:color-mix(in oklab, var(--color-warning) 8%, transparent) }
.bg-warning\/8 { background-color:color-mix(in oklab, var(--color-warning) 8%, transparent) }
.border-warning\/8 { border-color:color-mix(in oklab, var(--color-warning) 8%, transparent) }
.text-warning\/10 { color:color-mix(in oklab, var(--color-warning) 10%, transparent) }
.bg-warning\/10 { background-color:color-mix(in oklab, var(--color-warning) 10%, transparent) }
.border-warning\/10 { border-color:color-mix(in oklab, var(--color-warning) 10%, transparent) }
.text-warning\/15 { color:color-mix(in oklab, var(--color-warning) 15%, transparent) }
.bg-warning\/15 { background-color:color-mix(in oklab, var(--color-warning) 15%, transparent) }
.border-warning\/15 { border-color:color-mix(in oklab, var(--color-warning) 15%, transparent) }
.text-warning\/20 { color:color-mix(in oklab, var(--color-warning) 20%, transparent) }
.bg-warning\/20 { background-color:color-mix(in oklab, var(--color-warning) 20%, transparent) }
.border-warning\/20 { border-color:color-mix(in oklab, var(--color-warning) 20%, transparent) }
.text-warning\/25 { color:color-mix(in oklab, var(--color-warning) 25%, transparent) }
.bg-warning\/25 { background-color:color-mix(in oklab, var(--color-warning) 25%, transparent) }
.border-warning\/25 { border-color:color-mix(in oklab, var(--color-warning) 25%, transparent) }
.text-warning\/30 { color:color-mix(in oklab, var(--color-warning) 30%, transparent) }
.bg-warning\/30 { background-color:color-mix(in oklab, var(--color-warning) 30%, transparent) }
.border-warning\/30 { border-color:color-mix(in oklab, var(--color-warning) 30%, transparent) }
.text-warning\/40 { color:color-mix(in oklab, var(--color-warning) 40%, transparent) }
.bg-warning\/40 { background-color:color-mix(in oklab, var(--color-warning) 40%, transparent) }
.border-warning\/40 { border-color:color-mix(in oklab, var(--color-warning) 40%, transparent) }
.text-warning\/50 { color:color-mix(in oklab, var(--color-warning) 50%, transparent) }
.bg-warning\/50 { background-color:color-mix(in oklab, var(--color-warning) 50%, transparent) }
.border-warning\/50 { border-color:color-mix(in oklab, var(--color-warning) 50%, transparent) }
.text-warning\/55 { color:color-mix(in oklab, var(--color-warning) 55%, transparent) }
.bg-warning\/55 { background-color:color-mix(in oklab, var(--color-warning) 55%, transparent) }
.border-warning\/55 { border-color:color-mix(in oklab, var(--color-warning) 55%, transparent) }
.text-warning\/60 { color:color-mix(in oklab, var(--color-warning) 60%, transparent) }
.bg-warning\/60 { background-color:color-mix(in oklab, var(--color-warning) 60%, transparent) }
.border-warning\/60 { border-color:color-mix(in oklab, var(--color-warning) 60%, transparent) }
.text-warning\/70 { color:color-mix(in oklab, var(--color-warning) 70%, transparent) }
.bg-warning\/70 { background-color:color-mix(in oklab, var(--color-warning) 70%, transparent) }
.border-warning\/70 { border-color:color-mix(in oklab, var(--color-warning) 70%, transparent) }
.text-warning\/75 { color:color-mix(in oklab, var(--color-warning) 75%, transparent) }
.bg-warning\/75 { background-color:color-mix(in oklab, var(--color-warning) 75%, transparent) }
.border-warning\/75 { border-color:color-mix(in oklab, var(--color-warning) 75%, transparent) }
.text-warning\/80 { color:color-mix(in oklab, var(--color-warning) 80%, transparent) }
.bg-warning\/80 { background-color:color-mix(in oklab, var(--color-warning) 80%, transparent) }
.border-warning\/80 { border-color:color-mix(in oklab, var(--color-warning) 80%, transparent) }
.text-warning\/90 { color:color-mix(in oklab, var(--color-warning) 90%, transparent) }
.bg-warning\/90 { background-color:color-mix(in oklab, var(--color-warning) 90%, transparent) }
.border-warning\/90 { border-color:color-mix(in oklab, var(--color-warning) 90%, transparent) }
.ring-warning\/5 { --ring-color:color-mix(in oklab, var(--color-warning) 5%, transparent) }
.ring-warning\/80 { --ring-color:color-mix(in oklab, var(--color-warning) 80%, transparent) }
.text-warning-content\/3 { color:color-mix(in oklab, var(--color-warning-content) 3%, transparent) }
.bg-warning-content\/3 { background-color:color-mix(in oklab, var(--color-warning-content) 3%, transparent) }
.border-warning-content\/3 { border-color:color-mix(in oklab, var(--color-warning-content) 3%, transparent) }
.text-warning-content\/4 { color:color-mix(in oklab, var(--color-warning-content) 4%, transparent) }
.bg-warning-content\/4 { background-color:color-mix(in oklab, var(--color-warning-content) 4%, transparent) }
.border-warning-content\/4 { border-color:color-mix(in oklab, var(--color-warning-content) 4%, transparent) }
.text-warning-content\/5 { color:color-mix(in oklab, var(--color-warning-content) 5%, transparent) }
.bg-warning-content\/5 { background-color:color-mix(in oklab, var(--color-warning-content) 5%, transparent) }
.border-warning-content\/5 { border-color:color-mix(in oklab, var(--color-warning-content) 5%, transparent) }
.text-warning-content\/8 { color:color-mix(in oklab, var(--color-warning-content) 8%, transparent) }
.bg-warning-content\/8 { background-color:color-mix(in oklab, var(--color-warning-content) 8%, transparent) }
.border-warning-content\/8 { border-color:color-mix(in oklab, var(--color-warning-content) 8%, transparent) }
.text-warning-content\/10 { color:color-mix(in oklab, var(--color-warning-content) 10%, transparent) }
.bg-warning-content\/10 { background-color:color-mix(in oklab, var(--color-warning-content) 10%, transparent) }
.border-warning-content\/10 { border-color:color-mix(in oklab, var(--color-warning-content) 10%, transparent) }
.text-warning-content\/15 { color:color-mix(in oklab, var(--color-warning-content) 15%, transparent) }
.bg-warning-content\/15 { background-color:color-mix(in oklab, var(--color-warning-content) 15%, transparent) }
.border-warning-content\/15 { border-color:color-mix(in oklab, var(--color-warning-content) 15%, transparent) }
.text-warning-content\/20 { color:color-mix(in oklab, var(--color-warning-content) 20%, transparent) }
.bg-warning-content\/20 { background-color:color-mix(in oklab, var(--color-warning-content) 20%, transparent) }
.border-warning-content\/20 { border-color:color-mix(in oklab, var(--color-warning-content) 20%, transparent) }
.text-warning-content\/25 { color:color-mix(in oklab, var(--color-warning-content) 25%, transparent) }
.bg-warning-content\/25 { background-color:color-mix(in oklab, var(--color-warning-content) 25%, transparent) }
.border-warning-content\/25 { border-color:color-mix(in oklab, var(--color-warning-content) 25%, transparent) }
.text-warning-content\/30 { color:color-mix(in oklab, var(--color-warning-content) 30%, transparent) }
.bg-warning-content\/30 { background-color:color-mix(in oklab, var(--color-warning-content) 30%, transparent) }
.border-warning-content\/30 { border-color:color-mix(in oklab, var(--color-warning-content) 30%, transparent) }
.text-warning-content\/40 { color:color-mix(in oklab, var(--color-warning-content) 40%, transparent) }
.bg-warning-content\/40 { background-color:color-mix(in oklab, var(--color-warning-content) 40%, transparent) }
.border-warning-content\/40 { border-color:color-mix(in oklab, var(--color-warning-content) 40%, transparent) }
.text-warning-content\/50 { color:color-mix(in oklab, var(--color-warning-content) 50%, transparent) }
.bg-warning-content\/50 { background-color:color-mix(in oklab, var(--color-warning-content) 50%, transparent) }
.border-warning-content\/50 { border-color:color-mix(in oklab, var(--color-warning-content) 50%, transparent) }
.text-warning-content\/55 { color:color-mix(in oklab, var(--color-warning-content) 55%, transparent) }
.bg-warning-content\/55 { background-color:color-mix(in oklab, var(--color-warning-content) 55%, transparent) }
.border-warning-content\/55 { border-color:color-mix(in oklab, var(--color-warning-content) 55%, transparent) }
.text-warning-content\/60 { color:color-mix(in oklab, var(--color-warning-content) 60%, transparent) }
.bg-warning-content\/60 { background-color:color-mix(in oklab, var(--color-warning-content) 60%, transparent) }
.border-warning-content\/60 { border-color:color-mix(in oklab, var(--color-warning-content) 60%, transparent) }
.text-warning-content\/70 { color:color-mix(in oklab, var(--color-warning-content) 70%, transparent) }
.bg-warning-content\/70 { background-color:color-mix(in oklab, var(--color-warning-content) 70%, transparent) }
.border-warning-content\/70 { border-color:color-mix(in oklab, var(--color-warning-content) 70%, transparent) }
.text-warning-content\/75 { color:color-mix(in oklab, var(--color-warning-content) 75%, transparent) }
.bg-warning-content\/75 { background-color:color-mix(in oklab, var(--color-warning-content) 75%, transparent) }
.border-warning-content\/75 { border-color:color-mix(in oklab, var(--color-warning-content) 75%, transparent) }
.text-warning-content\/80 { color:color-mix(in oklab, var(--color-warning-content) 80%, transparent) }
.bg-warning-content\/80 { background-color:color-mix(in oklab, var(--color-warning-content) 80%, transparent) }
.border-warning-content\/80 { border-color:color-mix(in oklab, var(--color-warning-content) 80%, transparent) }
.text-warning-content\/90 { color:color-mix(in oklab, var(--color-warning-content) 90%, transparent) }
.bg-warning-content\/90 { background-color:color-mix(in oklab, var(--color-warning-content) 90%, transparent) }
.border-warning-content\/90 { border-color:color-mix(in oklab, var(--color-warning-content) 90%, transparent) }
.ring-warning-content\/5 { --ring-color:color-mix(in oklab, var(--color-warning-content) 5%, transparent) }
.ring-warning-content\/80 { --ring-color:color-mix(in oklab, var(--color-warning-content) 80%, transparent) }
.text-error\/3 { color:color-mix(in oklab, var(--color-error) 3%, transparent) }
.bg-error\/3 { background-color:color-mix(in oklab, var(--color-error) 3%, transparent) }
.border-error\/3 { border-color:color-mix(in oklab, var(--color-error) 3%, transparent) }
.text-error\/4 { color:color-mix(in oklab, var(--color-error) 4%, transparent) }
.bg-error\/4 { background-color:color-mix(in oklab, var(--color-error) 4%, transparent) }
.border-error\/4 { border-color:color-mix(in oklab, var(--color-error) 4%, transparent) }
.text-error\/5 { color:color-mix(in oklab, var(--color-error) 5%, transparent) }
.bg-error\/5 { background-color:color-mix(in oklab, var(--color-error) 5%, transparent) }
.border-error\/5 { border-color:color-mix(in oklab, var(--color-error) 5%, transparent) }
.text-error\/8 { color:color-mix(in oklab, var(--color-error) 8%, transparent) }
.bg-error\/8 { background-color:color-mix(in oklab, var(--color-error) 8%, transparent) }
.border-error\/8 { border-color:color-mix(in oklab, var(--color-error) 8%, transparent) }
.text-error\/10 { color:color-mix(in oklab, var(--color-error) 10%, transparent) }
.bg-error\/10 { background-color:color-mix(in oklab, var(--color-error) 10%, transparent) }
.border-error\/10 { border-color:color-mix(in oklab, var(--color-error) 10%, transparent) }
.text-error\/15 { color:color-mix(in oklab, var(--color-error) 15%, transparent) }
.bg-error\/15 { background-color:color-mix(in oklab, var(--color-error) 15%, transparent) }
.border-error\/15 { border-color:color-mix(in oklab, var(--color-error) 15%, transparent) }
.text-error\/20 { color:color-mix(in oklab, var(--color-error) 20%, transparent) }
.bg-error\/20 { background-color:color-mix(in oklab, var(--color-error) 20%, transparent) }
.border-error\/20 { border-color:color-mix(in oklab, var(--color-error) 20%, transparent) }
.text-error\/25 { color:color-mix(in oklab, var(--color-error) 25%, transparent) }
.bg-error\/25 { background-color:color-mix(in oklab, var(--color-error) 25%, transparent) }
.border-error\/25 { border-color:color-mix(in oklab, var(--color-error) 25%, transparent) }
.text-error\/30 { color:color-mix(in oklab, var(--color-error) 30%, transparent) }
.bg-error\/30 { background-color:color-mix(in oklab, var(--color-error) 30%, transparent) }
.border-error\/30 { border-color:color-mix(in oklab, var(--color-error) 30%, transparent) }
.text-error\/40 { color:color-mix(in oklab, var(--color-error) 40%, transparent) }
.bg-error\/40 { background-color:color-mix(in oklab, var(--color-error) 40%, transparent) }
.border-error\/40 { border-color:color-mix(in oklab, var(--color-error) 40%, transparent) }
.text-error\/50 { color:color-mix(in oklab, var(--color-error) 50%, transparent) }
.bg-error\/50 { background-color:color-mix(in oklab, var(--color-error) 50%, transparent) }
.border-error\/50 { border-color:color-mix(in oklab, var(--color-error) 50%, transparent) }
.text-error\/55 { color:color-mix(in oklab, var(--color-error) 55%, transparent) }
.bg-error\/55 { background-color:color-mix(in oklab, var(--color-error) 55%, transparent) }
.border-error\/55 { border-color:color-mix(in oklab, var(--color-error) 55%, transparent) }
.text-error\/60 { color:color-mix(in oklab, var(--color-error) 60%, transparent) }
.bg-error\/60 { background-color:color-mix(in oklab, var(--color-error) 60%, transparent) }
.border-error\/60 { border-color:color-mix(in oklab, var(--color-error) 60%, transparent) }
.text-error\/70 { color:color-mix(in oklab, var(--color-error) 70%, transparent) }
.bg-error\/70 { background-color:color-mix(in oklab, var(--color-error) 70%, transparent) }
.border-error\/70 { border-color:color-mix(in oklab, var(--color-error) 70%, transparent) }
.text-error\/75 { color:color-mix(in oklab, var(--color-error) 75%, transparent) }
.bg-error\/75 { background-color:color-mix(in oklab, var(--color-error) 75%, transparent) }
.border-error\/75 { border-color:color-mix(in oklab, var(--color-error) 75%, transparent) }
.text-error\/80 { color:color-mix(in oklab, var(--color-error) 80%, transparent) }
.bg-error\/80 { background-color:color-mix(in oklab, var(--color-error) 80%, transparent) }
.border-error\/80 { border-color:color-mix(in oklab, var(--color-error) 80%, transparent) }
.text-error\/90 { color:color-mix(in oklab, var(--color-error) 90%, transparent) }
.bg-error\/90 { background-color:color-mix(in oklab, var(--color-error) 90%, transparent) }
.border-error\/90 { border-color:color-mix(in oklab, var(--color-error) 90%, transparent) }
.ring-error\/5 { --ring-color:color-mix(in oklab, var(--color-error) 5%, transparent) }
.ring-error\/80 { --ring-color:color-mix(in oklab, var(--color-error) 80%, transparent) }
.text-error-content\/3 { color:color-mix(in oklab, var(--color-error-content) 3%, transparent) }
.bg-error-content\/3 { background-color:color-mix(in oklab, var(--color-error-content) 3%, transparent) }
.border-error-content\/3 { border-color:color-mix(in oklab, var(--color-error-content) 3%, transparent) }
.text-error-content\/4 { color:color-mix(in oklab, var(--color-error-content) 4%, transparent) }
.bg-error-content\/4 { background-color:color-mix(in oklab, var(--color-error-content) 4%, transparent) }
.border-error-content\/4 { border-color:color-mix(in oklab, var(--color-error-content) 4%, transparent) }
.text-error-content\/5 { color:color-mix(in oklab, var(--color-error-content) 5%, transparent) }
.bg-error-content\/5 { background-color:color-mix(in oklab, var(--color-error-content) 5%, transparent) }
.border-error-content\/5 { border-color:color-mix(in oklab, var(--color-error-content) 5%, transparent) }
.text-error-content\/8 { color:color-mix(in oklab, var(--color-error-content) 8%, transparent) }
.bg-error-content\/8 { background-color:color-mix(in oklab, var(--color-error-content) 8%, transparent) }
.border-error-content\/8 { border-color:color-mix(in oklab, var(--color-error-content) 8%, transparent) }
.text-error-content\/10 { color:color-mix(in oklab, var(--color-error-content) 10%, transparent) }
.bg-error-content\/10 { background-color:color-mix(in oklab, var(--color-error-content) 10%, transparent) }
.border-error-content\/10 { border-color:color-mix(in oklab, var(--color-error-content) 10%, transparent) }
.text-error-content\/15 { color:color-mix(in oklab, var(--color-error-content) 15%, transparent) }
.bg-error-content\/15 { background-color:color-mix(in oklab, var(--color-error-content) 15%, transparent) }
.border-error-content\/15 { border-color:color-mix(in oklab, var(--color-error-content) 15%, transparent) }
.text-error-content\/20 { color:color-mix(in oklab, var(--color-error-content) 20%, transparent) }
.bg-error-content\/20 { background-color:color-mix(in oklab, var(--color-error-content) 20%, transparent) }
.border-error-content\/20 { border-color:color-mix(in oklab, var(--color-error-content) 20%, transparent) }
.text-error-content\/25 { color:color-mix(in oklab, var(--color-error-content) 25%, transparent) }
.bg-error-content\/25 { background-color:color-mix(in oklab, var(--color-error-content) 25%, transparent) }
.border-error-content\/25 { border-color:color-mix(in oklab, var(--color-error-content) 25%, transparent) }
.text-error-content\/30 { color:color-mix(in oklab, var(--color-error-content) 30%, transparent) }
.bg-error-content\/30 { background-color:color-mix(in oklab, var(--color-error-content) 30%, transparent) }
.border-error-content\/30 { border-color:color-mix(in oklab, var(--color-error-content) 30%, transparent) }
.text-error-content\/40 { color:color-mix(in oklab, var(--color-error-content) 40%, transparent) }
.bg-error-content\/40 { background-color:color-mix(in oklab, var(--color-error-content) 40%, transparent) }
.border-error-content\/40 { border-color:color-mix(in oklab, var(--color-error-content) 40%, transparent) }
.text-error-content\/50 { color:color-mix(in oklab, var(--color-error-content) 50%, transparent) }
.bg-error-content\/50 { background-color:color-mix(in oklab, var(--color-error-content) 50%, transparent) }
.border-error-content\/50 { border-color:color-mix(in oklab, var(--color-error-content) 50%, transparent) }
.text-error-content\/55 { color:color-mix(in oklab, var(--color-error-content) 55%, transparent) }
.bg-error-content\/55 { background-color:color-mix(in oklab, var(--color-error-content) 55%, transparent) }
.border-error-content\/55 { border-color:color-mix(in oklab, var(--color-error-content) 55%, transparent) }
.text-error-content\/60 { color:color-mix(in oklab, var(--color-error-content) 60%, transparent) }
.bg-error-content\/60 { background-color:color-mix(in oklab, var(--color-error-content) 60%, transparent) }
.border-error-content\/60 { border-color:color-mix(in oklab, var(--color-error-content) 60%, transparent) }
.text-error-content\/70 { color:color-mix(in oklab, var(--color-error-content) 70%, transparent) }
.bg-error-content\/70 { background-color:color-mix(in oklab, var(--color-error-content) 70%, transparent) }
.border-error-content\/70 { border-color:color-mix(in oklab, var(--color-error-content) 70%, transparent) }
.text-error-content\/75 { color:color-mix(in oklab, var(--color-error-content) 75%, transparent) }
.bg-error-content\/75 { background-color:color-mix(in oklab, var(--color-error-content) 75%, transparent) }
.border-error-content\/75 { border-color:color-mix(in oklab, var(--color-error-content) 75%, transparent) }
.text-error-content\/80 { color:color-mix(in oklab, var(--color-error-content) 80%, transparent) }
.bg-error-content\/80 { background-color:color-mix(in oklab, var(--color-error-content) 80%, transparent) }
.border-error-content\/80 { border-color:color-mix(in oklab, var(--color-error-content) 80%, transparent) }
.text-error-content\/90 { color:color-mix(in oklab, var(--color-error-content) 90%, transparent) }
.bg-error-content\/90 { background-color:color-mix(in oklab, var(--color-error-content) 90%, transparent) }
.border-error-content\/90 { border-color:color-mix(in oklab, var(--color-error-content) 90%, transparent) }
.ring-error-content\/5 { --ring-color:color-mix(in oklab, var(--color-error-content) 5%, transparent) }
.ring-error-content\/80 { --ring-color:color-mix(in oklab, var(--color-error-content) 80%, transparent) }
.bg-white { background-color:#fff }
.bg-white\/5 { background-color:rgb(255 255 255 / 0.05) }
.bg-white\/90 { background-color:rgb(255 255 255 / 0.9) }
.bg-black\/40 { background-color:rgb(0 0 0 / 0.4) }
.border-white\/10 { border-color:rgb(255 255 255 / 0.1) }
.border-white\/15 { border-color:rgb(255 255 255 / 0.15) }
.border-transparent { border-color:transparent }
.bg-amber-300 { background-color:#fcd34d }
.bg-emerald-300 { background-color:#6ee7b7 }
.bg-sky-300\/70 { background-color:rgb(125 211 252 / 0.7) }
.bg-blue-500 { background-color:#3b82f6 }
.bg-amber-500 { background-color:#f59e0b }
.bg-amber-500\/20 { background-color:rgb(245 158 11 / 0.2) }
.bg-transparent { background-color:transparent }
.bg-current { background-color:currentColor }
.bg-gradient-to-r { background-image:linear-gradient(to right, var(--tw-gradient-stops)) }
.bg-gradient-to-l { background-image:linear-gradient(to left, var(--tw-gradient-stops)) }
.bg-gradient-to-b { background-image:linear-gradient(to bottom, var(--tw-gradient-stops)) }
.bg-gradient-to-t { background-image:linear-gradient(to top, var(--tw-gradient-stops)) }
.bg-gradient-to-br { background-image:linear-gradient(to bottom right, var(--tw-gradient-stops)) }
.bg-gradient-to-tr { background-image:linear-gradient(to top right, var(--tw-gradient-stops)) }
.from-base-100 { --tw-gradient-from:var(--color-base-100);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-100 { --tw-gradient-to:var(--color-base-100) }
.from-base-100\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-base-100) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-100\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-base-100) 15%, transparent) }
.via-base-100\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-100) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-base-100\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-base-100) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-100\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-base-100) 30%, transparent) }
.via-base-100\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-100) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-base-100\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-base-100) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-100\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-base-100) 40%, transparent) }
.via-base-100\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-100) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-base-100\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-base-100) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-100\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-base-100) 75%, transparent) }
.via-base-100\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-100) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-base-200 { --tw-gradient-from:var(--color-base-200);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-200 { --tw-gradient-to:var(--color-base-200) }
.from-base-200\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-base-200) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-200\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-base-200) 15%, transparent) }
.via-base-200\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-200) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-base-200\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-base-200) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-200\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-base-200) 30%, transparent) }
.via-base-200\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-200) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-base-200\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-base-200) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-200\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-base-200) 40%, transparent) }
.via-base-200\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-200) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-base-200\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-base-200) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-200\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-base-200) 75%, transparent) }
.via-base-200\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-200) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-base-300 { --tw-gradient-from:var(--color-base-300);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-300 { --tw-gradient-to:var(--color-base-300) }
.from-base-300\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-base-300) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-300\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-base-300) 15%, transparent) }
.via-base-300\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-300) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-base-300\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-base-300) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-300\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-base-300) 30%, transparent) }
.via-base-300\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-300) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-base-300\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-base-300) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-300\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-base-300) 40%, transparent) }
.via-base-300\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-300) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-base-300\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-base-300) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-300\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-base-300) 75%, transparent) }
.via-base-300\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-300) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-base-content { --tw-gradient-from:var(--color-base-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-content { --tw-gradient-to:var(--color-base-content) }
.from-base-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-base-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-base-content) 15%, transparent) }
.via-base-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-base-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-base-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-base-content) 30%, transparent) }
.via-base-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-base-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-base-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-base-content) 40%, transparent) }
.via-base-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-base-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-base-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-base-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-base-content) 75%, transparent) }
.via-base-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-base-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-primary { --tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary { --tw-gradient-to:var(--color-primary) }
.from-primary\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-primary) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-primary) 15%, transparent) }
.via-primary\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-primary\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-primary) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-primary) 30%, transparent) }
.via-primary\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-primary\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-primary) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-primary) 40%, transparent) }
.via-primary\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-primary\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-primary) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-primary) 75%, transparent) }
.via-primary\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-primary-content { --tw-gradient-from:var(--color-primary-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary-content { --tw-gradient-to:var(--color-primary-content) }
.from-primary-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-primary-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-primary-content) 15%, transparent) }
.via-primary-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-primary-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-primary-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-primary-content) 30%, transparent) }
.via-primary-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-primary-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-primary-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-primary-content) 40%, transparent) }
.via-primary-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-primary-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-primary-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-primary-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-primary-content) 75%, transparent) }
.via-primary-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-primary-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary { --tw-gradient-from:var(--color-secondary);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary { --tw-gradient-to:var(--color-secondary) }
.from-secondary\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary) 15%, transparent) }
.via-secondary\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary) 30%, transparent) }
.via-secondary\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary) 40%, transparent) }
.via-secondary\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary) 75%, transparent) }
.via-secondary\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary-content { --tw-gradient-from:var(--color-secondary-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary-content { --tw-gradient-to:var(--color-secondary-content) }
.from-secondary-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary-content) 15%, transparent) }
.via-secondary-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary-content) 30%, transparent) }
.via-secondary-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary-content) 40%, transparent) }
.via-secondary-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-secondary-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-secondary-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-secondary-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-secondary-content) 75%, transparent) }
.via-secondary-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-secondary-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-accent { --tw-gradient-from:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent { --tw-gradient-to:var(--color-accent) }
.from-accent\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-accent) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-accent) 15%, transparent) }
.via-accent\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-accent\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-accent) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-accent) 30%, transparent) }
.via-accent\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-accent\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-accent) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-accent) 40%, transparent) }
.via-accent\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-accent\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-accent) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-accent) 75%, transparent) }
.via-accent\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-accent-content { --tw-gradient-from:var(--color-accent-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent-content { --tw-gradient-to:var(--color-accent-content) }
.from-accent-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-accent-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-accent-content) 15%, transparent) }
.via-accent-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-accent-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-accent-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-accent-content) 30%, transparent) }
.via-accent-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-accent-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-accent-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-accent-content) 40%, transparent) }
.via-accent-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-accent-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-accent-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-accent-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-accent-content) 75%, transparent) }
.via-accent-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-accent-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral { --tw-gradient-from:var(--color-neutral);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral { --tw-gradient-to:var(--color-neutral) }
.from-neutral\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral) 15%, transparent) }
.via-neutral\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral) 30%, transparent) }
.via-neutral\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral) 40%, transparent) }
.via-neutral\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral) 75%, transparent) }
.via-neutral\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral-content { --tw-gradient-from:var(--color-neutral-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral-content { --tw-gradient-to:var(--color-neutral-content) }
.from-neutral-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral-content) 15%, transparent) }
.via-neutral-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral-content) 30%, transparent) }
.via-neutral-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral-content) 40%, transparent) }
.via-neutral-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-neutral-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-neutral-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-neutral-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-neutral-content) 75%, transparent) }
.via-neutral-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-neutral-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-info { --tw-gradient-from:var(--color-info);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info { --tw-gradient-to:var(--color-info) }
.from-info\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-info) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-info) 15%, transparent) }
.via-info\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-info\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-info) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-info) 30%, transparent) }
.via-info\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-info\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-info) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-info) 40%, transparent) }
.via-info\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-info\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-info) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-info) 75%, transparent) }
.via-info\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-info-content { --tw-gradient-from:var(--color-info-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info-content { --tw-gradient-to:var(--color-info-content) }
.from-info-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-info-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-info-content) 15%, transparent) }
.via-info-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-info-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-info-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-info-content) 30%, transparent) }
.via-info-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-info-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-info-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-info-content) 40%, transparent) }
.via-info-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-info-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-info-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-info-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-info-content) 75%, transparent) }
.via-info-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-info-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-success { --tw-gradient-from:var(--color-success);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success { --tw-gradient-to:var(--color-success) }
.from-success\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-success) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-success) 15%, transparent) }
.via-success\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-success\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-success) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-success) 30%, transparent) }
.via-success\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-success\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-success) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-success) 40%, transparent) }
.via-success\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-success\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-success) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-success) 75%, transparent) }
.via-success\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-success-content { --tw-gradient-from:var(--color-success-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success-content { --tw-gradient-to:var(--color-success-content) }
.from-success-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-success-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-success-content) 15%, transparent) }
.via-success-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-success-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-success-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-success-content) 30%, transparent) }
.via-success-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-success-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-success-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-success-content) 40%, transparent) }
.via-success-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-success-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-success-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-success-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-success-content) 75%, transparent) }
.via-success-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-success-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-warning { --tw-gradient-from:var(--color-warning);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning { --tw-gradient-to:var(--color-warning) }
.from-warning\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-warning) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-warning) 15%, transparent) }
.via-warning\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-warning\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-warning) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-warning) 30%, transparent) }
.via-warning\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-warning\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-warning) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-warning) 40%, transparent) }
.via-warning\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-warning\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-warning) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-warning) 75%, transparent) }
.via-warning\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-warning-content { --tw-gradient-from:var(--color-warning-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning-content { --tw-gradient-to:var(--color-warning-content) }
.from-warning-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-warning-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-warning-content) 15%, transparent) }
.via-warning-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-warning-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-warning-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-warning-content) 30%, transparent) }
.via-warning-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-warning-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-warning-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-warning-content) 40%, transparent) }
.via-warning-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-warning-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-warning-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-warning-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-warning-content) 75%, transparent) }
.via-warning-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-warning-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-error { --tw-gradient-from:var(--color-error);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error { --tw-gradient-to:var(--color-error) }
.from-error\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-error) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-error) 15%, transparent) }
.via-error\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-error\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-error) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-error) 30%, transparent) }
.via-error\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-error\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-error) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-error) 40%, transparent) }
.via-error\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-error\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-error) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-error) 75%, transparent) }
.via-error\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error) 75%, transparent), var(--tw-gradient-to, transparent) }
.from-error-content { --tw-gradient-from:var(--color-error-content);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error-content { --tw-gradient-to:var(--color-error-content) }
.from-error-content\/15 { --tw-gradient-from:color-mix(in oklab, var(--color-error-content) 15%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error-content\/15 { --tw-gradient-to:color-mix(in oklab, var(--color-error-content) 15%, transparent) }
.via-error-content\/15 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error-content) 15%, transparent), var(--tw-gradient-to, transparent) }
.from-error-content\/30 { --tw-gradient-from:color-mix(in oklab, var(--color-error-content) 30%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error-content\/30 { --tw-gradient-to:color-mix(in oklab, var(--color-error-content) 30%, transparent) }
.via-error-content\/30 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error-content) 30%, transparent), var(--tw-gradient-to, transparent) }
.from-error-content\/40 { --tw-gradient-from:color-mix(in oklab, var(--color-error-content) 40%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error-content\/40 { --tw-gradient-to:color-mix(in oklab, var(--color-error-content) 40%, transparent) }
.via-error-content\/40 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error-content) 40%, transparent), var(--tw-gradient-to, transparent) }
.from-error-content\/75 { --tw-gradient-from:color-mix(in oklab, var(--color-error-content) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, transparent) }
.to-error-content\/75 { --tw-gradient-to:color-mix(in oklab, var(--color-error-content) 75%, transparent) }
.via-error-content\/75 { --tw-gradient-stops:var(--tw-gradient-from), color-mix(in oklab, var(--color-error-content) 75%, transparent), var(--tw-gradient-to, transparent) }
.border { border-width:1px }
.border-0 { border-width:0 }
.border-2 { border-width:2px }
.border-4 { border-width:4px }
.border-t { border-top-width:1px }
.border-b { border-bottom-width:1px }
.border-r { border-right-width:1px }
.border-l { border-left-width:1px }
.border-x { border-left-width:1px;border-right-width:1px }
.border-y { border-top-width:1px;border-bottom-width:1px }
.border-t-2 { border-top-width:2px }
.border-b-2 { border-bottom-width:2px }
.border-l-4 { border-left-width:4px }
.border-dashed { border-style:dashed }
.border-solid { border-style:solid }
.border-none { border-style:none }
.divide-y > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-top-width:1px }
.divide-x > \:not(\[hidden\]) ~ \:not(\[hidden\]) { border-left-width:1px }
.rounded { border-radius:0.25rem }
.rounded-sm { border-radius:0.125rem }
.rounded-md { border-radius:0.375rem }
.rounded-lg { border-radius:0.5rem }
.rounded-xl { border-radius:0.75rem }
.rounded-2xl { border-radius:1rem }
.rounded-3xl { border-radius:1.5rem }
.rounded-4xl { border-radius:3rem }
.rounded-full { border-radius:9999px }
.rounded-box { border-radius:var(--radius-box) }
.rounded-field { border-radius:var(--radius-field) }
.rounded-none { border-radius:0 }
.rounded-t-lg { border-top-left-radius:0.5rem;border-top-right-radius:0.5rem }
.rounded-b-lg { border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem }
.rounded-l-lg { border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem }
.rounded-r-lg { border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem }
.shadow-sm { box-shadow:0 1px 2px 0 var(--shadow-color) }
.shadow { box-shadow:0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color) }
.shadow-md { box-shadow:0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color) }
.shadow-lg { box-shadow:0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color) }
.shadow-xl { box-shadow:0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color) }
.shadow-2xl { box-shadow:0 25px 50px -12px var(--shadow-color) }
.shadow-none { box-shadow:none }
.shadow-primary\/25 { --shadow-color:color-mix(in oklab, var(--color-primary) 25%, transparent) }
.ring-1 { box-shadow:0 0 0 1px var(--ring-color, var(--color-base-300)) }
.ring-2 { box-shadow:0 0 0 2px var(--ring-color, var(--color-base-300)) }
.opacity-0 { opacity:0.0 }
.opacity-10 { opacity:0.1 }
.opacity-20 { opacity:0.2 }
.opacity-25 { opacity:0.25 }
.opacity-30 { opacity:0.3 }
.opacity-40 { opacity:0.4 }
.opacity-50 { opacity:0.5 }
.opacity-60 { opacity:0.6 }
.opacity-70 { opacity:0.7 }
.opacity-75 { opacity:0.75 }
.opacity-80 { opacity:0.8 }
.opacity-85 { opacity:0.85 }
.opacity-90 { opacity:0.9 }
.opacity-100 { opacity:1.0 }
.blur-2xl { filter:blur(40px) }
.blur-3xl { filter:blur(64px) }
.backdrop-blur { backdrop-filter:blur(8px) }
.transition { transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.transition-all { transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.transition-colors { transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.transition-opacity { transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.transition-transform { transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s }
.duration-200 { transition-duration:.2s }
.duration-300 { transition-duration:.3s }
.duration-500 { transition-duration:.5s }
.rotate-180 { transform:rotate(180deg) }
.rotate-45 { transform:rotate(45deg) }
.-translate-y-1 { transform:translateY(-0.25rem) }
.translate-x-0\.5 { transform:translateX(0.125rem) }
.hover\:bg-base-100:hover { background-color:var(--color-base-100) }
.hover\:bg-base-200:hover { background-color:var(--color-base-200) }
.hover\:bg-base-300:hover { background-color:var(--color-base-300) }
.hover\:bg-base-200\/70:hover { background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent) }
.hover\:bg-primary\/5:hover { background-color:color-mix(in oklab, var(--color-primary) 5%, transparent) }
.hover\:bg-primary\/10:hover { background-color:color-mix(in oklab, var(--color-primary) 10%, transparent) }
.hover\:bg-white\/90:hover { background-color:rgb(255 255 255 / .9) }
.hover\:border-primary:hover { border-color:var(--color-primary) }
.hover\:border-primary\/30:hover { border-color:color-mix(in oklab, var(--color-primary) 30%, transparent) }
.hover\:border-base-content\/30:hover { border-color:color-mix(in oklab, var(--color-base-content) 30%, transparent) }
.hover\:opacity-100:hover { opacity:1 }
.hover\:opacity-80:hover { opacity:.8 }
.hover\:shadow-xl:hover { box-shadow:0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color) }
.hover\:shadow-md:hover { box-shadow:0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color) }
.hover\:text-base-content:hover { color:var(--color-base-content) }
.hover\:text-primary:hover { color:var(--color-primary) }
.hover\:text-error:hover { color:var(--color-error) }
.hover\:underline:hover { text-decoration-line:underline }
.hover\:-translate-y-1:hover { transform:translateY(-0.25rem) }
.group:hover .group-hover\:opacity-100 { opacity:1 }
.group:hover .group-hover\:text-primary { color:var(--color-primary) }
.group:hover .group-hover\:translate-x-0\.5 { transform:translateX(0.125rem) }
.has-checked-highlight:has(input:checked) { background-color:color-mix(in oklab, var(--color-primary) 5%, transparent); border-color:var(--color-primary); }
.focus-within\:ring-2:focus-within { box-shadow:0 0 0 2px var(--ring-color, var(--color-primary)); }
.disabled\:opacity-50:disabled { opacity:.5; }
@media (min-width: 40rem) {
  .sm\:block { display:block }
  .sm\:btn-md { height:2.5rem;min-height:2.5rem;padding-inline:1rem;font-size:0.875rem }
  .sm\:flex-row { flex-direction:row }
  .sm\:flex-col { flex-direction:column }
  .sm\:gap-2 { gap:0.5rem }
  .sm\:gap-3 { gap:0.75rem }
  .sm\:gap-4 { gap:1rem }
  .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\:hidden { display:none }
  .sm\:inline { display:inline }
  .sm\:inline-flex { display:inline-flex }
  .sm\:flex { display:flex }
  .sm\:items-center { align-items:center }
  .sm\:items-start { align-items:flex-start }
  .sm\:justify-between { justify-content:space-between }
  .sm\:justify-end { justify-content:flex-end }
  .sm\:p-5 { padding:1.25rem }
  .sm\:p-6 { padding:1.5rem }
  .sm\:p-8 { padding:2rem }
  .sm\:p-10 { padding:2.5rem }
  .sm\:p-12 { padding:3rem }
  .sm\:pl-0 { padding-left:0 }
  .sm\:px-6 { padding-left:1.5rem;padding-right:1.5rem }
  .sm\:px-8 { padding-left:2rem;padding-right:2rem }
  .sm\:text-2xl { font-size:1.5rem;line-height:2rem }
  .sm\:text-3xl { font-size:1.875rem;line-height:2.25rem }
  .sm\:text-4xl { font-size:2.25rem;line-height:2.5rem }
  .sm\:text-5xl { font-size:3rem;line-height:1 }
  .sm\:text-6xl { font-size:3.75rem;line-height:1 }
  .sm\:text-base { font-size:1rem;line-height:1.5rem }
  .sm\:text-right { text-align:right }
  .sm\:text-left { text-align:left }
  .sm\:text-sm { font-size:0.875rem;line-height:1.25rem }
  .sm\:w-96 { width:24rem }
  .sm\:w-auto { width:auto }
  .sm\:w-64 { width:16rem }
  .sm\:w-80 { width:20rem }
  .sm\:w-fit { width:fit-content }
  .sm\:max-w-xs { max-width:20rem }
  .sm\:mt-0 { margin-top:0 }
}
@media (min-width: 48rem) {
  .md\:block { display:block }
  .md\:col-span-2 { grid-column:span 2 / span 2 }
  .md\:col-span-3 { grid-column:span 3 / span 3 }
  .md\:col-span-6 { grid-column:span 6 / span 6 }
  .md\:flex-row { flex-direction:row }
  .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-6 { grid-template-columns:repeat(6, minmax(0, 1fr)) }
  .md\:justify-between { justify-content:space-between }
  .md\:hidden { display:none }
  .md\:flex { display:flex }
  .md\:items-center { align-items:center }
  .md\:w-auto { width:auto }
}
@media (min-width: 64rem) {
  .lg\:col-span-2 { grid-column:span 2 / span 2 }
  .lg\:col-span-3 { grid-column:span 3 / span 3 }
  .lg\:col-span-4 { grid-column:span 4 / span 4 }
  .lg\:flex { display:flex }
  .lg\:flex-row { flex-direction:row }
  .lg\:grid-cols-2 { grid-template-columns:repeat(2, minmax(0, 1fr)) }
  .lg\:grid-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)) }
  .lg\:grid-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)) }
  .lg\:grid-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)) }
  .lg\:hidden { display:none }
  .lg\:p-8 { padding:2rem }
  .lg\:pb-32 { padding-bottom:8rem }
  .lg\:pt-24 { padding-top:6rem }
  .lg\:py-12 { padding-top:3rem;padding-bottom:3rem }
  .lg\:text-left { text-align:left }
  .lg\:top-16 { top:4rem }
  .lg\:z-1 { z-index:1 }
  .lg\:block { display:block }
  .lg\:w-auto { width:auto }
  .lg\:items-center { align-items:center }
}
@media (min-width: 80rem) {
  .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\:text-7xl { font-size:4.5rem;line-height:1 }
}

/* ---------- 5. Landing page (lp-*) --------------------------------------
   Reveal states are gated behind html[data-lp-js], which the page's inline
   script sets — without JS everything renders fully visible and static. */
[data-lp-js] .lp-reveal:not(.is-in) { opacity: 0; transform: translateY(26px); }
[data-lp-js] .lp-reveal.is-in { transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--d, 0s); }
.lp-grid-bg {
  background-image: linear-gradient(to right, color-mix(in oklab, var(--color-base-content) 7%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in oklab, var(--color-base-content) 7%, transparent) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, black 25%, transparent 78%);
}
.lp-blob { position: absolute; border-radius: 9999px; filter: blur(72px); animation: lp-blob 18s ease-in-out infinite alternate; pointer-events: none; }
.lp-blob-xl { width: 34rem; height: 34rem; } .lp-blob-lg { width: 30rem; height: 30rem; } .lp-blob-md { width: 28rem; height: 28rem; } .lp-blob-sm { width: 26rem; height: 26rem; }
@keyframes lp-blob { 0% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(4%, -7%, 0) scale(1.12); } 100% { transform: translate3d(-5%, 6%, 0) scale(0.94); } }
.lp-glass { background-color: color-mix(in oklab, var(--color-base-100) 72%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.lp-logo-svg { width: 64%; height: 64%; }
@media (min-width: 64rem) {
  .lp-tilt { transform: perspective(1600px) rotateY(-9deg) rotateX(4deg) rotateZ(0.5deg); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
  .lp-tilt:hover { transform: perspective(1600px) rotateY(-2deg) rotateX(1deg); }
}
.lp-bar { transform-box: fill-box; transform-origin: 50% 100%; }
[data-lp-js] .lp-reveal:not(.is-in) .lp-bar { transform: scaleY(0); }
[data-lp-js] .lp-reveal.is-in .lp-bar { animation: lp-grow-y 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; animation-delay: var(--d, 0s); }
@keyframes lp-grow-y { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.lp-fill { transform-origin: left center; }
[data-lp-js] .lp-reveal:not(.is-in) .lp-fill { transform: scaleX(0); }
[data-lp-js] .lp-reveal.is-in .lp-fill { animation: lp-grow-x 1.1s cubic-bezier(0.22, 1, 0.36, 1) both; animation-delay: var(--d, 0s); }
@keyframes lp-grow-x { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.lp-donut-seg { stroke-dasharray: var(--seg) calc(100 - var(--seg)); }
[data-lp-js] .lp-reveal:not(.is-in) .lp-donut-seg { stroke-dasharray: 0 100; }
[data-lp-js] .lp-reveal.is-in .lp-donut-seg { animation: lp-donut 1s cubic-bezier(0.33, 1, 0.68, 1) both; animation-delay: var(--d, 0s); }
@keyframes lp-donut { from { stroke-dasharray: 0 100; } to { stroke-dasharray: var(--seg) calc(100 - var(--seg)); } }
.lp-draw { stroke-dasharray: 1 1; stroke-dashoffset: 0; }
[data-lp-js] .lp-reveal:not(.is-in) .lp-draw { stroke-dashoffset: 1; }
[data-lp-js] .lp-reveal.is-in .lp-draw { animation: lp-draw 1.7s ease-in-out both; animation-delay: var(--d, 0s); }
@keyframes lp-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
[data-lp-js] .lp-reveal:not(.is-in) .lp-fade { opacity: 0; }
[data-lp-js] .lp-reveal.is-in .lp-fade { animation: lp-fade 0.9s ease-out both; animation-delay: var(--d, 0s); }
@keyframes lp-fade { from { opacity: 0; } }
.lp-pop { transform-origin: center; }
[data-lp-js] .lp-reveal:not(.is-in) .lp-pop { opacity: 0; transform: scale(0.5); }
[data-lp-js] .lp-reveal.is-in .lp-pop { animation: lp-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; animation-delay: var(--d, 0s); }
@keyframes lp-pop { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }
[data-lp-js] .lp-reveal:not(.is-in) .lp-slide { opacity: 0; transform: translateX(-16px); }
[data-lp-js] .lp-reveal.is-in .lp-slide { animation: lp-slide 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; animation-delay: var(--d, 0s); }
@keyframes lp-slide { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: translateX(0); } }
.lp-ping-svg { transform-box: fill-box; transform-origin: center; animation: lp-ping 2.4s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes lp-ping { 0% { transform: scale(1); opacity: 0.5; } 80%, 100% { transform: scale(3); opacity: 0; } }
.lp-split-a { animation: lp-split-a 12s ease-in-out infinite; }
.lp-split-b { animation: lp-split-b 12s ease-in-out infinite; }
@keyframes lp-split-a { 0%, 18% { width: 50%; } 25%, 43% { width: 63%; } 50%, 68% { width: 58%; } 75%, 93% { width: 70%; } 100% { width: 50%; } }
@keyframes lp-split-b { 0%, 18% { width: 50%; } 25%, 43% { width: 37%; } 50%, 68% { width: 42%; } 75%, 93% { width: 30%; } 100% { width: 50%; } }
.lp-split-chip { animation: lp-chip 12s ease-in-out infinite; animation-delay: var(--d, 0s); }
@keyframes lp-chip { 0%, 18% { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-content); } 25%, 100% { background-color: transparent; border-color: var(--color-base-300); color: inherit; } }
.lp-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent); }
.lp-marquee-track { display: flex; width: max-content; animation: lp-marquee 38s linear infinite; }
.lp-marquee:hover .lp-marquee-track { animation-play-state: paused; }
@keyframes lp-marquee { to { transform: translateX(-50%); } }
.lp-dark {
  background: radial-gradient(1100px 520px at 15% -10%, oklch(0.42 0.1 160 / 0.32), transparent 60%),
    radial-gradient(900px 520px at 95% 15%, oklch(0.45 0.12 255 / 0.28), transparent 60%), oklch(0.21 0.03 255);
  color: oklch(0.96 0.01 250);
}

/* ---------- Onboarding: show only the chosen sharing mode's settings ------- */
[data-mode-config] { display: none; }
[data-sharing]:has(input[name="mode"][value="percent"]:checked) [data-mode-config="percent"],
[data-sharing]:has(input[name="mode"][value="income_weighted"]:checked) [data-mode-config="income_weighted"],
[data-sharing]:has(input[name="mode"][value="allowance"]:checked) [data-mode-config="allowance"] { display: block; }

/* daisyUI-compatibility no-ops kept so the class names stay valid. */
.input-bordered, .select-bordered, .file-input-bordered, .textarea-bordered { }

/* ---------- Forum --------------------------------------------------------- */
.forum-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.625; }
.forum-body a { color: var(--color-primary); text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--color-primary) 40%, transparent); }
.forum-body a:hover { text-decoration-color: currentColor; }
.mention { color: var(--color-primary); font-weight: 600; background: color-mix(in oklab, var(--color-primary) 10%, transparent); border-radius: 0.25rem; padding: 0 0.2em; }
.forum-reply:target { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 0.5rem; }
.forum-row:hover .forum-subject { color: var(--color-primary); }
.tag-filter[aria-current="true"] { background: var(--color-primary); color: var(--color-primary-content); border-color: var(--color-primary); }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* Quotes inside a body ("> " lines) and the floating "quote" button that
   appears over a text selection. */
.forum-quote { margin: 0.5rem 0; padding: 0.5rem 0.9rem; border-left: 3px solid var(--color-primary); background: color-mix(in oklab, var(--color-base-content) 4%, transparent); border-radius: 0 0.5rem 0.5rem 0; color: color-mix(in oklab, var(--color-base-content) 80%, transparent); font-size: 0.925em; }
.forum-quote .quote-author { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-primary); margin-bottom: 0.15rem; }
.quote-popup { position: absolute; z-index: 60; transform: translate(-50%, 0); }
.quote-popup[hidden] { display: none; }
/* Reactions: counted pills and the emoji picker (a native <details>). */
.reaction-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.reaction-pill { display: inline-flex; align-items: center; gap: 0.3rem; height: 1.75rem; padding: 0 0.6rem; border-radius: 9999px; border: 1px solid var(--color-base-300); background: var(--color-base-100); font-size: 0.8rem; line-height: 1; cursor: pointer; }
.reaction-pill:hover { border-color: var(--color-primary); }
.reaction-pill.is-mine { border-color: var(--color-primary); background: color-mix(in oklab, var(--color-primary) 10%, transparent); color: var(--color-primary); font-weight: 600; }
.reaction-pill[aria-disabled="true"] { cursor: default; }
.reaction-pill[aria-disabled="true"]:hover { border-color: var(--color-base-300); }
.reaction-picker { position: relative; display: inline-block; }
.reaction-picker > summary { list-style: none; display: inline-flex; align-items: center; justify-content: center; height: 1.75rem; width: 2.1rem; border-radius: 9999px; border: 1px dashed var(--color-base-300); color: color-mix(in oklab, var(--color-base-content) 60%, transparent); cursor: pointer; }
.reaction-picker > summary::-webkit-details-marker { display: none; }
.reaction-picker > summary:hover, .reaction-picker[open] > summary { border-color: var(--color-primary); color: var(--color-primary); }
.reaction-menu { position: absolute; left: 0; bottom: calc(100% + 0.35rem); z-index: 30; display: flex; gap: 0.15rem; padding: 0.35rem; border-radius: 9999px; border: 1px solid var(--color-base-300); background: var(--color-base-100); box-shadow: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color); }
.reaction-menu button { width: 2.1rem; height: 2.1rem; border-radius: 9999px; font-size: 1.15rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.reaction-menu button:hover, .reaction-menu button.is-mine { background: color-mix(in oklab, var(--color-primary) 12%, transparent); transform: scale(1.1); }
/* Tag colour swatches in the admin editor. */
.tag-swatch { display: inline-flex; width: 1.75rem; height: 1.75rem; border-radius: 9999px; cursor: pointer; border: 2px solid transparent; }
.tag-swatch:has(input:checked) { border-color: var(--color-base-content); box-shadow: 0 0 0 2px var(--color-base-100) inset; }
.tag-swatch input { position: absolute; opacity: 0; width: 0; height: 0; }
/* Budget page: collapsible cards with the coloured header as the summary,
   a pace bar for spent-vs-expected, and the "show all" transactions fold. */
.budget-card > summary { list-style: none; cursor: pointer; }
.budget-card > summary::-webkit-details-marker { display: none; }
.budget-card:not([open]) > summary { border-radius: var(--radius-box); }
.collapse-chevron { transition: transform .15s ease; }
details[open] > summary .collapse-chevron { transform: rotate(180deg); }
.pace-bar { position: relative; height: 0.625rem; border-radius: 9999px; background: color-mix(in oklab, var(--color-base-content) 12%, transparent); overflow: visible; }
.pace-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 9999px; background: var(--color-success); max-width: 100%; }
.pace-fill.is-watch { background: var(--color-warning); }
.pace-fill.is-over { background: var(--color-error); }
.pace-marker { position: absolute; top: -0.25rem; bottom: -0.25rem; width: 2px; background: var(--color-base-content); opacity: .7; }
.pace-marker::after { content: attr(data-label); position: absolute; top: -1.1rem; left: 50%; transform: translateX(-50%); font-size: 0.625rem; white-space: nowrap; color: color-mix(in oklab, var(--color-base-content) 70%, transparent); }
.border-l-2 { border-left-width: 2px; }
.tx-more > summary { list-style: none; cursor: pointer; }
.tx-more > summary::-webkit-details-marker { display: none; }
.tx-more:not([open]) .when-open, .tx-more[open] .when-closed { display: none; }
.sticky-bottom { position: sticky; bottom: 0.5rem; }
/* A <button> that looks like its content (clickable notification card). */
.btn-unstyled { border: 0; padding: 0; margin: 0; background: none; font: inherit; color: inherit; text-align: inherit; }
.btn-unstyled:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 0.25rem; }