/* THE ONE LOADING LOOK (byte-identical in the Hard app, ui/loading.css, and the Soft app, components/ui/loading.css).
   Copied from the EON product UI showcase (reference/showcase.html, "Loader" and "Skeleton") and DESIGN.md Motion:
     mark loader   the three strokes of the EON mark light in turn, top to bottom, each drifting 1.5px, one 1.8s eased cycle
     status line   fades in with a 3px rise over 500ms each time it changes
     skeleton      surface-sunken block with a 1.2s linear shimmer sweep
     spinner       16px ring, 0.8s linear, only inside a button or beside a verb
   Reduced motion turns all of it off: the mark stands still and fully visible. Tokens only. */
.eon-loader { display: inline-grid; place-items: center; flex: none; border-radius: 0.5rem; background: var(--eon-mark-tile, transparent); }
.eon-loader svg path { transform-box: fill-box; transform-origin: center; animation: eon-signal 1.8s cubic-bezier(.45, 0, .55, 1) infinite; }
.eon-loader svg path:nth-child(2) { animation-delay: 0s; }
.eon-loader svg path:nth-child(1) { animation-delay: .2s; }
.eon-loader svg path:nth-child(3) { animation-delay: .4s; }
@keyframes eon-signal { 0%, 100% { opacity: .3; transform: translateX(calc(var(--eon-drift, 1.5px) * -1)); } 45% { opacity: 1; transform: translateX(var(--eon-drift, 1.5px)); } }

.eon-loading { display: flex; align-items: center; gap: 0.75rem; min-width: 0; }
.eon-loading-msg { margin: 0; font-size: 0.8125rem; line-height: 1.25rem; color: var(--eon-ink-muted); animation: eon-loading-msg .5s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes eon-loading-msg { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }

.eon-center { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; min-width: 0; padding: 1.5rem 1rem; text-align: center; }
.eon-center .eon-loader.eon-center-tile { box-shadow: inset 0 0 0 1px var(--eon-card-border); }
.eon-center-msg { font-size: 0.875rem; line-height: 1.25rem; }
.eon-steps { display: flex; flex-direction: column; width: min(22.5rem, 100%); margin: 0.5rem 0 0; padding: 0; list-style: none; text-align: start; border-top: 1px solid var(--eon-divider, var(--eon-card-border)); }
.eon-steps li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.625rem 0; border-bottom: 1px solid var(--eon-divider, var(--eon-card-border)); }
.eon-step-mark { flex: none; display: grid; place-items: center; width: 1rem; height: 1rem; margin-top: 2px; border-radius: 50%; border: 1.5px solid var(--eon-border-control, var(--eon-card-border)); color: transparent; }
.eon-steps li[data-status="done"] .eon-step-mark { background: var(--eon-success); border-color: var(--eon-success); color: var(--eon-surface-sunken); }
.eon-steps li[data-status="active"] .eon-step-mark { border-color: var(--eon-accent); background: radial-gradient(circle, var(--eon-accent) 0 3px, transparent 3.5px); }
.eon-steps li[data-status="failed"] .eon-step-mark { border-color: var(--eon-danger); }
.eon-step-text { display: flex; flex-direction: column; min-width: 0; }
.eon-step-name { font-size: 0.875rem; line-height: 1.25rem; color: var(--eon-ink-muted); overflow-wrap: anywhere; }
.eon-steps li[data-status="active"] .eon-step-name { color: var(--eon-ink); font-weight: 600; }
.eon-step-detail { font-size: 0.8125rem; line-height: 1.125rem; color: var(--eon-ink-muted); overflow-wrap: anywhere; }

.eon-skel { position: relative; overflow: hidden; background: var(--eon-surface-sunken); border-radius: 0.25rem; }
.eon-skel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); transform: translateX(-100%); animation: eon-shimmer 1.2s infinite; }
@keyframes eon-shimmer { to { transform: translateX(100%); } }

.eon-desc-empty { font-style: italic; color: var(--eon-ink-muted); opacity: .6; }

.eon-spin { display: inline-block; flex: none; width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: eon-spin .8s linear infinite; }
@keyframes eon-spin { to { transform: rotate(360deg); } }

.eon-progress { height: 0.375rem; border-radius: 999px; background: var(--eon-surface-sunken); overflow: hidden; }
.eon-progress > i { display: block; height: 100%; background: var(--eon-accent); border-radius: 999px; }

@media (prefers-reduced-motion: reduce) {
  .eon-loader svg path, .eon-loading-msg, .eon-spin { animation: none !important; opacity: 1 !important; transform: none !important; }
  .eon-spin { transform: none !important; }
  .eon-skel::after { animation: none !important; display: none; }
}
/* The Approve waiting card (prototype pages/APPROVE.tsx waitCss). Tokens only. */
.aw-ring{transform-origin:center;animation:aw-spin 1.1s linear infinite}@keyframes aw-spin{to{transform:rotate(360deg)}}
.aw-shim{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 14%,transparent),transparent);transform:translateX(-100%);animation:aw-shim 1.6s ease-in-out infinite}@keyframes aw-shim{to{transform:translateX(100%)}}
.aw-bar{transition:width .6s cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:reduce){.aw-ring,.aw-shim{animation:none!important}.aw-shim{display:none}.aw-bar{transition:none}}
/* The shared document picker (Hard Train AI and Soft Upload). Identical file in both prototypes. Sizes in rem, 1 px borders stay px. */
.dp { display: flex; flex: 1 1 auto; flex-direction: column; gap: 1rem; min-height: 0; min-width: 0; }
.dp-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Drop zone */
.dp-drop { display: flex; flex: 1 1 10rem; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; min-height: 8rem; padding: 1.5rem 1rem; text-align: center; background: var(--eon-surface-sunken); border: 1px dashed var(--eon-border-control); border-radius: .5rem; transition: border-color .15s, background-color .15s; }
.dp-drop[data-over="true"] { border-color: var(--eon-accent); background: var(--eon-row-selected); }
.dp-drop-text { display: flex; flex-direction: column; align-items: center; gap: .75rem; min-width: 0; }
.dp-icon { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; color: var(--eon-accent-text); background: color-mix(in srgb, var(--eon-accent) 14%, transparent); }
.dp-icon svg { width: 1.5rem; height: 1.5rem; }
.dp-title { margin: 0; font-size: 1.375rem; line-height: 1.75rem; font-weight: 600; color: var(--eon-ink); }
.dp-limits { margin: 0; font-size: .8125rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); }
.dp-limits[data-error="true"] { color: var(--eon-danger); }

/* Buttons */
.dp-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; height: 2.5rem; padding: 0 1rem; border: 1px solid transparent; border-radius: .3125rem; font: inherit; font-size: .875rem; line-height: 1.25rem; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background-color .15s, border-color .15s; }
.dp-btn svg { width: 1rem; height: 1rem; flex: none; }
.dp-btn:focus-visible, .dp-more:focus-visible, .dp-row:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--eon-field-halo); }
.dp-primary { color: var(--eon-on-action); background: var(--eon-action); }
.dp-primary:hover { background: var(--eon-action-hover, var(--eon-action)); }
.dp-primary:active { background: var(--eon-action-pressed, var(--eon-action)); }
.dp-lg { height: 2.75rem; padding: 0 1.5rem; font-size: .9375rem; }
.dp-primary[aria-disabled="true"] { cursor: not-allowed; color: var(--eon-ink-soft, var(--eon-ink-muted)); background: var(--eon-surface-sunken); border: 1px dashed var(--eon-border-control); }
.dp-secondary { color: var(--eon-ink); background: transparent; border-color: var(--eon-border-control); }
.dp-secondary:hover { border-color: var(--eon-border-hover, var(--eon-border-control)); background: var(--eon-hover, transparent); }
.dp-secondary[aria-pressed="true"] { border-color: var(--eon-accent); color: var(--eon-accent-text); }
.dp-ghost { color: var(--eon-ink); background: transparent; }
.dp-ghost:hover { background: var(--eon-hover, transparent); }
.dp-sm { height: 2rem; padding: 0 .75rem; }

/* Reuse a document */
.dp-reuse { display: flex; flex: 0 1 auto; flex-direction: column; min-height: 7rem; overflow: hidden; border-top: 1px solid var(--eon-divider); }
.dp-reuse > * { flex: none; }
.dp-reuse > .dp-list { flex: 1 1 auto; overflow-y: auto; }
.dp-reuse-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; padding: .75rem 1rem .5rem; }
.dp-reuse-title { margin: 0; font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: var(--eon-ink); }
.dp-reuse-note { display: block; font-size: .8125rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); }
.dp-search { position: relative; width: 17.5rem; max-width: 100%; }
.dp-search svg { position: absolute; left: .75rem; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); color: var(--eon-ink-muted); pointer-events: none; }
.dp-search input { width: 100%; height: 2.5rem; padding: 0 2.25rem; font: inherit; font-size: .875rem; color: var(--eon-ink); background: var(--eon-surface-sunken); border: 1px solid var(--eon-border-control); border-radius: .3125rem; }
.dp-search input::placeholder { color: var(--eon-ink-muted); }
.dp-search input::-webkit-search-cancel-button { display: none; }
.dp-search input:focus { outline: none; border-color: var(--eon-field-focus, var(--eon-accent)); box-shadow: 0 0 0 3px var(--eon-field-halo); }
.dp-search button { position: absolute; right: .25rem; top: 50%; display: grid; place-items: center; width: 2rem; height: 2rem; transform: translateY(-50%); color: var(--eon-ink-muted); background: none; border: 0; border-radius: .3125rem; cursor: pointer; }
.dp-search button svg { position: static; transform: none; }
.dp-cols { display: grid; grid-template-columns: minmax(0, 1fr) 4.5rem 7rem 6rem 5.5rem; align-items: center; gap: 1rem; }
.dp-th { padding: .5rem 1rem; font-size: .8125rem; line-height: 1rem; font-weight: 600; color: var(--eon-ink-soft, var(--eon-ink-muted)); background: var(--eon-th-bg); border-top: 1px solid var(--eon-divider); border-bottom: 1px solid var(--eon-divider); }
.dp-th > :nth-child(2), .dp-cell-pages { text-align: right; }
.dp-list { margin: 0; padding: 0; list-style: none; min-height: 2.5rem; }
.dp-list { scrollbar-width: auto; scrollbar-color: auto; }
.dp-list::-webkit-scrollbar { width: .5rem; }
.dp-list::-webkit-scrollbar-track { background: transparent; }
.dp-list::-webkit-scrollbar-thumb { background: var(--eon-border-control); border-radius: .25rem; }
.dp-list::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.dp-list[data-scroll="true"] { max-height: 12.5rem; overflow-y: auto; }
.dp-row { min-height: 3rem; padding: .375rem 1rem; border-bottom: 1px solid var(--eon-divider); cursor: pointer; }
.dp-row:hover { background: var(--eon-row-hover); }
.dp-row[data-selected="true"] { background: var(--eon-row-selected); box-shadow: inset .1875rem 0 0 var(--eon-accent); }
.dp-name { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.dp-name b { min-width: 0; font-size: .9375rem; line-height: 1.25rem; font-weight: 600; color: var(--eon-ink); overflow-wrap: anywhere; }
.dp-tile { display: grid; place-items: center; flex: none; width: 2.25rem; height: 2.25rem; }
.dp-cell { font-size: .875rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); font-variant-numeric: tabular-nums; }
.dp-row .dp-btn { justify-self: end; }
.dp-empty { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 1.5rem 1rem; text-align: center; border-bottom: 1px solid var(--eon-divider); }
.dp-empty p, .dp-count { margin: 0; font-size: .875rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); }
.dp-count { padding: .5rem 1rem; font-size: .8125rem; border-bottom: 1px solid var(--eon-divider); }
.dp-more { display: flex; align-items: center; justify-content: center; gap: .375rem; width: 100%; height: 2.5rem; font: inherit; font-size: .875rem; line-height: 1.25rem; font-weight: 600; color: var(--eon-accent-text); background: none; border: 0; cursor: pointer; }
.dp-more svg { width: 1rem; height: 1rem; }

/* Footer row: the reason on the left, the primary on the right */
.dp-foot { flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .75rem; padding-top: 1rem; border-top: 1px solid var(--eon-divider); }
.dp-note { display: flex; align-items: center; gap: .5rem; margin: 0 auto 0 0; font-size: .875rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); }
.dp-note svg { width: .875rem; height: .875rem; flex: none; }
.dp-note[data-tone="ok"] { color: var(--eon-ink); }
.dp-note[data-tone="ok"] svg { color: var(--eon-success); }

/* The picked file and the reading state (used when the app has no reading view of its own) */
.dp-file { display: flex; align-items: center; gap: .875rem; padding: .75rem 1rem; background: var(--eon-canvas, var(--eon-surface-sunken)); border: 1px solid var(--eon-card-border); border-radius: .5rem; }
.dp-file b { display: block; font-size: 1rem; line-height: 1.375rem; font-weight: 600; color: var(--eon-ink); overflow-wrap: anywhere; }
.dp-file span.dp-meta { display: block; font-size: .875rem; line-height: 1.25rem; color: var(--eon-ink-soft, var(--eon-ink-muted)); }
.dp-stages { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; min-height: 0; padding: 1.5rem 2rem; background: var(--eon-surface-sunken); border: 1px solid var(--eon-card-border); border-radius: .5rem; }
.dp-stages-head { display: flex; flex-direction: column; align-items: center; gap: .75rem; font-size: 1.125rem; font-weight: 600; color: var(--eon-ink); text-align: center; }
.dp-bar { width: min(32rem, 100%); height: .25rem; overflow: hidden; border-radius: 999px; background: var(--eon-card-border); }
.dp-bar i { display: block; height: 100%; border-radius: inherit; background: var(--eon-accent); transition: width .6s cubic-bezier(.4,0,.2,1); }
.dp-stages ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem 1.5rem; width: min(48rem, 100%); margin: 0; padding: 0; list-style: none; }
.dp-stages li { position: relative; display: flex; flex-direction: column; align-items: center; gap: .5rem; font-size: .875rem; line-height: 1.25rem; text-align: center; color: var(--eon-ink-muted); }
@media (max-width: 1000px) { .dp-stages ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dp-stages li[data-status="active"], .dp-stages li[data-status="done"] { color: var(--eon-ink); }
.dp-mark { display: grid; place-items: center; width: 1rem; height: 1rem; flex: none; border: 1px solid var(--eon-border-control); border-radius: 50%; }
.dp-mark svg { width: .75rem; height: .75rem; }
li[data-status="done"] > .dp-mark { color: var(--eon-surface-sunken); background: var(--eon-success); border-color: var(--eon-success); }
li[data-status="active"] > .dp-mark { border-color: var(--eon-accent); }
li[data-status="active"] > .dp-mark::after { content: ""; width: .375rem; height: .375rem; border-radius: 50%; background: var(--eon-accent); }

/* Short windows: the same compaction the Soft step always had */
@media (max-height: 1000px) { .dp-drop { flex-direction: row; justify-content: center; gap: 1.25rem; min-height: 5.5rem; padding: .75rem 1rem; text-align: left; } .dp-drop-text { align-items: flex-start; gap: .125rem; } .dp-icon { width: 2.75rem; height: 2.75rem; } .dp-icon svg { width: 1.25rem; height: 1.25rem; } .dp { gap: .75rem; } .dp-title { font-size: 1.25rem; } .dp-row { min-height: 2.5rem; } .dp-reuse-head { padding: .5rem 1rem .25rem; } .dp-th { display: none; } }
@media (max-width: 760px) { .dp-cols { grid-template-columns: minmax(0, 1fr) auto; } .dp-th, .dp-cell { display: none; } }
@media (prefers-reduced-motion: reduce) { .dp-btn, .dp-drop { transition: none; } }

/* wholeDrop: the zone itself is the control. */
.dp-drop[data-whole="true"] { cursor: pointer; }
.dp-drop[data-whole="true"]:hover { border-color: var(--eon-accent); background: var(--eon-row-hover, var(--eon-surface-sunken)); }
.dp-drop[data-whole="true"]:focus-visible { outline: 3px solid var(--eon-focus-ring, var(--eon-accent)); outline-offset: 2px; border-color: var(--eon-accent); }
/* The Digital Assets row list on the World step (same rows as the Object step's list: name, added, size). */
.eal-cols { display: grid; grid-template-columns: minmax(0, 1fr) 7rem 6rem; align-items: center; gap: .75rem; padding: 0 1rem; }
.eal-th { padding-block: .375rem; font-size: .75rem; line-height: 1rem; font-weight: 600; color: var(--eon-ink-soft, var(--eon-ink-muted)); border-bottom: 1px solid var(--eon-divider); }
.eal-list { margin: 0; padding: 0; list-style: none; max-height: 14rem; overflow-y: auto; }
.eal-row { min-height: 2.75rem; padding-block: .375rem; border-bottom: 1px solid var(--eon-divider); cursor: pointer; font-size: .875rem; color: var(--eon-ink); }
.eal-row:hover { background: var(--eon-hover, transparent); }
.eal-row:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--eon-field-halo); }
.eal-row[data-selected="true"] { box-shadow: inset 0 0 0 1px var(--eon-accent); background: var(--eon-row-selected); }
.eal-name { display: flex; align-items: center; gap: .625rem; min-width: 0; font-weight: 600; }
.eal-name b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.eal-name svg { width: 1.375rem; height: 1.375rem; flex: none; color: var(--eon-accent-text); }
.eal-cell { color: var(--eon-ink-soft, var(--eon-ink-muted)); font-size: .8125rem; }
.eal-skel { height: 2.75rem; margin: .25rem 1rem; border-radius: .3125rem; background: var(--eon-surface-sunken); animation: eal-pulse 1.2s linear infinite; }
@keyframes eal-pulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .eal-skel { animation: none; } }
/* Need inspiration? (ported from the prototype index.css) */
.insp-search { position: relative; display: block; flex: none; }
.insp-search > svg { position: absolute; left: 0.625rem; top: 0.625rem; width: 1rem; height: 1rem; color: var(--eon-ink-muted); pointer-events: none; }
.insp-search input { width: 100%; height: 2.25rem; padding: 0 2.125rem 0 2.125rem; background: var(--eon-surface-sunken); border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-control); font: 400 0.875rem/1.25rem var(--eon-font-body); color: var(--eon-ink); }
.insp-search input::-webkit-search-cancel-button { display: none; }
.insp-search input::placeholder { color: var(--eon-ink-placeholder); }
.insp-search input:hover { border-color: var(--eon-field-border-hover); }
.insp-search input:focus { border-color: var(--eon-field-focus); box-shadow: 0 0 0 3px var(--eon-field-halo); outline: none; }
.insp-clear { position: absolute; right: 0.25rem; top: 0.25rem; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--eon-r-control); color: var(--eon-ink-muted); }
.insp-clear:hover { color: var(--eon-ink); background: var(--eon-hover); }
.insp-clear svg { width: 1rem; height: 1rem; }
.insp-list { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--eon-border-control) transparent; }
.insp-list:focus-visible { outline: 2px solid var(--eon-accent); outline-offset: 2px; border-radius: var(--eon-r-control); }
.insp-list { scroll-padding-top: 0.25rem; scrollbar-width: auto; scrollbar-color: auto; }
.insp-list::-webkit-scrollbar { width: 0.5rem; }
.insp-list::-webkit-scrollbar-track { background: transparent; }
.insp-list::-webkit-scrollbar-thumb { background: var(--eon-border-control); border-radius: 0.25rem; }
.insp-list::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
/* The lesson-ideas stream (Choose the lesson, while the ideas are being written). Tokens only.
   A draft card fades in with a 6px rise over 420ms. Reduced motion: the same fade, no rise (the shimmer is switched off in loading.css). */
@keyframes idea-in { from { opacity: 0; transform: translateY(0.375rem); } to { opacity: 1; transform: none; } }
.idea-draft { animation: idea-in .42s cubic-bezier(.22, 1, .36, 1) both; }
.idea-pill { display: inline-flex; align-items: center; height: 1.5rem; padding: 0 0.625rem; border-radius: 999px; font-size: 0.75rem; line-height: 1; font-weight: 600; color: var(--eon-ink-muted); background: var(--eon-surface-sunken); }
.idea-bar > i { transition: width .5s cubic-bezier(.22, 1, .36, 1); }
@media (prefers-reduced-motion: reduce) {
  @keyframes idea-in { from { opacity: 0; } to { opacity: 1; } }
  .idea-draft { animation-duration: .2s; }
  .idea-bar > i { transition: none; }
}

/* Skeleton blocks a little stronger than the shared surface-sunken so they read on a card in both themes. */
.idea-cards .eon-skel { background: color-mix(in srgb, var(--eon-ink) 11%, transparent); }
/* Shared progress pieces for the build loadings (object search, lesson generation, approve wait): a horizontal pipeline of equal tiles
   and a thin overall bar. Tokens only. Reduced motion: the active ring is static, the bar and fades switch at once. */
.bp-tiles { display: grid; grid-template-columns: repeat(var(--bp-cols, 3), minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.bp-tile { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; padding: 0.875rem 1rem; border: 1px solid var(--eon-card-border); border-radius: 0.5rem; background: var(--eon-surface-sunken); transition: border-color .4s ease, background-color .4s ease; }
.bp-tile[data-status="active"], .bp-tile[data-status="choose"] { border-color: var(--eon-accent); background: color-mix(in srgb, var(--eon-accent) 7%, var(--eon-surface-sunken)); }
.bp-tile[data-status="done"] { border-color: color-mix(in srgb, var(--eon-success) 45%, var(--eon-card-border)); }
.bp-head { display: flex; align-items: center; gap: 0.625rem; min-width: 0; }
.bp-mark { position: relative; flex: none; display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 1.5px solid var(--eon-border-control, var(--eon-card-border)); color: transparent; transition: background-color .3s ease, border-color .3s ease; }
.bp-tile[data-status="done"] .bp-mark { background: var(--eon-success); border-color: var(--eon-success); color: var(--eon-surface-sunken); }
.bp-tile[data-status="active"] .bp-mark, .bp-tile[data-status="choose"] .bp-mark { border-color: var(--eon-accent); }
.bp-tile[data-status="active"] .bp-mark::after, .bp-tile[data-status="choose"] .bp-mark::after { content: ""; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--eon-accent); }
.bp-tile[data-status="active"] .bp-mark::before { content: ""; position: absolute; inset: -0.1875rem; border-radius: 50%; border: 1.5px solid var(--eon-accent); opacity: 0; animation: bp-ring 1.6s ease-out infinite; }
@keyframes bp-ring { 0% { transform: scale(.7); opacity: .7; } 100% { transform: scale(1.35); opacity: 0; } }
.bp-label { flex: 1; min-width: 0; font-size: 0.9375rem; line-height: 1.25rem; font-weight: 600; color: var(--eon-ink); overflow-wrap: anywhere; }
.bp-tile[data-status="waiting"] .bp-label { color: var(--eon-ink-muted); font-weight: 500; }
.bp-note { margin: 0; font-size: 0.8125rem; line-height: 1.125rem; color: var(--eon-ink-muted); overflow-wrap: anywhere; }
.bp-bar { height: 0.375rem; border-radius: 999px; background: var(--eon-surface-sunken); box-shadow: inset 0 0 0 1px var(--eon-card-border); overflow: hidden; }
.bp-bar > i { display: block; height: 100%; width: var(--bp-pct, 0%); border-radius: inherit; background: var(--eon-accent); transition: width .7s cubic-bezier(.22, 1, .36, 1); }
.bp-in { animation: bp-in .45s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes bp-in { from { opacity: 0; transform: translateY(0.25rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .bp-tile, .bp-mark { transition: none !important; }
  .bp-tile[data-status="active"] .bp-mark::before { animation: none !important; opacity: .5; transform: none; }
  .bp-bar > i { transition: none !important; }
  .bp-in { animation: bp-fade .2s linear both !important; }
  @keyframes bp-fade { from { opacity: 0; } to { opacity: 1; } }
}
/* Train AI: the shared picker (hideReuse) in the tab's own card. Layout only: the pane is one flex column that uses the full height, the paste box takes the spare room, the Generate row is pinned last. */
.tp > * { flex: none; }
.tp > .tp-picker { flex: 1 0 auto; gap: 1.25rem; }
.tp-picker .dp-drop { flex: 0 0 auto; flex-direction: row; justify-content: center; gap: 1.25rem; min-height: 5rem; padding: .75rem 1rem; text-align: left; }
.tp-picker .dp-drop-text { align-items: flex-start; gap: .125rem; }
.tp-picker .dp-icon { width: 2.75rem; height: 2.75rem; }
.tp-picker .dp-icon svg { width: 1.25rem; height: 1.25rem; }
.tp-picker .dp-title { font-size: 1.0625rem; line-height: 1.5rem; }
.tp-picker .dp-stages { flex: 0 0 auto; gap: .75rem; padding: .75rem 1.5rem; min-height: 5.5rem; }
.tp-picker .dp-stages-head { flex-direction: row; gap: .75rem; }
.tp-below { display: flex; flex: 1 0 auto; flex-direction: column; gap: 1.25rem; }
.tp-below > * { flex: none; }
.tp-mid { display: grid; flex: 1 1 auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 9rem; gap: 1rem 1.5rem; }
.tp-side { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.tp-mid-read .tp-side { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.tp-mid-read .tp-understood { min-height: 10rem; }
@media (min-width: 1600px) { .tp-mid-read { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tp-mid-read .tp-side { grid-column: auto; display: flex; gap: 1rem; } }
.tp-material { min-height: 0; }
.tp-understood { min-height: 0; overflow: hidden; }
.tp-picker .dp-foot { display: none; }
.tp-act { position: sticky; bottom: 0; z-index: 1; margin-top: auto; padding: 1rem 0 0; background: var(--eon-surface); border-top: 1px solid var(--eon-divider); }
.tp-act > div { flex-direction: row-reverse; justify-content: space-between; margin-top: 0; padding-top: 0 !important; }
.tp-bar { position: relative; }
.tp-bar i { position: absolute; width: 35%; animation: tp-slide 1.2s ease-in-out infinite; }
@keyframes tp-slide { from { left: -35%; } to { left: 100%; } }
@media (prefers-reduced-motion: reduce) { .tp-bar i { animation: none; width: 100%; opacity: .5; } }
@media (max-width: 1000px) { .tp-picker .dp-drop { flex-direction: column; text-align: center; } .tp-picker .dp-drop-text { align-items: center; }  }
/* Upload your own 3D: the prototype's picker layout (pages/topic/objectUpload.css), with its Digital Assets list. */
.dp-obj .dp { flex: 1 0 auto; min-height: 20rem; }
.dp-obj .dp-foot { position: sticky; bottom: 0; z-index: 1; padding-bottom: .25rem; background: var(--eon-surface); }
.dp-obj .dp-drop { flex: 1 1 6.5rem; min-height: 6.5rem; padding: 1rem; flex-direction: row; gap: 1.25rem; }
.dp-obj .dp-drop-text { align-items: flex-start; gap: .25rem; text-align: left; }
.dp-obj-picked .dp { flex: 1 1 auto; min-height: 0; }

/* Digital Assets list (ported from the prototype). */
.dp-obj .dp-tile svg { display: none; }
.dp-obj .dp-tile { display: inline-grid; place-items: center; width: 1.9rem; height: 1.9rem; flex: none; }
.dp-obj .dp-tile::before { content: ''; width: 1.5rem; height: 1.5rem; background: var(--eon-accent-text); -webkit-mask: var(--cube) center / contain no-repeat; mask: var(--cube) center / contain no-repeat;
  --cube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E"); }
.dp-obj .dp-cols { grid-template-columns: minmax(0, 1fr) 7rem 6rem; }
.dp-obj .dp-cols > :nth-child(5), .dp-obj .dp-row > button { display: none; }
.dp-obj .dp-row[data-selected="true"] { box-shadow: inset 0 0 0 1px var(--eon-accent); }
.dp-obj .dp-cols > :nth-child(2) { display: none; }
.dp-obj .dp-cols > :nth-child(n+3) { text-align: left; }
.dp-obj .dp-reuse { flex: none; min-height: 0; overflow: visible; }
.dp-obj .dp-th { display: grid; }
/* Soft Skills prototype — motion only. Colours, sizes and layout are Tailwind
   utilities on the components; these are the few keyframes Tailwind cannot
   express as a utility. Every animation stops for prefers-reduced-motion. */

@keyframes ss-talk { 0%, 100% { transform: scaleY(.55); } 50% { transform: scaleY(1); } }
@keyframes ss-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes ss-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes ss-shimmer { to { background-position: -200% 0; } }
@keyframes ss-blink { 50% { opacity: 0; } }
@keyframes ss-spin { to { transform: rotate(360deg); } }
@keyframes ss-breath { 0%, 100% { box-shadow: 0 0 0 0 rgba(53,177,255,.22); } 50% { box-shadow: 0 0 0 14px rgba(53,177,255,0); } }
@keyframes ss-fill { from { stroke-dashoffset: var(--ss-from, 0); } }
@keyframes ss-fade { from { opacity: 0; } to { opacity: 1; } }

.ss-talk > i { display: block; width: 3px; border-radius: 2px; background: currentColor; transform-origin: bottom; animation: ss-talk 1s ease-in-out infinite; }
.ss-talk > i:nth-child(2) { animation-delay: .15s; }
.ss-talk > i:nth-child(3) { animation-delay: .3s; }
.ss-talk > i:nth-child(4) { animation-delay: .45s; }
.ss-rise { animation: ss-rise .6s cubic-bezier(.22, 1, .36, 1) both; }
.ss-grow { transform-origin: left; animation: ss-grow 1s cubic-bezier(.22, 1, .36, 1) both; }
.ss-shimmer { background: linear-gradient(90deg, #162337, #29405A, #162337); background-size: 200% 100%; animation: ss-shimmer 1.6s linear infinite; }
.ss-cursor { display: inline-block; width: 2px; height: 1em; vertical-align: -.15em; margin: 0 2px; background: #35B1FF; animation: ss-blink 1s steps(1) infinite; }
.ss-spin { animation: ss-spin 1s linear infinite; }
.ss-pulse { animation: ss-blink 1.4s ease-in-out infinite; }
.ss-breath { animation: ss-breath 2.4s ease-in-out infinite; }
.ss-ring { animation: ss-fill 1.1s cubic-bezier(.22, 1, .36, 1) both; }
/* LX-1: a Learn board cross-fades in 0.3 s (none under reduced motion, LX-8). */
.ss-board-fade { animation: ss-fade .3s ease-out both; }

/* Completion beat (UX round 5): a check pops, a step ticks green, the finished view settles in softly. */
@keyframes ss-pop { 0% { transform: scale(.4); opacity: 0; } 60% { transform: scale(1.18); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@keyframes ss-tick { from { background-color: #162337; color: #AEBED2; } to { background-color: rgba(95, 208, 138, .15); color: #5FD08A; } }
.ss-pop { animation: ss-pop .38s cubic-bezier(.22, 1, .36, 1) both; }
.ss-tick { animation: ss-tick .25s ease-out both; }
.ss-settle { animation: ss-rise .5s cubic-bezier(.22, 1, .36, 1) both; }
.ss-flash { animation: ss-flash 1.4s ease-in-out both; }
@keyframes ss-flash { 0% { opacity: 0; transform: translateY(-6px) scale(.96); } 14% { opacity: 1; transform: none; } 78% { opacity: 1; } 100% { opacity: 0; } }
.ss-soft-in { animation: ss-fade .45s ease-out both; }

/* Step transition (UX round 6): the leaving step fades and lifts out, the next step's panels rise in with a short stagger. */
@keyframes ss-leave { to { opacity: 0; transform: translateY(-6px); } }
.ss-leave { animation: ss-leave .18s cubic-bezier(.4, 0, 1, 1) both; pointer-events: none; }
.ss-enter { animation: ss-rise .42s cubic-bezier(.22, 1, .36, 1) both; }
.ss-enter-1 { animation-delay: 70ms; }
.ss-enter-2 { animation-delay: 140ms; }
/* The stepper stays put (the shell is the same); only the pill just finished gets its check and the new one settles in. */
@keyframes ss-pill { from { transform: scale(.94); opacity: .65; } to { transform: none; opacity: 1; } }
[data-shell="journey-stepper"] [aria-current="step"] { animation: ss-pill .4s cubic-bezier(.22, 1, .36, 1) both; }
[data-shell="journey-stepper"] li:has(+ li > [aria-current="step"]) svg.lucide-check { animation: ss-pop .38s cubic-bezier(.22, 1, .36, 1) both; }

/* A still capture (?still=1) and reduced motion both freeze every animation. */
.ss-still *, .ss-still *::before, .ss-still *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .ss-enter-1, .ss-enter-2 { animation-delay: 0s !important; }
  .ss-root *, .ss-root *::before, .ss-root *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* A word that does not fit its line breaks instead of running out of the box: translated labels are long and course text can hold a
   word with no spaces (a part number, a German compound). `break-word`, not `anywhere`: a word is only broken once it is wider than the
   whole line, so a flex or grid child never collapses to one letter. A text box that must shrink below its longest word says `min-w-0`. */
.ss-root { overflow-wrap: break-word; }

/* Thin scrollbars inside the prototype's scroll areas, on the dark ground. */
.ss-scroll { scrollbar-width: thin; scrollbar-color: #29405A transparent; }
/* A list that scrolls says so: a visible track and a lighter thumb (the popup lists, so a cut-off last row is never mistaken for the end). */
.ss-scroll-list { scrollbar-width: auto; scrollbar-color: #54789E #162337; }

/* The app's base layer sizes every p / h2 / h3 (index.css). Inside the
   prototype, text takes the size its own utility class gives it (or inherits),
   so the base sizes are reset here — in the base layer, so utilities still win. */
@layer base {
  .ss-root p, .ss-root h2, .ss-root h3, .ss-root h4 { font-size: inherit; }
}

/* No text under 13 px on a Soft Skills screen (M1 gate P4). The learner's session bar is the shared play header
   (Hard Skills play wears it too) and sets 11 and 12 px inline; inside a Soft Skills root those sizes rise to the
   13 px floor. A Soft Skills-only override: the shared component and Hard Skills are untouched. */
.ss-root [data-shell="play-header"] [style*="font-size: 12px"],
.ss-root [data-shell="play-header"] [style*="font-size: 11px"] { font-size: 13px !important; }

/* The dropdown popup (Listbox.tsx): a short fade and drop from the trigger. It is portalled outside .ss-root, so it
   carries its own reduced-motion rule. */
@keyframes ss-menu-in { from { opacity: 0; transform: translateY(-4px) scale(.985); } to { opacity: 1; transform: none; } }
[data-side="above"].ss-menu-in { animation-name: ss-menu-in-up; }
@keyframes ss-menu-in-up { from { opacity: 0; transform: translateY(4px) scale(.985); } to { opacity: 1; transform: none; } }
.ss-menu-in { animation: ss-menu-in .14s cubic-bezier(.22, 1, .36, 1) both; }

/* A swap of a block's content (the Format step's format-dependent blocks, the question style example): the new
   content fades in over the old height; nothing moves. */
.ss-swap-in { animation: ss-fade .2s ease-out both; }

/* The Train scene figure cross-fades its layers (the backdrop, the character) instead of swapping them. */
.ss-layer { transition: opacity .22s ease-out; }

@media (prefers-reduced-motion: reduce) {
  .ss-menu-in, [data-side="above"].ss-menu-in, .ss-swap-in { animation: none !important; }
  .ss-layer { transition: none !important; }
}

/* Every character's status (PersonaStatus): thinking dots pulse softly in turn; connecting breathes, never spins. */
@keyframes ss-think { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-1.5px); } }
.ss-think > i { display: block; width: 4px; height: 4px; border-radius: 9999px; background: currentColor; animation: ss-think 1.2s ease-in-out infinite; }
.ss-think > i:nth-child(2) { animation-delay: .16s; }
.ss-think > i:nth-child(3) { animation-delay: .32s; }
@keyframes ss-connect { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
.ss-connect { animation: ss-connect 1.6s ease-in-out infinite; }
/* Iteration 2 (look): one card level. An inner panel loses its edge, fill and radius; ss-flat keeps a hairline divider above it, ss-flat-plain nothing. */
.ss-flat { border-width: 0 !important; border-top-width: 1px !important; border-style: solid !important; border-color: var(--eon-divider) !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
.ss-flat-plain { border-width: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
/* The shared board panel swaps its content (script, edit, regenerate) with a quiet crossfade; the panel itself never closes and reopens. */
@keyframes ss-swap { from { opacity: 0; } to { opacity: 1; } }
.ss-swap { animation: ss-swap 220ms ease-out both; }
@media (prefers-reduced-motion: reduce) { .ss-swap { animation-duration: 120ms; } }

/* Life Skills tables and stat notes wrap, never clip: no ellipsis, no line clamp, no hidden overflow on text. */
.san-life-wrap .dt-cell dd.n,
.san-life-wrap .dt-table td .cut,
.san-life-wrap .dt-table td .clamp2 {
  display: block;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
}

/* The journey stepper's one outline reads the faint line #29405A like every other Life Skills outline (it drew the shell card edge #242F40). */
.ss-root [data-shell="journey-stepper"] {
  --eon-card-border: #29405A;
}
.cc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cc-tbl:focus-visible, .cc-plot:focus-visible, .hg-plot:focus-visible, .rb-row:focus-visible, .cc-tablewrap:focus-visible { outline: 2px solid var(--eon-accent); outline-offset: 2px; border-radius: 4px; }
.cc-fig { margin: 0; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-height: 0; min-width: 0; }
.cc-legend { display: flex; flex-wrap: wrap; gap: 4px 16px; list-style: none; margin: 0; padding: 0; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.cc-legend li { display: inline-flex; align-items: center; gap: 8px; }
.cc-plot { position: relative; flex: 1 1 auto; min-height: 220px; touch-action: pan-y; }
.cc-plot > svg { position: absolute; inset: 0; display: block; overflow: visible; }
.cc-tip { position: absolute; z-index: 3; transform: translateX(12px); pointer-events: none; display: flex; flex-direction: column; gap: 2px; width: max-content; min-width: 120px; max-width: 280px; padding: 8px 10px; background: var(--eon-surface-raised, var(--eon-surface)); color: var(--eon-ink); border: 1px solid var(--eon-border-control); border-radius: 6px; box-shadow: var(--eon-shadow-2); font: 400 13px/18px var(--eon-font-body); }
.cc-tip.flip { transform: translateX(calc(-100% - 12px)); }
.cc-tip-h { color: var(--eon-ink-muted); font-size: 12px; }
.cc-tip-r { display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
.cc-tip-r b { font-weight: 600; }
.cc-tip-r > span { color: var(--eon-ink-muted); }
.pg-plot { position: relative; flex: 1 1 auto; min-height: 260px; max-width: 460px; width: 100%; margin: 0 auto; aspect-ratio: 460 / 340; }
.pg-plot > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pg-lbl { font: 400 13px var(--eon-font-body); }
.pg-lbl .nm { fill: var(--eon-ink-muted); font-weight: 600; } .pg-lbl .vl { fill: var(--eon-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.pg-plot .cc-tip { transform: translate(-50%, 16px); max-width: 240px; white-space: normal; }
.cc-line.dash, .cc-fade { animation: cc-in 300ms ease-out both; }
@keyframes cc-in { from { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) { .cc-fade { animation: cc-in 300ms ease-out both; } }
/* Analytics in the EON product-UI structure (tabs with counts, summary strip, data table card). Named tokens only (--eon-*), no gradients, no new colours.
   Byte-identical in the Hard and Soft prototypes. Loaded after analytics.css, so it wins on equal specificity. */
.dt-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Page rhythm: one 24px gap between blocks, nothing stacked on top of it */
.san { --san-gap: 24px; gap: 24px; }
.san > .san-head, .san > .san-section, .san > .san-all { margin-top: 0; }
.san-section, .san-all { gap: 16px; }
.san-all + .san-all { margin-top: 0; }
.san-section-head { border-bottom: 0; padding-bottom: 0; }
.san-section-head h2 { font: 600 18px/26px var(--eon-font-head, var(--eon-font-body)); }

/* ---- Tabs and the one control row ---- */
.dt-bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; border-bottom: 1px solid var(--eon-card-border); }
.dt-tabs { display: flex; gap: 4px; margin-bottom: -1px; min-width: 0; }
.dt-tabs button { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--eon-ink-muted); font: 600 15px/22px var(--eon-font-body); cursor: pointer; white-space: nowrap; }
.dt-tabs button:hover { color: var(--eon-ink); }
.dt-tabs button[aria-selected="true"] { color: var(--eon-accent-text); border-bottom-color: var(--eon-accent); }
.dt-tabs button:focus-visible { outline: 2px solid var(--eon-focus-ring); outline-offset: -2px; border-radius: 4px; }
.dt-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 6px; border-radius: var(--eon-r-full); background: var(--eon-fill); color: var(--eon-ink-muted); font: 600 12px/16px var(--eon-font-body); font-variant-numeric: tabular-nums; }
.dt-bar-ctl { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; flex-wrap: wrap; }
.dt-range-sel { display: none; }
.dt-range-sel .san-field-label { display: none; }
.dt-bar-ctl .san-seg { margin: 0; }
.dt-note { font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.dt-active { margin-top: -12px; }
.dt-active > div { margin-top: 0 !important; }

/* ---- Summary strip: one bordered container, hairline dividers ---- */
.dt-strip { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); margin: 0; background: var(--eon-surface); border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-card); overflow: hidden; }
.dt-cell { min-width: 0; padding: 16px 20px; display: flex; flex-direction: column; gap: 4px; }
.dt-cell + .dt-cell { border-left: 1px solid var(--eon-card-border); }
.dt-cell dt { margin: 0; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.dt-cell dd { margin: 0; }
.dt-cell dd.v { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-height: 36px; }
.dt-cell .num { font: 600 28px/36px var(--eon-font-head, var(--eon-font-body)); color: var(--eon-ink-heading, var(--eon-ink)); font-variant-numeric: tabular-nums; }
.dt-cell .num .san-band { margin-left: 6px; font: 600 13px/18px var(--eon-font-body); }
.dt-delta { font: 600 13px/18px var(--eon-font-body); font-variant-numeric: tabular-nums; white-space: nowrap; }
.dt-delta.up { color: var(--eon-success); } .dt-delta.down { color: var(--eon-danger); } .dt-delta.flat { color: var(--eon-ink-muted); }
.dt-cell-link { margin-left: auto; font: 600 13px/18px var(--eon-font-body); }
.dt-cell-link a, .dt-cell-link button { color: var(--eon-accent-text); text-decoration: none; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.dt-cell-link a:hover, .dt-cell-link button:hover { text-decoration: underline; }
.dt-cell dd.n { font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1099px) {
  .dt-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dt-cell + .dt-cell { border-left: 0; } .dt-cell:nth-child(even) { border-left: 1px solid var(--eon-card-border); }
  .dt-cell:nth-child(n+3) { border-top: 1px solid var(--eon-card-border); }
}
@media (max-width: 520px) { .dt-cell { padding: 12px 14px; } .dt-cell .num { font-size: 24px; line-height: 32px; } .dt-cell dd.v { min-height: 32px; } .dt-cell dd.n { white-space: normal; } }

/* Charts and ranked bars sit on the same 16px cards */
.san-panel { padding: 16px; }
.san-panel-head h2 { font: 600 16px/22px var(--eon-font-head, var(--eon-font-body)); }
.san-grid { gap: 16px; }
.p-mcard .san-rank-head h3 { font: 600 14px/20px var(--eon-font-body); }

/* ---- Data table card ---- */
.dt-card { background: var(--eon-surface); border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-card); display: flex; flex-direction: column; min-width: 0; align-self: stretch; }
.dt-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px; }
.dt-head h2 { margin: 0; font: 600 16px/22px var(--eon-font-head, var(--eon-font-body)); color: var(--eon-ink-heading, var(--eon-ink)); }
.dt-head p { margin: 2px 0 0; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.dt-aside { display: flex; align-items: center; gap: 8px; }
.dt-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 16px; border-top: 1px solid var(--eon-card-border); }
.dt-search { position: relative; flex: 0 1 280px; min-width: 200px; display: block; }
.dt-search svg { position: absolute; left: 10px; top: 10px; width: 16px; height: 16px; color: var(--eon-ink-muted); pointer-events: none; }
.dt-search input { width: 100%; height: 36px; padding: 0 12px 0 34px; background: var(--eon-surface-sunken); border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-control); font: 400 14px/20px var(--eon-font-body); color: var(--eon-ink); }
.dt-search input::placeholder { color: var(--eon-ink-placeholder); }
.dt-search input:hover { border-color: var(--eon-field-border-hover); }
.dt-search input:focus { border-color: var(--eon-field-focus); box-shadow: 0 0 0 3px var(--eon-field-halo); outline: none; }
.dt-seg { display: inline-flex; border: 1px solid var(--eon-border); border-radius: var(--eon-r-control); overflow: hidden; }
.dt-seg button { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 0; border-left: 1px solid var(--eon-card-border); background: transparent; color: var(--eon-ink); font: 400 14px/20px var(--eon-font-body); cursor: pointer; white-space: nowrap; }
.dt-seg button:first-child { border-left: 0; }
.dt-seg button:hover { background: var(--eon-hover); }
.dt-seg button[aria-pressed="true"] { background: color-mix(in srgb, var(--eon-accent) 14%, var(--eon-surface)); color: var(--eon-ink); font-weight: 600; }
.dt-seg button[aria-pressed="true"] .dt-count { background: color-mix(in srgb, var(--eon-accent) 22%, var(--eon-surface)); color: var(--eon-ink); }
.dt-seg button:focus-visible { outline: 2px solid var(--eon-focus-ring); outline-offset: -2px; }
.dt-sort { margin-left: auto; width: 220px; }
.dt-sort .san-field-label { display: none; }
.dt-sort .san-select-btn { font-weight: 600; }

.dt-scroll { overflow-x: auto; border-top: 1px solid var(--eon-card-border); }
.dt-scroll:focus-visible { outline: 2px solid var(--eon-focus-ring); outline-offset: -2px; }
.dt-table { width: 100%; border-collapse: collapse; font: 400 14px/20px var(--eon-font-body); color: var(--eon-ink); }
.dt-table thead th { height: 40px; padding: 0 12px; background: var(--eon-th-bg); border-bottom: 1px solid var(--eon-card-border); text-align: left; font: 600 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); white-space: nowrap; }
.dt-table thead th:first-child, .dt-table tbody td:first-child { padding-left: 16px; }
.dt-table th.num, .dt-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.dt-table tbody td { height: 52px; padding: 6px 12px; border-top: 1px solid var(--eon-card-border); vertical-align: middle; }
.dt-table tbody tr:first-child td { border-top: 0; }
.dt-table tbody tr:hover td { background: var(--eon-row-hover); }
.dt-table tbody tr.click { cursor: pointer; }
.dt-table td .t1 { display: block; font: 600 14px/20px var(--eon-font-body); color: var(--eon-ink); }
.dt-table td .t2 { display: block; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.dt-table td .cut { display: block; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-table td.num b { font-weight: 600; }
.dt-table .act { width: 1%; white-space: nowrap; text-align: right; padding-right: 12px; }
.dt-sortbtn { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.dt-sortbtn:hover { color: var(--eon-ink); }
.dt-sortbtn svg { width: 13px; height: 13px; } .dt-sortbtn svg.idle { opacity: .6; }
.dt-sortbtn:focus-visible, .dt-rowact:focus-visible, .dt-pages button:focus-visible { outline: 2px solid var(--eon-focus-ring); outline-offset: 2px; border-radius: 4px; }
th[aria-sort="ascending"], th[aria-sort="descending"] { color: var(--eon-ink); }
.dt-rowact { display: inline-flex; align-items: center; gap: 2px; min-height: 32px; padding: 0 4px 0 8px; border: 0; border-radius: var(--eon-r-control); background: none; color: var(--eon-ink-muted); font: 600 14px/20px var(--eon-font-body); cursor: pointer; }
.dt-rowact svg { width: 16px; height: 16px; }
tr:hover .dt-rowact, .dt-rowact:hover { color: var(--eon-accent-text); }
.dt-empty { margin: 0; padding: 32px 16px; text-align: center; border-top: 1px solid var(--eon-card-border); font: 400 14px/20px var(--eon-font-body); color: var(--eon-ink-muted); }
.dt-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; min-height: 48px; padding: 8px 16px; border-top: 1px solid var(--eon-card-border); margin-top: auto; }
.dt-foot p { margin: 0; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); font-variant-numeric: tabular-nums; }
.dt-foot-note { margin-left: 8px; }
.dt-pages { display: flex; align-items: center; gap: 2px; }
.dt-pn { display: inline-flex; align-items: center; }
.dt-gap { padding: 0 4px; color: var(--eon-ink-muted); }
.dt-pages button { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-width: 32px; height: 32px; padding: 0 10px; border: 1px solid transparent; border-radius: var(--eon-r-control); background: transparent; color: var(--eon-ink); font: 600 13px/18px var(--eon-font-body); cursor: pointer; font-variant-numeric: tabular-nums; }
.dt-pages button:hover:not(:disabled) { background: var(--eon-hover); }
.dt-pages button:disabled { opacity: .4; cursor: not-allowed; }
.dt-pages button.n { padding: 0; }
.dt-pages button.on { background: var(--eon-th-bg); border-color: var(--eon-card-border); }
.dt-chev { display: none; width: 16px; height: 16px; }

/* Tinted status tags: 12% wash, the word in its tone, 24px, 3px radius */
.dt-pill { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 3px; font: 600 13px/18px var(--eon-font-body); white-space: nowrap; }
.dt-pill.ok { color: var(--eon-success); background: color-mix(in srgb, var(--eon-success) 12%, transparent); }
.dt-pill.bad { color: var(--eon-danger); background: color-mix(in srgb, var(--eon-danger) 12%, transparent); }
.dt-pill.warn { color: var(--eon-warning); background: color-mix(in srgb, var(--eon-warning) 12%, transparent); }
.dt-pill.info { color: var(--eon-accent-text); background: color-mix(in srgb, var(--eon-accent) 12%, transparent); }
.dt-pill.mute { color: var(--eon-ink-muted); background: color-mix(in srgb, var(--eon-ink-muted) 12%, transparent); }
.dt-table .san-pill { margin-left: 6px; }
.dt-table .san-stages { vertical-align: middle; }
.dt-table td.san-heat { text-align: center; width: 96px; border-top-color: var(--eon-surface); }
.dt-table td.san-heat.h4, .dt-table td.san-heat.h5 { font-weight: 600; }
.dt-table th.heat, .dt-table td.heat { text-align: center; }
.dt-table td.heat { font-variant-numeric: tabular-nums; }
.p-items::after { content: none !important; }

/* Tables take their grid slots like panels did */
@media (min-width: 1100px) {
  .san-hard .p-recent.dt-card { grid-column: span 12; } .san-life .p-items.dt-card { grid-column: span 12; } .san-life .p-learners.dt-card { grid-column: span 12; }
  .san-all .p-oitems.dt-card, .san-all .p-oact.dt-card { grid-column: span 12; }
}

/* State mark: the icon on a 50px round sunken tile */
.san-card > svg { box-sizing: content-box; width: 24px; height: 24px; padding: 13px; border-radius: 50%; background: var(--eon-surface-sunken); border: 1px solid var(--eon-card-border); }
.san-card h2 { font: 600 18px/26px var(--eon-font-head, var(--eon-font-body)); }

/* ---- Phones: one column, no sideways page scroll, tables keep their key columns ---- */
@media (max-width: 1099px) {
  .san-all .p-oitems.dt-card, .san-all .p-oact.dt-card { grid-column: span 12; }
}
@media (max-width: 639px) {
  .dt-range-seg { display: none; } .dt-range-sel { display: block; flex: 1 1 140px; min-width: 0; }
  .dt-bar-ctl { width: 100%; } .dt-bar-ctl > button, .dt-bar-ctl > .dt-filters { flex: 0 0 auto; }
  .dt-tabs { width: 100%; overflow-x: auto; scrollbar-width: none; } .dt-tabs button { padding: 0 10px; font-size: 14px; }
  .dt-search { flex: 1 1 100%; } .dt-seg { display: flex; width: 100%; } .dt-seg button { flex: 1 1 0; justify-content: center; padding: 0 6px; gap: 4px; }
  .dt-sort { width: 100%; margin-left: 0; }
  .dt-table .hide-sm { display: none; } .dt-table td .cut { max-width: 14rem; }
  .dt-foot { justify-content: center; } .dt-pages { flex-wrap: wrap; justify-content: center; }
}
@media (min-width: 640px) { .dt-range-sel { display: none; } }
@media (prefers-reduced-motion: reduce) { .dt-tabs button, .dt-seg button, .dt-pages button { transition: none; } }

.san-tabpanel { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.dt-bar-ctl { margin-left: auto; }
.dt-cell-link { max-width: 60%; text-align: right; white-space: normal; overflow-wrap: anywhere; }
.dt-cell-link .san-link { min-height: 0; text-decoration: none; font: inherit; }
.dt-table .show-sm { display: none; }
@media (max-width: 639px) { .dt-table .show-sm { display: block; } }
.dt-aside .san-toggle { align-self: center; }

.san > [data-region="gallery-banner"] { margin-bottom: 0; }
.dt-table td .clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; }
.p-items .dt-table td:first-child { min-width: 280px; max-width: 460px; }
.dt-table td.san-heat { padding: 0 12px; }
.dt-table td .t2.show-sm { display: none; }
@media (max-width: 639px) { .dt-table td .t2.show-sm { display: block; } }
.dt-cell dd.n { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.p-mcard > .san-rank { flex: 0 0 auto !important; }
.dt-table a { text-decoration: none; } .dt-table a:hover { text-decoration: underline; }
.dt-card, .dt-cell, .dt-scroll, .dt-tabs, .dt-toolbar { position: relative; }

/* Laptop density, as the approved prototype renders it: the tab row is 36px tall. */
@media (min-width: 720px) { .dt-tabs button { min-height: 36px; } }

/* Card titles share the Library card title colour (--eon-ink), so a card reads the same on every page. */
.san .cc-titles h2, .san .dt-head h2, .san .san-panel-head h2 { color: var(--eon-ink); }
/* Chart kit styles. Tokens only. One axis style, one grid weight, one mark spec, one card anatomy. Byte-identical in Hard and Soft. */
.cc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── Card anatomy ── */
.san .cc { gap: 0; padding: 16px; min-width: 0; }
.cc-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 52px; }
.cc-titles { min-width: 0; flex: 1 1 220px; }
.cc-titles h2 { font: 600 16px/22px var(--eon-font-head, var(--eon-font-body)); color: var(--eon-ink-heading, var(--eon-ink)); margin: 0; }
.cc-take { margin: 2px 0 0; font: 400 14px/20px var(--eon-font-body); color: var(--eon-ink-muted); max-width: 62ch; text-wrap: pretty; }
.cc-ctl { display: flex; align-items: center; gap: 8px; flex: none; }
.cc-ctl .san-seg { margin: 0; }
.san .cc .san-seg button, .san .cc .san-seg button:first-child { height: 30px; min-height: 30px; padding: 0 10px; font-size: 13px; line-height: 18px; }
.cc-tbl { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-control); background: transparent; color: var(--eon-ink-muted); cursor: pointer; }
.cc-tbl svg { width: 16px; height: 16px; }
.cc-tbl[aria-pressed="true"] { background: var(--eon-surface-selected); color: var(--eon-ink); border-color: var(--eon-accent); }
.cc-tbl:focus-visible, .cc-plot:focus-visible, .hg-plot:focus-visible, .rb-row:focus-visible, .cc-tablewrap:focus-visible { outline: 2px solid var(--eon-accent); outline-offset: 2px; border-radius: 4px; }
.cc-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding-top: 12px; gap: 16px; }
.cc-src { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--eon-divider); font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); }
.cc-state { flex: 1; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; color: var(--eon-ink-muted); font: var(--eon-type-dense-ui); }
.cc-state svg { width: 28px; height: 28px; }
.cc-skel { display: block; width: 100%; height: 160px; border-radius: 6px; }

/* ── Line chart ── */
.cc-fig { margin: 0; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-height: 0; min-width: 0; }
.cc-legend { display: flex; flex-wrap: wrap; gap: 4px 16px; list-style: none; margin: 0; padding: 0; font: 400 13px/18px var(--eon-font-body); color: var(--eon-ink-muted); }
.cc-legend li { display: inline-flex; align-items: center; gap: 8px; }
.cc-plot { position: relative; flex: 1 1 auto; min-height: 220px; touch-action: pan-y; }
.cc-plot > svg { position: absolute; inset: 0; display: block; overflow: visible; }
.cc-grid { stroke: var(--eon-grid-line, var(--eon-divider)); stroke-width: 1; }
.cc-ax { font: 400 12px var(--eon-font-body); fill: var(--eon-ink-muted); font-variant-numeric: tabular-nums; }
.cc-ax.halo { paint-order: stroke; stroke: var(--eon-surface); stroke-width: 3px; font-weight: 600; }
.cc-end { font: 600 13px var(--eon-font-body); fill: var(--eon-ink); font-variant-numeric: tabular-nums; }
.cc-end .nm { font: 400 12px var(--eon-font-body); fill: var(--eon-ink-muted); }
.cc-line { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.cc-target { stroke: var(--eon-ink-muted); stroke-width: 1; stroke-dasharray: 2 3; }
.cc-cross { stroke: var(--eon-ink-muted); stroke-width: 1; }
.cc-dot { stroke: var(--eon-surface); stroke-width: 2; pointer-events: none; }
.cc-axis { margin: 0; font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); min-height: 16px; }
.cc-tip { position: absolute; z-index: 3; transform: translateX(12px); pointer-events: none; display: flex; flex-direction: column; gap: 2px; width: max-content; min-width: 120px; max-width: 280px; padding: 8px 10px; background: var(--eon-surface-raised, var(--eon-surface)); color: var(--eon-ink); border: 1px solid var(--eon-border-control); border-radius: 6px; box-shadow: var(--eon-shadow-2); font: 400 13px/18px var(--eon-font-body); }
.cc-tip.flip { transform: translateX(calc(-100% - 12px)); }
.cc-tip-h { color: var(--eon-ink-muted); font-size: 12px; }
.cc-tip-r { display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
.cc-tip-r b { font-weight: 600; }
.cc-tip-r > span { color: var(--eon-ink-muted); }

/* ── Bar list ── */
.rb { margin: 0; display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; min-width: 0; }
.rb-key { margin: 0; display: inline-flex; align-items: center; gap: 8px; font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); }
.rb-key u, .rb-tick { display: block; width: 2px; background: var(--eon-ink); text-decoration: none; opacity: .75; }
.rb-key u { height: 12px; }
.rb-list { position: relative; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.rb.spread .rb-list { flex: 1 1 auto; justify-content: space-between; }
.rb-row { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rb-line { display: flex; align-items: baseline; gap: 8px; }
.rb-name { flex: 1 1 auto; min-width: 0; font: 400 14px/20px var(--eon-font-body); color: var(--eon-ink); overflow-wrap: anywhere; }
.rb-name small { margin-left: 8px; font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); white-space: nowrap; }
.rb-val { flex: none; font: 600 14px/20px var(--eon-font-body); font-variant-numeric: tabular-nums; color: var(--eon-ink); }
.rb-low { flex: none; font: 600 12px/16px var(--eon-font-body); font-style: normal; color: var(--eon-ink); background: var(--eon-fill); border: 1px solid var(--eon-card-border); border-radius: var(--eon-r-xs); padding: 0 6px; }
.rb-track { position: relative; height: 8px; background: var(--eon-fill); border-radius: 4px; }
.rb-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 0 4px 4px 0; transform-origin: left center; }
.rb-tick { position: absolute; top: -3px; bottom: -3px; margin-left: -1px; }
.rb-list:hover .rb-row:not(:hover) .rb-fill { opacity: .55; }
.rb-list .cc-tip { transform: translate(-50%, 0); }
.rb.spread .rb-track { height: 14px; }

/* ── Histogram ── */
.hg-plot { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-height: 200px; position: relative; }
.hg-cols { position: relative; flex: 1 1 auto; display: flex; gap: 2px; border-bottom: 1px solid var(--eon-border-control); padding-top: 44px; min-height: 150px; }
.hg-col { flex: 1 1 0; min-width: 0; display: flex; align-items: flex-end; justify-content: center; position: relative; }
.hg-bars { display: flex; align-items: flex-end; justify-content: center; gap: 2px; height: 100%; width: 100%; }
.hg-bar { position: relative; display: block; flex: 0 1 24px; min-height: 2px; border-radius: 4px 4px 0 0; transform-origin: bottom; }
.hg-bar em { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding-bottom: 3px; font: 600 12px/16px var(--eon-font-body); font-style: normal; color: var(--eon-ink); font-variant-numeric: tabular-nums; }
.hg-col.on { background: var(--eon-hover); }
.hg-line { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid var(--eon-ink-muted); pointer-events: none; }
.hg-line.tgt { border-left-style: dashed; opacity: .8; }
.hg-line.tgt b { left: auto; right: 6px; }
.hg-line b { position: absolute; top: 0; left: 6px; white-space: nowrap; font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); }
.hg-line.med { border-left: 2px solid var(--eon-ink); } .hg-line.med b { color: var(--eon-ink); font-weight: 600; top: 18px; }
.hg-line.med.flip b { left: auto; right: 6px; }
.hg-x { position: relative; height: 16px; }
.hg-x span { position: absolute; transform: translateX(-50%); font: 400 12px/16px var(--eon-font-body); color: var(--eon-ink-muted); font-variant-numeric: tabular-nums; }
.hg-x span:first-child { transform: none; } .hg-x span:last-child { transform: translateX(-100%); }
.hg .cc-tip { transform: translate(-50%, 0); top: 28px !important; }
.hg .cc-tip.flip { transform: translate(-50%, 0); }

/* ── Table view ── */
.cc-tablewrap { overflow: auto; max-height: 420px; border: 1px solid var(--eon-divider); border-radius: 6px; }
.cc-table { width: 100%; border-collapse: collapse; font: 400 14px/20px var(--eon-font-body); font-variant-numeric: tabular-nums; }
.cc-table th, .cc-table td { padding: 8px 12px; border-top: 1px solid var(--eon-divider); text-align: left; }
.cc-table thead th { border-top: 0; font-weight: 600; color: var(--eon-ink-muted); position: sticky; top: 0; background: var(--eon-surface); }
.cc-table tbody th { font-weight: 400; }
.cc-table .num { text-align: right; }

/* ── Motion: draw-on and grow, 300 ms at most, never with reduced motion ── */
@media (prefers-reduced-motion: no-preference) {
  .cc-line.draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: cc-draw 300ms ease-out forwards; }
  .cc-line.dash, .cc-fade { animation: cc-in 300ms ease-out both; }
  .rb-fill { animation: cc-grow 300ms ease-out both; }
  .hg-bar { animation: cc-rise 300ms ease-out both; }
}
@keyframes cc-draw { to { stroke-dashoffset: 0; } }
@keyframes cc-in { from { opacity: 0; } }
@keyframes cc-grow { from { transform: scaleX(0); } }
@keyframes cc-rise { from { transform: scaleY(0); } }

/* ── Course-specific metrics list (under the Metrics list) ── */
.cc .san-specific { margin-top: 4px; }
.cc .san-specific li { height: auto; min-height: 40px; padding: 6px 0; }
.cc .san-specific .cn, .cc .san-specific .mc em { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }

/* ── Layout: one grid, cards in a row share a height, charts fill their card (laptop widths) ── */
.san .san-grid { align-items: stretch; }
.san .san-grid > .cc, .san .san-grid > .p-next { align-self: stretch; }
@media (min-width: 1100px) {
  .san .san-grid > .cc-trend { grid-column: span 8; } .san .san-grid > .cc-dist { grid-column: span 4; }
  .san .san-hard .san-grid > .cc-rank { grid-column: span 7; grid-row: span 2; }
  .san .san-hard .san-grid > .cc-areas, .san .san-hard .san-grid > .p-next { grid-column: span 5; }
  .san .san-hard .san-grid > .p-recent { grid-column: span 12; }
  .san .san-life .san-grid > .cc-funnel { grid-column: span 5; } .san .san-life .san-grid > .cc-rank { grid-column: span 7; }
  .san .san-life .san-grid > .p-items, .san .san-life .san-grid > .p-learners { grid-column: span 12; }
  .san .san-all .san-grid > .cc-rank { grid-column: span 6; }
  .san .san-life .san-grid > .cc-dist.lf-dist { grid-column: span 12; }
}

/* ── Polygon (five metrics) ── */
.pg-plot { position: relative; flex: 1 1 auto; min-height: 260px; max-width: 460px; width: 100%; margin: 0 auto; aspect-ratio: 460 / 340; }
.pg-plot > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pg-lbl { font: 400 13px var(--eon-font-body); }
.pg-lbl .nm { fill: var(--eon-ink-muted); font-weight: 600; } .pg-lbl .vl { fill: var(--eon-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.pg-plot .cc-tip { transform: translate(-50%, 16px); max-width: 240px; white-space: normal; }
.pg-split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; align-items: center; }
.pg-split .rb { align-self: center; }
.pg-rank .pg-plot { min-height: 0; max-width: 28rem; }
@media (max-width: 1100px) { .pg-rank { grid-template-columns: minmax(0, 1fr); } }

/* ── Lesson header and the Lesson selector ── */
.dt-lesson { display: flex; align-items: center; gap: 8px; }
.dt-lesson .san-field { margin: 0; flex-direction: row; align-items: center; gap: 8px; }
.dt-lesson .san-field-label { display: inline; white-space: nowrap; color: var(--eon-ink-muted); font: 600 14px/20px var(--eon-font-body); }
.dt-lesson .san-input { width: 300px; }
.cc-lesson { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 14px 16px; margin: 0 0 16px; background: var(--eon-surface); border: 1px solid var(--eon-card-border); border-radius: 8px; }
.cc-lesson h2 { margin: 0; font: 600 18px/24px var(--eon-font-head, var(--eon-font-body)); color: var(--eon-ink-heading, var(--eon-ink)); }
.cc-lesson .meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--eon-ink-muted); font: 400 14px/20px var(--eon-font-body); }
.cc-lesson .back { margin-left: auto; }
/* Route loading: the navbar stays, only the content region changes (eon-product-ui DESIGN.md Motion: opacity and transform only, reduced motion respected).
   bar     2px accent line under the navbar, indeterminate, starts 120ms after a route begins to load (fast routes show nothing)
   veil    the skeleton of the target page over the content region, starts after 200ms, stays at least 300ms once shown, fades in and out over 150ms
   enter   the new page fades in over 150ms. Tokens only. */
.rl-wrap { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
.rl-bar { position: absolute; z-index: 45; inset-inline: 0; top: var(--rl-top, 3.8125rem); height: 2px; overflow: hidden; pointer-events: none; opacity: 0; animation: rl-fade .15s ease-out forwards; }
.rl-bar > i { position: absolute; inset-block: 0; inset-inline-start: 0; width: 35%; background: var(--eon-accent); border-radius: 0.125rem; animation: rl-slide 1.1s cubic-bezier(.45, 0, .55, 1) infinite; }
.rl-veil { position: absolute; z-index: 30; inset-inline: 0; bottom: 0; top: var(--rl-top, 3.8125rem); overflow: hidden; background: var(--eon-canvas); animation: rl-fade .15s ease-out both; }
.rl-veil[data-out="1"] { animation: rl-fade-out .15s ease-in both; pointer-events: none; }
.rl-veil-in { width: 100%; max-width: var(--eon-page-max); margin: 0 auto; padding: 1.75rem var(--eon-gutter) 2rem; box-sizing: border-box; }
.rl-pane-in { animation: rl-fade .16s ease-out; } /* opacity only, no fill: nothing stays promoted after it ends */
@keyframes rl-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes rl-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes rl-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(290%); } }
@media (prefers-reduced-motion: reduce) {
  .rl-bar > i { animation: none; width: 40%; }
  .rl-bar, .rl-veil, .rl-veil[data-out="1"], .rl-pane-in { animation: none; opacity: 1; }
  .rl-veil[data-out="1"] { opacity: 0; }
}
/* First load only (nothing on screen yet): the skeleton waits 200ms so a fast load never flashes it. */
.rl-delay { opacity: 0; animation: rl-fade .15s ease-out .2s forwards; }
@media (prefers-reduced-motion: reduce) { .rl-delay { animation: rl-show .01ms linear .2s forwards; } }
@keyframes rl-show { to { opacity: 1; } }
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--eon-font-body);
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: .8125rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .9375rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: .9375rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.25rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.75rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--eon-font-body);
    --default-mono-font-family: var(--eon-font-mono);
    --color-background: var(--eon-canvas);
    --color-foreground: var(--eon-ink);
    --color-primary: var(--eon-action);
    --color-ring: var(--eon-focus-ring);
    --color-border: var(--eon-border);
    --color-quiet: var(--eon-card-border);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

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

  h1, h2, h3, h4 {
    font-family: var(--eon-font-head);
    color: var(--eon-ink-heading);
    text-wrap: balance;
    font-weight: 600;
  }

  h1 {
    font: var(--eon-type-page-title);
    letter-spacing: -.015em;
  }

  h2 {
    font: var(--eon-type-section-title);
    letter-spacing: -.01em;
  }

  h3 {
    font: var(--eon-type-subsection-title);
  }

  html, body {
    background-color: var(--background);
    color: #e6ebf3;
    width: 100%;
    height: 100%;
  }

  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Titillium Web, Open Sans, Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  }

  #root {
    background-color: var(--background);
    width: 100%;
    height: 100%;
  }

  input[type="checkbox"] {
    cursor: pointer;
  }

  :where(p, td, dd, blockquote, input, textarea, .eon-text) {
    font-family: Open Sans, Titillium Web, Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  }

  button {
    cursor: pointer;
    transition: all .2s;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .6;
  }

  :focus-visible {
    outline: 3px solid var(--ring);
    outline-offset: 2px;
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/ch {
    container: ch / inline-size;
  }

  .\@container\/hero {
    container: hero / inline-size;
  }

  .\@container\/jr {
    container: jr / inline-size;
  }

  .\@container\/ms {
    container: ms / inline-size;
  }

  .\@container, .\[container-type\:inline-size\] {
    container-type: inline-size;
  }

  .\[container-type\:size\] {
    container-type: size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-1\.5 {
    inset: calc(var(--spacing) * -1.5);
  }

  .-inset-2 {
    inset: calc(var(--spacing) * -2);
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-\[8\%\] {
    inset: 8%;
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-2\.5 {
    inset-inline: calc(var(--spacing) * 2.5);
  }

  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .inset-y-1 {
    inset-block: calc(var(--spacing) * 1);
  }

  .inset-y-2\.5 {
    inset-block: calc(var(--spacing) * 2.5);
  }

  .-start-2\.5 {
    inset-inline-start: calc(var(--spacing) * -2.5);
  }

  .-start-\[1\.1875rem\] {
    inset-inline-start: -1.1875rem;
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .start-1\/2 {
    inset-inline-start: 50%;
  }

  .start-2\.5 {
    inset-inline-start: calc(var(--spacing) * 2.5);
  }

  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }

  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }

  .start-5 {
    inset-inline-start: calc(var(--spacing) * 5);
  }

  .start-\[1\.4375rem\] {
    inset-inline-start: 1.4375rem;
  }

  .start-full {
    inset-inline-start: 100%;
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .end-0\.5 {
    inset-inline-end: calc(var(--spacing) * .5);
  }

  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }

  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }

  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }

  .end-6 {
    inset-inline-end: calc(var(--spacing) * 6);
  }

  .end-\[4\%\] {
    inset-inline-end: 4%;
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-\[5px\] {
    top: -5px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-9 {
    top: calc(var(--spacing) * 9);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-24 {
    top: calc(var(--spacing) * 24);
  }

  .top-\[1\.125rem\] {
    top: 1.125rem;
  }

  .top-\[1cqw\] {
    top: 1cqw;
  }

  .top-\[2\.25rem\] {
    top: 2.25rem;
  }

  .top-\[3cqw\] {
    top: 3cqw;
  }

  .top-\[13px\] {
    top: 13px;
  }

  .top-\[46px\] {
    top: 46px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[58px\] {
    top: 58px;
  }

  .top-\[68px\] {
    top: 68px;
  }

  .top-\[70px\] {
    top: 70px;
  }

  .top-\[114px\] {
    top: 114px;
  }

  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }

  .top-\[calc\(100\%\+10px\)\] {
    top: calc(100% + 10px);
  }

  .top-\[calc\(var\(--ss-shell-h\,4rem\)\+1rem\)\] {
    top: calc(var(--ss-shell-h, 4rem) + 1rem);
  }

  .top-full {
    top: 100%;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-\[0\.6875rem\] {
    right: -.6875rem;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-\[0\.3125rem\] {
    right: .3125rem;
  }

  .right-\[1\.125rem\] {
    right: 1.125rem;
  }

  .right-\[1cqw\] {
    right: 1cqw;
  }

  .right-\[5px\] {
    right: 5px;
  }

  .right-\[6\%\] {
    right: 6%;
  }

  .right-\[8\%\] {
    right: 8%;
  }

  .right-\[12\%\] {
    right: 12%;
  }

  .right-\[calc\(50\%\+18px\)\] {
    right: calc(50% + 18px);
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }

  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }

  .-bottom-\[5px\] {
    bottom: -5px;
  }

  .-bottom-px {
    bottom: -1px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-3\.5 {
    bottom: calc(var(--spacing) * 3.5);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-\[0\.3125rem\] {
    bottom: .3125rem;
  }

  .bottom-\[1\.125rem\] {
    bottom: 1.125rem;
  }

  .bottom-\[5px\] {
    bottom: 5px;
  }

  .bottom-\[6\%\] {
    bottom: 6%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-9 {
    left: calc(var(--spacing) * 9);
  }

  .left-72 {
    left: calc(var(--spacing) * 72);
  }

  .left-\[1\.125rem\] {
    left: 1.125rem;
  }

  .left-\[3\.3rem\] {
    left: 3.3rem;
  }

  .left-\[6\%\] {
    left: 6%;
  }

  .left-\[11px\] {
    left: 11px;
  }

  .left-\[18px\] {
    left: 18px;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[calc\(-50\%\+18px\)\] {
    left: calc(18px - 50%);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-20 {
    z-index: calc(20 * -1);
  }

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

  .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-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[3\] {
    z-index: 3;
  }

  .z-\[4\] {
    z-index: 4;
  }

  .z-\[10\] {
    z-index: 10;
  }

  .z-\[12\] {
    z-index: 12;
  }

  .z-\[25\] {
    z-index: 25;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[61\] {
    z-index: 61;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[120\] {
    z-index: 120;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[2000\] {
    z-index: 2000;
  }

  .z-\[9998\] {
    z-index: 9998;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

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

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .float-left {
    float: left;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-9 {
    margin: calc(var(--spacing) * 9);
  }

  .m-\[0\.875rem\] {
    margin: .875rem;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-\[1\.375rem\] {
    margin-inline: 1.375rem;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -.5);
  }

  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .-my-2\.5 {
    margin-block: calc(var(--spacing) * -2.5);
  }

  .-my-3 {
    margin-block: calc(var(--spacing) * -3);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-auto {
    margin-block: auto;
  }

  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }

  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }

  .-ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }

  .-ms-\[7px\] {
    margin-inline-start: -7px;
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }

  .-me-4 {
    margin-inline-end: calc(var(--spacing) * -4);
  }

  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }

  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .me-2\.5 {
    margin-inline-end: calc(var(--spacing) * 2.5);
  }

  .me-auto {
    margin-inline-end: auto;
  }

  .\!mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-3\.5 {
    margin-top: calc(var(--spacing) * -3.5);
  }

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }

  .-mt-\[1cqw\] {
    margin-top: -1cqw;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-\[\.3cqw\] {
    margin-top: .3cqw;
  }

  .mt-\[\.4cqw\] {
    margin-top: .4cqw;
  }

  .mt-\[\.6cqw\] {
    margin-top: .6cqw;
  }

  .mt-\[0\.1875rem\] {
    margin-top: .1875rem;
  }

  .mt-\[0\.3125rem\] {
    margin-top: .3125rem;
  }

  .mt-\[1\.125rem\] {
    margin-top: 1.125rem;
  }

  .mt-\[1px\] {
    margin-top: 1px;
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-\[1\.125rem\] {
    margin-bottom: 1.125rem;
  }

  .mb-\[clamp\(2px\,2cqh\,12px\)\] {
    margin-bottom: clamp(2px, 2cqh, 12px);
  }

  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -.5);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-\[22px\] {
    margin-left: 22px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .block\! {
    display: block !important;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline\! {
    display: inline !important;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

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

  .\[field-sizing\:content\] {
    field-sizing: content;
  }

  .aspect-\[3\/2\] {
    aspect-ratio: 3 / 2;
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[48\/34\] {
    aspect-ratio: 48 / 34;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-\[1\.125rem\] {
    width: 1.125rem;
    height: 1.125rem;
  }

  .size-\[15rem\] {
    width: 15rem;
    height: 15rem;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }

  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[52\%\] {
    width: 52%;
    height: 52%;
  }

  .size-\[104px\] {
    width: 104px;
    height: 104px;
  }

  .size-\[140px\] {
    width: 140px;
    height: 140px;
  }

  .size-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
  }

  .size-\[calc\(100\%\+12px\)\] {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .size-px {
    width: 1px;
    height: 1px;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/3 {
    height: 33.3333%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\! {
    height: calc(var(--spacing) * 2) !important;
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-\[\.5cqw\] {
    height: .5cqw;
  }

  .h-\[\.8cqw\] {
    height: .8cqw;
  }

  .h-\[\.35cqw\] {
    height: .35cqw;
  }

  .h-\[0\.375rem\] {
    height: .375rem;
  }

  .h-\[0\.4375rem\] {
    height: .4375rem;
  }

  .h-\[0\.5625rem\] {
    height: .5625rem;
  }

  .h-\[1\.4rem\] {
    height: 1.4rem;
  }

  .h-\[1\.6cqw\] {
    height: 1.6cqw;
  }

  .h-\[1\.75rem\] {
    height: 1.75rem;
  }

  .h-\[1\.125rem\] {
    height: 1.125rem;
  }

  .h-\[1\.375rem\] {
    height: 1.375rem;
  }

  .h-\[1\.875rem\] {
    height: 1.875rem;
  }

  .h-\[1rem\] {
    height: 1rem;
  }

  .h-\[2\.4cqw\] {
    height: 2.4cqw;
  }

  .h-\[2\.6cqw\] {
    height: 2.6cqw;
  }

  .h-\[2\.75rem\] {
    height: 2.75rem;
  }

  .h-\[2\.875rem\] {
    height: 2.875rem;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3\.2cqw\] {
    height: 3.2cqw;
  }

  .h-\[3\.5rem\] {
    height: 3.5rem;
  }

  .h-\[3\.6cqw\] {
    height: 3.6cqw;
  }

  .h-\[3\.8cqw\] {
    height: 3.8cqw;
  }

  .h-\[3\.125rem\] {
    height: 3.125rem;
  }

  .h-\[3\.9375rem\] {
    height: 3.9375rem;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[4\.4cqw\] {
    height: 4.4cqw;
  }

  .h-\[4\.5cqw\] {
    height: 4.5cqw;
  }

  .h-\[4\.5rem\] {
    height: 4.5rem;
  }

  .h-\[4\.25rem\] {
    height: 4.25rem;
  }

  .h-\[4\.75rem\] {
    height: 4.75rem;
  }

  .h-\[4cqw\] {
    height: 4cqw;
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[5\.5rem\] {
    height: 5.5rem;
  }

  .h-\[5\.6cqw\] {
    height: 5.6cqw;
  }

  .h-\[6\.2cqw\] {
    height: 6.2cqw;
  }

  .h-\[9\.5cqw\] {
    height: 9.5cqw;
  }

  .h-\[9px\] {
    height: 9px;
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[10rem\] {
    height: 10rem;
  }

  .h-\[11\.875rem\] {
    height: 11.875rem;
  }

  .h-\[12\.5rem\] {
    height: 12.5rem;
  }

  .h-\[13px\] {
    height: 13px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[14px\]\! {
    height: 14px !important;
  }

  .h-\[15rem\] {
    height: 15rem;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[18\.75rem\] {
    height: 18.75rem;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[18px\]\! {
    height: 18px !important;
  }

  .h-\[20rem\] {
    height: 20rem;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[24rem\] {
    height: 24rem;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[42\%\] {
    height: 42%;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[55px\] {
    height: 55px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[82px\] {
    height: 82px;
  }

  .h-\[88px\] {
    height: 88px;
  }

  .h-\[92\%\] {
    height: 92%;
  }

  .h-\[94\%\] {
    height: 94%;
  }

  .h-\[96\%\] {
    height: 96%;
  }

  .h-\[104px\] {
    height: 104px;
  }

  .h-\[112px\] {
    height: 112px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[130px\] {
    height: 130px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[480px\] {
    height: 480px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[calc\(100svh-240px\)\] {
    height: calc(100svh - 240px);
  }

  .h-\[clamp\(12px\,5cqh\,24px\)\] {
    height: clamp(12px, 5cqh, 24px);
  }

  .h-\[clamp\(64px\,13cqi\,84px\)\] {
    height: clamp(64px, 13cqi, 84px);
  }

  .h-\[clamp\(76px\,15vh\,190px\)\] {
    height: clamp(76px, 15vh, 190px);
  }

  .h-\[min\(60vh\,520px\)\] {
    height: min(60vh, 520px);
  }

  .h-\[min\(680px\,calc\(100dvh-2rem\)\)\] {
    height: min(680px, 100dvh - 2rem);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-\[var\(--wizard-viewport\,100dvh\)\] {
    height: var(--wizard-viewport, 100dvh);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }

  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-\[4\.5rem\] {
    max-height: 4.5rem;
  }

  .max-h-\[11rem\] {
    max-height: 11rem;
  }

  .max-h-\[13\.75rem\] {
    max-height: 13.75rem;
  }

  .max-h-\[27rem\] {
    max-height: 27rem;
  }

  .max-h-\[36rem\] {
    max-height: 36rem;
  }

  .max-h-\[46vh\] {
    max-height: 46vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[100dvh\] {
    max-height: 100dvh;
  }

  .max-h-\[140px\] {
    max-height: 140px;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[340px\] {
    max-height: 340px;
  }

  .max-h-\[600px\] {
    max-height: 600px;
  }

  .max-h-\[calc\(5\*76px\+4\*8px\)\] {
    max-height: 412px;
  }

  .max-h-\[calc\(100\%-2rem\)\] {
    max-height: calc(100% - 2rem);
  }

  .max-h-\[calc\(100\%-24px\)\] {
    max-height: calc(100% - 24px);
  }

  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }

  .max-h-\[calc\(100svh-590px\)\] {
    max-height: calc(100svh - 590px);
  }

  .max-h-\[calc\(100svh-628px\)\] {
    max-height: calc(100svh - 628px);
  }

  .max-h-\[clamp\(160px\,38vh\,420px\)\] {
    max-height: clamp(160px, 38vh, 420px);
  }

  .max-h-\[clamp\(200px\,42vh\,460px\)\] {
    max-height: clamp(200px, 42vh, 460px);
  }

  .max-h-\[min\(60cqh\,calc\(100cqh-26\.25rem\)\)\] {
    max-height: min(60cqh, 100cqh - 26.25rem);
  }

  .max-h-\[min\(70vh\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
    max-height: min(70vh, var(--radix-dropdown-menu-content-available-height));
  }

  .max-h-full {
    max-height: 100%;
  }

  .\!min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }

  .min-h-\(--stage-h\)\! {
    min-height: var(--stage-h) !important;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-0\! {
    min-height: calc(var(--spacing) * 0) !important;
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-8\! {
    min-height: calc(var(--spacing) * 8) !important;
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }

  .min-h-\[1\.2em\] {
    min-height: 1.2em;
  }

  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }

  .min-h-\[1\.7rem\] {
    min-height: 1.7rem;
  }

  .min-h-\[1\.125rem\] {
    min-height: 1.125rem;
  }

  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .min-h-\[2\.5rem\]\! {
    min-height: 2.5rem !important;
  }

  .min-h-\[2\.6rem\] {
    min-height: 2.6rem;
  }

  .min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }

  .min-h-\[2\.75rem\]\! {
    min-height: 2.75rem !important;
  }

  .min-h-\[2\.125rem\] {
    min-height: 2.125rem;
  }

  .min-h-\[3\.5rem\] {
    min-height: 3.5rem;
  }

  .min-h-\[3\.75rem\] {
    min-height: 3.75rem;
  }

  .min-h-\[3\.375rem\] {
    min-height: 3.375rem;
  }

  .min-h-\[3px\] {
    min-height: 3px;
  }

  .min-h-\[4\.625rem\] {
    min-height: 4.625rem;
  }

  .min-h-\[4rem\] {
    min-height: 4rem;
  }

  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }

  .min-h-\[5\.625rem\] {
    min-height: 5.625rem;
  }

  .min-h-\[6rem\] {
    min-height: 6rem;
  }

  .min-h-\[7\.4cqw\] {
    min-height: 7.4cqw;
  }

  .min-h-\[7rem\] {
    min-height: 7rem;
  }

  .min-h-\[8\.25rem\] {
    min-height: 8.25rem;
  }

  .min-h-\[10rem\] {
    min-height: 10rem;
  }

  .min-h-\[12\.5rem\] {
    min-height: 12.5rem;
  }

  .min-h-\[13\.75rem\] {
    min-height: 13.75rem;
  }

  .min-h-\[15rem\] {
    min-height: 15rem;
  }

  .min-h-\[16\.25rem\] {
    min-height: 16.25rem;
  }

  .min-h-\[16cqw\] {
    min-height: 16cqw;
  }

  .min-h-\[17\.5rem\] {
    min-height: 17.5rem;
  }

  .min-h-\[18\.75rem\] {
    min-height: 18.75rem;
  }

  .min-h-\[18rem\] {
    min-height: 18rem;
  }

  .min-h-\[19cqw\] {
    min-height: 19cqw;
  }

  .min-h-\[20cqw\] {
    min-height: 20cqw;
  }

  .min-h-\[20rem\] {
    min-height: 20rem;
  }

  .min-h-\[22rem\] {
    min-height: 22rem;
  }

  .min-h-\[23\.75rem\] {
    min-height: 23.75rem;
  }

  .min-h-\[24px\] {
    min-height: 24px;
  }

  .min-h-\[26\.25rem\] {
    min-height: 26.25rem;
  }

  .min-h-\[28\.75rem\] {
    min-height: 28.75rem;
  }

  .min-h-\[34px\] {
    min-height: 34px;
  }

  .min-h-\[37\.5rem\]\! {
    min-height: 37.5rem !important;
  }

  .min-h-\[38px\] {
    min-height: 38px;
  }

  .min-h-\[40rem\] {
    min-height: 40rem;
  }

  .min-h-\[42px\] {
    min-height: 42px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-\[54px\] {
    min-height: 54px;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[64px\] {
    min-height: 64px;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[76px\] {
    min-height: 76px;
  }

  .min-h-\[84px\] {
    min-height: 84px;
  }

  .min-h-\[96px\] {
    min-height: 96px;
  }

  .min-h-\[110px\] {
    min-height: 110px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[122px\] {
    min-height: 122px;
  }

  .min-h-\[138px\] {
    min-height: 138px;
  }

  .min-h-\[150px\] {
    min-height: 150px;
  }

  .min-h-\[160px\] {
    min-height: 160px;
  }

  .min-h-\[170px\] {
    min-height: 170px;
  }

  .min-h-\[176px\] {
    min-height: 176px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[calc\(100dvh-61px\)\] {
    min-height: calc(100dvh - 61px);
  }

  .min-h-\[calc\(100dvh_-_120px\)\] {
    min-height: calc(100dvh - 120px);
  }

  .min-h-\[calc\(100svh-48px\)\] {
    min-height: calc(100svh - 48px);
  }

  .min-h-\[calc\(100svh-58px\)\] {
    min-height: calc(100svh - 58px);
  }

  .min-h-\[clamp\(18\.75rem\,42vh\,30rem\)\] {
    min-height: clamp(18.75rem, 42vh, 30rem);
  }

  .min-h-\[min\(32\.5rem\,calc\(100dvh-18\.75rem\)\)\] {
    min-height: min(32.5rem, 100dvh - 18.75rem);
  }

  .min-h-\[min\(520px\,58vh\)\] {
    min-height: min(520px, 58vh);
  }

  .min-h-\[var\(--wizard-viewport\,100svh\)\] {
    min-height: var(--wizard-viewport, 100svh);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-min {
    min-height: min-content;
  }

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

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-8\! {
    width: calc(var(--spacing) * 8) !important;
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-11\/12 {
    width: 91.6667%;
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[\.35cqw\] {
    width: .35cqw;
  }

  .w-\[0\.4375rem\] {
    width: .4375rem;
  }

  .w-\[1\.4rem\] {
    width: 1.4rem;
  }

  .w-\[1\.6cqw\] {
    width: 1.6cqw;
  }

  .w-\[1rem\] {
    width: 1rem;
  }

  .w-\[2\.4cqw\] {
    width: 2.4cqw;
  }

  .w-\[2\.6cqw\] {
    width: 2.6cqw;
  }

  .w-\[2cqw\] {
    width: 2cqw;
  }

  .w-\[3\.6cqw\] {
    width: 3.6cqw;
  }

  .w-\[3\.8cqw\] {
    width: 3.8cqw;
  }

  .w-\[3\.125rem\] {
    width: 3.125rem;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[4\.4cqw\] {
    width: 4.4cqw;
  }

  .w-\[4\.5cqw\] {
    width: 4.5cqw;
  }

  .w-\[4\.5rem\] {
    width: 4.5rem;
  }

  .w-\[4\.75rem\] {
    width: 4.75rem;
  }

  .w-\[4cqw\] {
    width: 4cqw;
  }

  .w-\[5px\] {
    width: 5px;
  }

  .w-\[6\.2cqw\] {
    width: 6.2cqw;
  }

  .w-\[6\.5rem\] {
    width: 6.5rem;
  }

  .w-\[6rem\] {
    width: 6rem;
  }

  .w-\[7cqw\] {
    width: 7cqw;
  }

  .w-\[7rem\] {
    width: 7rem;
  }

  .w-\[8\.25rem\] {
    width: 8.25rem;
  }

  .w-\[8rem\] {
    width: 8rem;
  }

  .w-\[9\.5cqw\] {
    width: 9.5cqw;
  }

  .w-\[9\.375rem\] {
    width: 9.375rem;
  }

  .w-\[9rem\] {
    width: 9rem;
  }

  .w-\[10rem\] {
    width: 10rem;
  }

  .w-\[11\.25rem\] {
    width: 11.25rem;
  }

  .w-\[11\.875rem\] {
    width: 11.875rem;
  }

  .w-\[11cqw\] {
    width: 11cqw;
  }

  .w-\[13cqw\] {
    width: 13cqw;
  }

  .w-\[14px\] {
    width: 14px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18\.75rem\] {
    width: 18.75rem;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20rem\] {
    width: 20rem;
  }

  .w-\[22\.5rem\] {
    width: 22.5rem;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[26px\] {
    width: 26px;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30cqw\] {
    width: 30cqw;
  }

  .w-\[34\%\] {
    width: 34%;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[42\%\] {
    width: 42%;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[44\%\] {
    width: 44%;
  }

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[54px\] {
    width: 54px;
  }

  .w-\[55\%\] {
    width: 55%;
  }

  .w-\[56\%\] {
    width: 56%;
  }

  .w-\[58px\] {
    width: 58px;
  }

  .w-\[60\%\] {
    width: 60%;
  }

  .w-\[60cqw\] {
    width: 60cqw;
  }

  .w-\[62\%\] {
    width: 62%;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[76cqw\] {
    width: 76cqw;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[82\%\] {
    width: 82%;
  }

  .w-\[84cqw\] {
    width: 84cqw;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-\[86cqw\] {
    width: 86cqw;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[112px\] {
    width: 112px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[190px\] {
    width: 190px;
  }

  .w-\[272px\] {
    width: 272px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[440px\] {
    width: 440px;
  }

  .w-\[Npx\] {
    width: Npx;
  }

  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[calc\(100vw-32px\)\] {
    width: calc(100vw - 32px);
  }

  .w-\[clamp\(22rem\,44cqw\,100cqw\)\] {
    width: max(22rem, 44cqw);
  }

  .w-\[clamp\(64px\,13cqi\,84px\)\] {
    width: clamp(64px, 13cqi, 84px);
  }

  .w-\[min\(17\.75rem\,40vw\)\] {
    width: min(17.75rem, 40vw);
  }

  .w-\[min\(18\.75rem\,calc\(100\%-2rem\)\)\] {
    width: min(18.75rem, 100% - 2rem);
  }

  .w-\[min\(20rem\,100\%\)\] {
    width: min(20rem, 100%);
  }

  .w-\[min\(23rem\,calc\(100vw-2rem\)\)\] {
    width: min(23rem, 100vw - 2rem);
  }

  .w-\[min\(25rem\,48\%\)\] {
    width: min(25rem, 48%);
  }

  .w-\[min\(26\.25rem\,100\%\)\] {
    width: min(26.25rem, 100%);
  }

  .w-\[min\(26\.25rem\,calc\(100vw-2rem\)\)\] {
    width: min(26.25rem, 100vw - 2rem);
  }

  .w-\[min\(27\.5rem\,100\%\)\] {
    width: min(27.5rem, 100%);
  }

  .w-\[min\(27\.5rem\,calc\(100vw-2rem\)\)\] {
    width: min(27.5rem, 100vw - 2rem);
  }

  .w-\[min\(28\.75rem\,100\%\)\] {
    width: min(28.75rem, 100%);
  }

  .w-\[min\(30rem\,100\%\)\] {
    width: min(30rem, 100%);
  }

  .w-\[min\(32\.5rem\,100\%\)\] {
    width: min(32.5rem, 100%);
  }

  .w-\[min\(32\.5rem\,calc\(100vw-2rem\)\)\] {
    width: min(32.5rem, 100vw - 2rem);
  }

  .w-\[min\(35rem\,100\%\)\] {
    width: min(35rem, 100%);
  }

  .w-\[min\(35rem\,calc\(100vw-2rem\)\)\] {
    width: min(35rem, 100vw - 2rem);
  }

  .w-\[min\(84\%\,124px\)\] {
    width: min(84%, 124px);
  }

  .w-\[min\(100\%\,15rem\)\] {
    width: min(100%, 15rem);
  }

  .w-\[min\(240px\,100\%\)\] {
    width: min(240px, 100%);
  }

  .w-\[min\(380px\,100\%-40px\)\] {
    width: min(380px, 100% - 40px);
  }

  .w-\[min\(440px\,calc\(100vw-32px\)\)\] {
    width: min(440px, 100vw - 32px);
  }

  .w-\[min\(460px\,100\%\)\] {
    width: min(460px, 100%);
  }

  .w-\[min\(480px\,80\%\)\] {
    width: min(480px, 80%);
  }

  .w-\[min\(520px\,100\%\)\] {
    width: min(520px, 100%);
  }

  .w-\[min\(560px\,100\%\)\] {
    width: min(560px, 100%);
  }

  .w-\[min\(600px\,100\%\)\] {
    width: min(600px, 100%);
  }

  .w-\[min\(640px\,calc\(100vw-32px\)\)\] {
    width: min(640px, 100vw - 32px);
  }

  .w-\[min\(640px\,calc\(100vw-48px\)\)\] {
    width: min(640px, 100vw - 48px);
  }

  .w-\[min\(760px\,94vw\)\] {
    width: min(760px, 94vw);
  }

  .w-\[min\(780px\,100\%\)\] {
    width: min(780px, 100%);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .\!max-w-\[880px\] {
    max-width: 880px !important;
  }

  .max-w-\(--eon-page-max\) {
    max-width: var(--eon-page-max);
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }

  .max-w-\[6\.875rem\] {
    max-width: 6.875rem;
  }

  .max-w-\[9rem\] {
    max-width: 9rem;
  }

  .max-w-\[10\.625rem\] {
    max-width: 10.625rem;
  }

  .max-w-\[10rem\] {
    max-width: 10rem;
  }

  .max-w-\[12\.5rem\] {
    max-width: 12.5rem;
  }

  .max-w-\[13\.75rem\] {
    max-width: 13.75rem;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[19rem\] {
    max-width: 19rem;
  }

  .max-w-\[22rem\] {
    max-width: 22rem;
  }

  .max-w-\[26\.25rem\] {
    max-width: 26.25rem;
  }

  .max-w-\[26ch\] {
    max-width: 26ch;
  }

  .max-w-\[26rem\] {
    max-width: 26rem;
  }

  .max-w-\[27\.5rem\] {
    max-width: 27.5rem;
  }

  .max-w-\[28\.75rem\] {
    max-width: 28.75rem;
  }

  .max-w-\[28ch\] {
    max-width: 28ch;
  }

  .max-w-\[28rem\] {
    max-width: 28rem;
  }

  .max-w-\[30\%\] {
    max-width: 30%;
  }

  .max-w-\[30ch\] {
    max-width: 30ch;
  }

  .max-w-\[30rem\] {
    max-width: 30rem;
  }

  .max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }

  .max-w-\[32\.5rem\] {
    max-width: 32.5rem;
  }

  .max-w-\[32ch\] {
    max-width: 32ch;
  }

  .max-w-\[34ch\] {
    max-width: 34ch;
  }

  .max-w-\[36ch\] {
    max-width: 36ch;
  }

  .max-w-\[40\%\] {
    max-width: 40%;
  }

  .max-w-\[40ch\] {
    max-width: 40ch;
  }

  .max-w-\[40rem\] {
    max-width: 40rem;
  }

  .max-w-\[42ch\] {
    max-width: 42ch;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-\[47\.5rem\] {
    max-width: 47.5rem;
  }

  .max-w-\[55rem\] {
    max-width: 55rem;
  }

  .max-w-\[56\%\] {
    max-width: 56%;
  }

  .max-w-\[56ch\] {
    max-width: 56ch;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[60ch\] {
    max-width: 60ch;
  }

  .max-w-\[60rem\] {
    max-width: 60rem;
  }

  .max-w-\[62ch\] {
    max-width: 62ch;
  }

  .max-w-\[64ch\] {
    max-width: 64ch;
  }

  .max-w-\[66\.25rem\] {
    max-width: 66.25rem;
  }

  .max-w-\[70\%\] {
    max-width: 70%;
  }

  .max-w-\[70ch\] {
    max-width: 70ch;
  }

  .max-w-\[72ch\] {
    max-width: 72ch;
  }

  .max-w-\[75ch\] {
    max-width: 75ch;
  }

  .max-w-\[77\.5rem\] {
    max-width: 77.5rem;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[86\%\] {
    max-width: 86%;
  }

  .max-w-\[88\%\] {
    max-width: 88%;
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[90rem\] {
    max-width: 90rem;
  }

  .max-w-\[92\%\] {
    max-width: 92%;
  }

  .max-w-\[92vw\] {
    max-width: 92vw;
  }

  .max-w-\[94\%\] {
    max-width: 94%;
  }

  .max-w-\[100rem\] {
    max-width: 100rem;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[230px\] {
    max-width: 230px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[880px\] {
    max-width: 880px;
  }

  .max-w-\[900px\] {
    max-width: 900px;
  }

  .max-w-\[960px\] {
    max-width: 960px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-\[1480px\] {
    max-width: 1480px;
  }

  .max-w-\[1680px\] {
    max-width: 1680px;
  }

  .max-w-\[1760px\] {
    max-width: 1760px;
  }

  .max-w-\[calc\(100\%-1\.5rem\)\] {
    max-width: calc(100% - 1.5rem);
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }

  .max-w-\[min\(71\.5rem\,calc\(\(100dvh-26\.25rem\)\*2\.6\)\)\] {
    max-width: min(71.5rem, 260dvh - 68.25rem);
  }

  .max-w-\[min\(1040px\,92vw\)\] {
    max-width: min(1040px, 92vw);
  }

  .max-w-\[min\(1240px\,94vw\)\] {
    max-width: min(1240px, 94vw);
  }

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

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-none\! {
    max-width: none !important;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-0\! {
    min-width: calc(var(--spacing) * 0) !important;
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-8\! {
    min-width: calc(var(--spacing) * 8) !important;
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-\[2\.25rem\] {
    min-width: 2.25rem;
  }

  .min-w-\[3\.25rem\] {
    min-width: 3.25rem;
  }

  .min-w-\[4\.5rem\] {
    min-width: 4.5rem;
  }

  .min-w-\[4ch\] {
    min-width: 4ch;
  }

  .min-w-\[5\.6cqw\] {
    min-width: 5.6cqw;
  }

  .min-w-\[8cqw\] {
    min-width: 8cqw;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12\.5rem\] {
    min-width: 12.5rem;
  }

  .min-w-\[13\.75rem\] {
    min-width: 13.75rem;
  }

  .min-w-\[13rem\] {
    min-width: 13rem;
  }

  .min-w-\[16\.25rem\] {
    min-width: 16.25rem;
  }

  .min-w-\[16\.875rem\] {
    min-width: 16.875rem;
  }

  .min-w-\[26rem\] {
    min-width: 26rem;
  }

  .min-w-\[28px\] {
    min-width: 28px;
  }

  .min-w-\[35rem\] {
    min-width: 35rem;
  }

  .min-w-\[58px\] {
    min-width: 58px;
  }

  .min-w-\[78px\] {
    min-width: 78px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[170px\] {
    min-width: 170px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[230px\] {
    min-width: 230px;
  }

  .min-w-\[270px\] {
    min-width: 270px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[560px\] {
    min-width: 560px;
  }

  .min-w-\[min\(100\%\,20rem\)\] {
    min-width: min(100%, 20rem);
  }

  .min-w-\[min\(max-content\,100\%\)\] {
    min-width: min(max-content, 100%);
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1\.25\] {
    flex: 1.25;
  }

  .flex-\[1\.55\] {
    flex: 1.55;
  }

  .flex-\[1_0_auto\] {
    flex: 1 0 auto;
  }

  .flex-\[1_1_0px\] {
    flex: 1 1 0;
  }

  .flex-\[1_1_18\.75rem\] {
    flex: 18.75rem;
  }

  .flex-\[1_1_180px\] {
    flex: 180px;
  }

  .flex-\[1_1_250px\] {
    flex: 250px;
  }

  .flex-\[1_1_auto\] {
    flex: auto;
  }

  .flex-\[2\.1\] {
    flex: 2.1;
  }

  .flex-initial {
    flex: 0 auto;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }

  .basis-64 {
    flex-basis: calc(var(--spacing) * 64);
  }

  .basis-\[6\.5rem\] {
    flex-basis: 6.5rem;
  }

  .basis-\[9rem\] {
    flex-basis: 9rem;
  }

  .basis-\[14rem\] {
    flex-basis: 14rem;
  }

  .basis-\[16rem\] {
    flex-basis: 16rem;
  }

  .basis-\[18rem\] {
    flex-basis: 18rem;
  }

  .basis-\[calc\(50\%-0\.25rem\)\] {
    flex-basis: calc(50% - .25rem);
  }

  .basis-auto {
    flex-basis: auto;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .caption-bottom {
    caption-side: bottom;
  }

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

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

  .border-spacing-1\.5 {
    --tw-border-spacing-x: calc(var(--spacing) * 1.5);
    --tw-border-spacing-y: calc(var(--spacing) * 1.5);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .border-spacing-x-\[3px\] {
    --tw-border-spacing-x: 3px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .border-spacing-y-\[2px\] {
    --tw-border-spacing-y: 2px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .origin-bottom {
    transform-origin: bottom;
  }

  .origin-left {
    transform-origin: 0;
  }

  .origin-top {
    transform-origin: top;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\(--hs\) {
    --tw-translate-x: var(--hs);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[1\.2cqw\] {
    --tw-translate-y: 1.2cqw;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[eon-kit-draw_1\.4s_cubic-bezier\(0\.16\,1\,0\.3\,1\)_both\] {
    animation: 1.4s cubic-bezier(.16, 1, .3, 1) both eon-kit-draw;
  }

  .animate-\[eon-kit-flicker_1\.8s_ease-in-out_infinite\] {
    animation: 1.8s ease-in-out infinite eon-kit-flicker;
  }

  .animate-\[eon-kit-float_3\.2s_ease-in-out_infinite\] {
    animation: 3.2s ease-in-out infinite eon-kit-float;
  }

  .animate-\[eonToastIn_0\.22s_ease-out\] {
    animation: .22s ease-out eonToastIn;
  }

  .animate-\[step4-reanalyze-pulse_2s_infinite_ease-in-out\] {
    animation: 2s ease-in-out infinite step4-reanalyze-pulse;
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-ml-9 {
    scroll-margin-left: calc(var(--spacing) * 9);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .\[scrollbar-color\:var\(--eon-card-border\)_transparent\] {
    scrollbar-color: var(--eon-card-border) transparent;
  }

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

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

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

  .appearance-none {
    appearance: none;
  }

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

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .\[grid-auto-rows\:1fr\] {
    grid-auto-rows: 1fr;
  }

  .auto-rows-\[58px\] {
    grid-auto-rows: 58px;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .\[grid-template-columns\:var\(--ws-cols\)\] {
    grid-template-columns: var(--ws-cols);
  }

  .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-\[1\.05fr_0\.9fr_1\.2fr\] {
    grid-template-columns: 1.05fr .9fr 1.2fr;
  }

  .grid-cols-\[1\.5rem_1fr_1\.75rem\] {
    grid-template-columns: 1.5rem 1fr 1.75rem;
  }

  .grid-cols-\[1\.5rem_1fr_auto\] {
    grid-template-columns: 1.5rem 1fr auto;
  }

  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.5rem minmax(0, 1fr);
  }

  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: 1.5rem minmax(0, 1fr) auto auto;
  }

  .grid-cols-\[1\.75rem_1\.5rem_1fr\] {
    grid-template-columns: 1.75rem 1.5rem 1fr;
  }

  .grid-cols-\[1\.125rem_1\.75rem_minmax\(0\,1fr\)_3\.5rem_2\.75rem\] {
    grid-template-columns: 1.125rem 1.75rem minmax(0, 1fr) 3.5rem 2.75rem;
  }

  .grid-cols-\[1fr_1\.2fr\] {
    grid-template-columns: 1fr 1.2fr;
  }

  .grid-cols-\[1fr_1fr_1\.2fr\] {
    grid-template-columns: 1fr 1fr 1.2fr;
  }

  .grid-cols-\[1fr_auto_1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .grid-cols-\[2\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.75rem minmax(0, 1fr);
  }

  .grid-cols-\[4\.5rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[7\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7.75rem minmax(0, 1fr);
  }

  .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7rem minmax(0, 1fr);
  }

  .grid-cols-\[10rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 10rem minmax(0, 1fr);
  }

  .grid-cols-\[14rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 14rem minmax(0, 1fr);
  }

  .grid-cols-\[15rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 15rem minmax(0, 1fr);
  }

  .grid-cols-\[16px_1fr_auto\] {
    grid-template-columns: 16px 1fr auto;
  }

  .grid-cols-\[18px_minmax\(0\,1fr\)\] {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .grid-cols-\[24px_minmax\(0\,1fr\)\] {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .grid-cols-\[26\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 26.25rem minmax(0, 1fr);
  }

  .grid-cols-\[26px_1fr\] {
    grid-template-columns: 26px 1fr;
  }

  .grid-cols-\[28px_minmax\(0\,1fr\)\] {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .grid-cols-\[28px_minmax\(0\,1fr\)_18px\] {
    grid-template-columns: 28px minmax(0, 1fr) 18px;
  }

  .grid-cols-\[28px_minmax\(0\,1fr\)_auto_18px\] {
    grid-template-columns: 28px minmax(0, 1fr) auto 18px;
  }

  .grid-cols-\[30px_1fr\] {
    grid-template-columns: 30px 1fr;
  }

  .grid-cols-\[34px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .grid-cols-\[38px_1fr_60px_88px\] {
    grid-template-columns: 38px 1fr 60px 88px;
  }

  .grid-cols-\[40px_1fr_24px\] {
    grid-template-columns: 40px 1fr 24px;
  }

  .grid-cols-\[40px_minmax\(0\,1fr\)\] {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .grid-cols-\[56px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 56px minmax(0, 1fr) auto;
  }

  .grid-cols-\[80px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 80px minmax(0, 1fr) auto;
  }

  .grid-cols-\[100px_minmax\(0\,1fr\)_38px\] {
    grid-template-columns: 100px minmax(0, 1fr) 38px;
  }

  .grid-cols-\[108px_minmax\(0\,1fr\)\] {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  .grid-cols-\[112px_minmax\(0\,1fr\)_40px\] {
    grid-template-columns: 112px minmax(0, 1fr) 40px;
  }

  .grid-cols-\[130px_minmax\(0\,1fr\)\] {
    grid-template-columns: 130px minmax(0, 1fr);
  }

  .grid-cols-\[172px_minmax\(0\,1fr\)\] {
    grid-template-columns: 172px minmax(0, 1fr);
  }

  .grid-cols-\[220px_minmax\(0\,1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .grid-cols-\[330px_minmax\(0\,1fr\)\] {
    grid-template-columns: 330px minmax(0, 1fr);
  }

  .grid-cols-\[400px_minmax\(0\,1fr\)\] {
    grid-template-columns: 400px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .grid-cols-\[auto_minmax\(0\,auto\)_minmax\(0\,1fr\)_2ch\] {
    grid-template-columns: auto minmax(0, auto) minmax(0, 1fr) 2ch;
  }

  .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)\] {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) minmax(0, .8fr);
  }

  .grid-cols-\[minmax\(0\,1\.9fr\)_minmax\(0\,1\.3fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 1.3fr) repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  }

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

  .grid-cols-\[minmax\(0\,1fr\)_3rem\] {
    grid-template-columns: minmax(0, 1fr) 3rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_21\.25rem\] {
    grid-template-columns: minmax(0, 1fr) 21.25rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_22\.5rem\] {
    grid-template-columns: minmax(0, 1fr) 22.5rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_29\.75rem\] {
    grid-template-columns: minmax(0, 1fr) 29.75rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_72px_120px_96px_64px\] {
    grid-template-columns: minmax(0, 1fr) 72px 120px 96px 64px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_340px\] {
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_360px\] {
    grid-template-columns: minmax(0, 1fr) 360px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_440px\] {
    grid-template-columns: minmax(0, 1fr) 440px;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)_3\.25rem_3rem\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 3.25rem 3rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,300px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,min\(41\.67\%\,32\.5rem\)\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, min(41.67%, 32.5rem));
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(240px\,40\%\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 40%);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(260px\,400px\)_minmax\(0\,300px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 400px) minmax(0, 300px);
  }

  .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)_300px\] {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) 300px;
  }

  .grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }

  .grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,6fr\)\] {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  }

  .grid-cols-\[minmax\(0\,9\.5rem\)_minmax\(0\,1fr\)_36px\] {
    grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr) 36px;
  }

  .grid-cols-\[minmax\(0\,9rem\)_minmax\(0\,1fr\)_3\.5rem\] {
    grid-template-columns: minmax(0, 9rem) minmax(0, 1fr) 3.5rem;
  }

  .grid-cols-\[minmax\(0\,38\%\)_1fr\] {
    grid-template-columns: minmax(0, 38%) 1fr;
  }

  .grid-cols-\[minmax\(21\.25rem\,\.6fr\)_minmax\(0\,1\.4fr\)\] {
    grid-template-columns: minmax(21.25rem, .6fr) minmax(0, 1.4fr);
  }

  .grid-cols-\[minmax\(90px\,auto\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(90px, auto) minmax(0, 1fr);
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(220px\,320px\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 320px));
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(280px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(13\.125rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(13.125rem, 1fr));
  }

  .\[grid-template-rows\:auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto;
  }

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

  .grid-rows-\[auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-rows: minmax(0, 1fr) auto auto;
  }

  .grid-rows-\[minmax\(0\,auto\)\] {
    grid-template-rows: minmax(0, auto);
  }

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

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

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

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

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

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

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .place-items-start {
    place-items: start;
  }

  .content-start {
    align-content: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

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

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

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

  .justify-center {
    justify-content: center;
  }

  .justify-center\! {
    justify-content: center !important;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.5\! {
    gap: calc(var(--spacing) * 1.5) !important;
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-4\! {
    gap: calc(var(--spacing) * 4) !important;
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-5\! {
    gap: calc(var(--spacing) * 5) !important;
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-\[\.4cqw\] {
    gap: .4cqw;
  }

  .gap-\[\.6cqw\] {
    gap: .6cqw;
  }

  .gap-\[\.8cqw\] {
    gap: .8cqw;
  }

  .gap-\[0\.625rem\] {
    gap: .625rem;
  }

  .gap-\[0\.3125rem\] {
    gap: .3125rem;
  }

  .gap-\[1\.2cqw\] {
    gap: 1.2cqw;
  }

  .gap-\[1\.4cqw\] {
    gap: 1.4cqw;
  }

  .gap-\[1\.6cqw\] {
    gap: 1.6cqw;
  }

  .gap-\[1\.125rem\] {
    gap: 1.125rem;
  }

  .gap-\[1\.375rem\] {
    gap: 1.375rem;
  }

  .gap-\[1cqw\] {
    gap: 1cqw;
  }

  .gap-\[2\.2cqw\] {
    gap: 2.2cqw;
  }

  .gap-\[2\.4cqw\] {
    gap: 2.4cqw;
  }

  .gap-\[2\.6cqw\] {
    gap: 2.6cqw;
  }

  .gap-\[2\.125rem\] {
    gap: 2.125rem;
  }

  .gap-\[2cqw\] {
    gap: 2cqw;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3\.4cqw\] {
    gap: 3.4cqw;
  }

  .gap-\[3cqw\] {
    gap: 3cqw;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[clamp\(2px\,1cqh\,4px\)\] {
    gap: clamp(2px, 1cqh, 4px);
  }

  .gap-\[clamp\(4px\,1\.6cqh\,8px\)\] {
    gap: clamp(4px, 1.6cqh, 8px);
  }

  .gap-\[clamp\(6px\,2\.5cqh\,12px\)\] {
    gap: clamp(6px, 2.5cqh, 12px);
  }

  .gap-\[clamp\(8px\,2\.5cqh\,16px\)\] {
    gap: clamp(8px, 2.5cqh, 16px);
  }

  .gap-\[clamp\(10px\,3cqi\,20px\)\] {
    gap: clamp(10px, 3cqi, 20px);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }

  .gap-x-\[1\.6cqw\] {
    column-gap: 1.6cqw;
  }

  .gap-x-\[2\.4cqw\] {
    column-gap: 2.4cqw;
  }

  .gap-x-\[7cqw\] {
    column-gap: 7cqw;
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-3\.5 {
    row-gap: calc(var(--spacing) * 3.5);
  }

  .gap-y-\[1\.8cqw\] {
    row-gap: 1.8cqw;
  }

  .gap-y-\[clamp\(4px\,1\.6cqh\,8px\)\] {
    row-gap: clamp(4px, 1.6cqh, 8px);
  }

  .gap-y-\[clamp\(8px\,4\.5cqh\,20px\)\] {
    row-gap: clamp(8px, 4.5cqh, 20px);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\(--eon-divider\) > :not(:last-child)) {
    border-color: var(--eon-divider);
  }

  :where(.divide-\(--ls-quiet-edge\) > :not(:last-child)) {
    border-color: var(--ls-quiet-edge);
  }

  :where(.divide-\[\#29405A\] > :not(:last-child)) {
    border-color: #29405a;
  }

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

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .\[overflow-x\:clip\] {
    overflow-x: clip;
  }

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

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

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

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

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .\!rounded-\[5px\] {
    border-radius: 5px !important;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

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

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[0\.5rem\] {
    border-radius: .5rem;
  }

  .rounded-\[0\.25rem\] {
    border-radius: .25rem;
  }

  .rounded-\[0\.75rem\] {
    border-radius: .75rem;
  }

  .rounded-\[0\.125rem\] {
    border-radius: .125rem;
  }

  .rounded-\[0\.375rem\] {
    border-radius: .375rem;
  }

  .rounded-\[0\.1875rem\] {
    border-radius: .1875rem;
  }

  .rounded-\[0\.3125rem\] {
    border-radius: .3125rem;
  }

  .rounded-\[1\.1cqw\] {
    border-radius: 1.1cqw;
  }

  .rounded-\[1\.2cqw\] {
    border-radius: 1.2cqw;
  }

  .rounded-\[1\.4cqw\] {
    border-radius: 1.4cqw;
  }

  .rounded-\[1\.6cqw\] {
    border-radius: 1.6cqw;
  }

  .rounded-\[1\.8cqw\] {
    border-radius: 1.8cqw;
  }

  .rounded-\[1cqw\] {
    border-radius: 1cqw;
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[var\(--eon-r-control\)\] {
    border-radius: var(--eon-r-control);
  }

  .rounded-\[var\(--eon-r-overlay\)\] {
    border-radius: var(--eon-r-overlay);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-genesis3-card {
    border-radius: 10px;
  }

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

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

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: .1875rem;
  }

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

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-\[0\.4375rem\] {
    border-top-left-radius: .4375rem;
    border-top-right-radius: .4375rem;
  }

  .rounded-t-\[0\.6875rem\] {
    border-top-left-radius: .6875rem;
    border-top-right-radius: .6875rem;
  }

  .rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
  }

  .rounded-tl-\[0\.1875rem\] {
    border-top-left-radius: .1875rem;
  }

  .rounded-tl-md {
    border-top-left-radius: .3125rem;
  }

  .rounded-r-\[6px\] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

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

  .rounded-tr-\[0\.1875rem\] {
    border-top-right-radius: .1875rem;
  }

  .rounded-tr-md {
    border-top-right-radius: .3125rem;
  }

  .rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
  }

  .rounded-br-md {
    border-bottom-right-radius: .3125rem;
  }

  .rounded-bl-md {
    border-bottom-left-radius: .3125rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[\.2cqw\] {
    border-style: var(--tw-border-style);
    border-width: .2cqw;
  }

  .border-\[\.3cqw\] {
    border-style: var(--tw-border-style);
    border-width: .3cqw;
  }

  .border-\[\.25cqw\] {
    border-style: var(--tw-border-style);
    border-width: .25cqw;
  }

  .border-\[0\.1875rem\] {
    border-style: var(--tw-border-style);
    border-width: .1875rem;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .border-\[8px\] {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }

  .border-x-\[12px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 12px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-y-\[11px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 11px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }

  .border-s-\[3px\] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 3px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-\[\.2cqw\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .2cqw;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b\! {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[\.3cqw\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .3cqw;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-l-\[1\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1.5px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid\! {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }

  .\!border-\[\#8197B5\] {
    border-color: #8197b5 !important;
  }

  .\!border-transparent {
    border-color: #0000 !important;
  }

  .border-\(--an-control-edge\) {
    border-color: var(--an-control-edge);
  }

  .border-\(--an-quiet-edge\) {
    border-color: var(--an-quiet-edge);
  }

  .border-\(--eon-accent\) {
    border-color: var(--eon-accent);
  }

  .border-\(--eon-accent-text\)\/40 {
    border-color: var(--eon-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--eon-accent-text\)\/40 {
      border-color: color-mix(in oklab, var(--eon-accent-text) 40%, transparent);
    }
  }

  .border-\(--eon-accent-text\)\/50 {
    border-color: var(--eon-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--eon-accent-text\)\/50 {
      border-color: color-mix(in oklab, var(--eon-accent-text) 50%, transparent);
    }
  }

  .border-\(--eon-border\) {
    border-color: var(--eon-border);
  }

  .border-\(--eon-border-control\) {
    border-color: var(--eon-border-control);
  }

  .border-\(--eon-border-hover\) {
    border-color: var(--eon-border-hover);
  }

  .border-\(--eon-card-border\) {
    border-color: var(--eon-card-border);
  }

  .border-\(--eon-card-border\)\! {
    border-color: var(--eon-card-border) !important;
  }

  .border-\(--eon-danger\) {
    border-color: var(--eon-danger);
  }

  .border-\(--eon-divider\) {
    border-color: var(--eon-divider);
  }

  .border-\(--eon-field-border\) {
    border-color: var(--eon-field-border);
  }

  .border-\(--eon-focus-ring\) {
    border-color: var(--eon-focus-ring);
  }

  .border-\(--eon-media-rule\) {
    border-color: var(--eon-media-rule);
  }

  .border-\(--eon-th-rule\) {
    border-color: var(--eon-th-rule);
  }

  .border-\(--field-edge\) {
    border-color: var(--field-edge);
  }

  .border-\(--ls-control-edge\) {
    border-color: var(--ls-control-edge);
  }

  .border-\(--ls-gold\) {
    border-color: var(--ls-gold);
  }

  .border-\(--ls-good\)\/40 {
    border-color: var(--ls-good);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--ls-good\)\/40 {
      border-color: color-mix(in oklab, var(--ls-good) 40%, transparent);
    }
  }

  .border-\(--ls-quiet-edge\) {
    border-color: var(--ls-quiet-edge);
  }

  .border-\(--ls-warn\)\/40 {
    border-color: var(--ls-warn);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\(--ls-warn\)\/40 {
      border-color: color-mix(in oklab, var(--ls-warn) 40%, transparent);
    }
  }

  .border-\[\#0C1523\] {
    border-color: #0c1523;
  }

  .border-\[\#2A2D36\] {
    border-color: #2a2d36;
  }

  .border-\[\#3A3F4D\] {
    border-color: #3a3f4d;
  }

  .border-\[\#3a2a44\] {
    border-color: #3a2a44;
  }

  .border-\[\#4a2a35\] {
    border-color: #4a2a35;
  }

  .border-\[\#5A6178\] {
    border-color: #5a6178;
  }

  .border-\[\#5FD08A\]\/30 {
    border-color: oklab(77.3782% -.130167 .0635735 / .3);
  }

  .border-\[\#5FD08A\]\/40 {
    border-color: oklab(77.3782% -.130167 .0635735 / .4);
  }

  .border-\[\#5FD08A\]\/55 {
    border-color: oklab(77.3782% -.130167 .0635735 / .55);
  }

  .border-\[\#5e677d\] {
    border-color: #5e677d;
  }

  .border-\[\#7a2f3c\] {
    border-color: #7a2f3c;
  }

  .border-\[\#35B1FF\] {
    border-color: #35b1ff;
  }

  .border-\[\#35B1FF\]\/30 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .3);
  }

  .border-\[\#35B1FF\]\/35 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .35);
  }

  .border-\[\#35B1FF\]\/40 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .4);
  }

  .border-\[\#35B1FF\]\/50 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .5);
  }

  .border-\[\#35B1FF\]\/60 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .6);
  }

  .border-\[\#35d0a5\]\/35 {
    border-color: oklab(76.8577% -.138101 .025793 / .35);
  }

  .border-\[\#060C17\] {
    border-color: #060c17;
  }

  .border-\[\#484f5f\] {
    border-color: #484f5f;
  }

  .border-\[\#646e84\] {
    border-color: #646e84;
  }

  .border-\[\#29405A\] {
    border-color: #29405a;
  }

  .border-\[\#29405A\]\/60 {
    border-color: oklab(36.4829% -.0163273 -.0511422 / .6);
  }

  .border-\[\#29405A\]\/70 {
    border-color: oklab(36.4829% -.0163273 -.0511422 / .7);
  }

  .border-\[\#162337\] {
    border-color: #162337;
  }

  .border-\[\#AEBED2\] {
    border-color: #aebed2;
  }

  .border-\[\#E6EBF3\] {
    border-color: #e6ebf3;
  }

  .border-\[\#E9B65C\]\/35 {
    border-color: oklab(80.5083% .0218925 .12069 / .35);
  }

  .border-\[\#E9B65C\]\/40 {
    border-color: oklab(80.5083% .0218925 .12069 / .4);
  }

  .border-\[\#E9B65C\]\/50 {
    border-color: oklab(80.5083% .0218925 .12069 / .5);
  }

  .border-\[\#E9B65C\]\/60 {
    border-color: oklab(80.5083% .0218925 .12069 / .6);
  }

  .border-\[\#E9B65C\]\/70 {
    border-color: oklab(80.5083% .0218925 .12069 / .7);
  }

  .border-\[\#FF8E8E\] {
    border-color: #ff8e8e;
  }

  .border-\[\#FF8E8E\]\/40 {
    border-color: oklab(76.8509% .12806 .0484661 / .4);
  }

  .border-\[\#FF8E8E\]\/70 {
    border-color: oklab(76.8509% .12806 .0484661 / .7);
  }

  .border-\[\#d1d4dc\] {
    border-color: #d1d4dc;
  }

  .border-\[\#ef4444\] {
    border-color: #ef4444;
  }

  .border-\[color-mix\(in_srgb\,var\(--eon-accent-text\)_40\%\,transparent\)\] {
    border-color: var(--eon-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--eon-accent-text\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--eon-accent-text) 40%,transparent);
    }
  }

  .border-\[color\:var\(--eon-divider\)\] {
    border-color: var(--eon-divider);
  }

  .border-\[rgba\(16\,185\,129\,0\.35\)\] {
    border-color: #10b98159;
  }

  .border-\[rgba\(34\,211\,108\,0\.3\)\] {
    border-color: #22d36c4d;
  }

  .border-\[rgba\(34\,211\,108\,0\.6\)\] {
    border-color: #22d36c99;
  }

  .border-\[rgba\(34\,211\,108\,0\.34\)\] {
    border-color: #22d36c57;
  }

  .border-\[rgba\(34\,211\,108\,0\.45\)\] {
    border-color: #22d36c73;
  }

  .border-\[rgba\(34\,211\,108\,0\.72\)\] {
    border-color: #22d36cb8;
  }

  .border-\[rgba\(45\,212\,191\,0\.4\)\] {
    border-color: #2dd4bf66;
  }

  .border-\[rgba\(53\,177\,255\,0\.3\)\] {
    border-color: #35b1ff4d;
  }

  .border-\[rgba\(53\,177\,255\,0\.4\)\] {
    border-color: #35b1ff66;
  }

  .border-\[rgba\(53\,177\,255\,0\.12\)\] {
    border-color: #35b1ff1f;
  }

  .border-\[rgba\(53\,177\,255\,0\.14\)\] {
    border-color: #35b1ff24;
  }

  .border-\[rgba\(53\,177\,255\,0\.15\)\] {
    border-color: #35b1ff26;
  }

  .border-\[rgba\(53\,177\,255\,0\.16\)\] {
    border-color: #35b1ff29;
  }

  .border-\[rgba\(53\,177\,255\,0\.18\)\] {
    border-color: #35b1ff2e;
  }

  .border-\[rgba\(53\,177\,255\,0\.22\)\] {
    border-color: #35b1ff38;
  }

  .border-\[rgba\(53\,177\,255\,0\.23\)\] {
    border-color: #35b1ff3b;
  }

  .border-\[rgba\(53\,177\,255\,0\.24\)\] {
    border-color: #35b1ff3d;
  }

  .border-\[rgba\(53\,177\,255\,0\.25\)\] {
    border-color: #35b1ff40;
  }

  .border-\[rgba\(53\,177\,255\,0\.26\)\] {
    border-color: #35b1ff42;
  }

  .border-\[rgba\(53\,177\,255\,0\.28\)\] {
    border-color: #35b1ff47;
  }

  .border-\[rgba\(53\,177\,255\,0\.32\)\] {
    border-color: #35b1ff52;
  }

  .border-\[rgba\(53\,177\,255\,0\.34\)\] {
    border-color: #35b1ff57;
  }

  .border-\[rgba\(53\,177\,255\,0\.35\)\] {
    border-color: #35b1ff59;
  }

  .border-\[rgba\(53\,177\,255\,0\.45\)\] {
    border-color: #35b1ff73;
  }

  .border-\[rgba\(53\,177\,255\,0\.55\)\] {
    border-color: #35b1ff8c;
  }

  .border-\[rgba\(53\,177\,255\,0\.76\)\] {
    border-color: #35b1ffc2;
  }

  .border-\[rgba\(53\,223\,124\,0\.36\)\] {
    border-color: #35df7c5c;
  }

  .border-\[rgba\(65\,70\,90\,0\.6\)\] {
    border-color: #41465a99;
  }

  .border-\[rgba\(77\,140\,255\,0\.45\)\] {
    border-color: #4d8cff73;
  }

  .border-\[rgba\(124\,205\,161\,0\.45\)\] {
    border-color: #7ccda173;
  }

  .border-\[rgba\(132\,170\,228\,0\.23\)\] {
    border-color: #84aae43b;
  }

  .border-\[rgba\(231\,183\,95\,0\.5\)\] {
    border-color: #e7b75f80;
  }

  .border-\[rgba\(231\,183\,95\,0\.45\)\] {
    border-color: #e7b75f73;
  }

  .border-\[rgba\(245\,158\,11\,0\.4\)\] {
    border-color: #f59e0b66;
  }

  .border-\[rgba\(255\,77\,93\,0\.3\)\] {
    border-color: #ff4d5d4d;
  }

  .border-\[rgba\(255\,77\,93\,0\.4\)\] {
    border-color: #ff4d5d66;
  }

  .border-\[rgba\(255\,77\,93\,0\.30\)\] {
    border-color: #ff4d5d4d;
  }

  .border-\[rgba\(255\,77\,93\,0\.34\)\] {
    border-color: #ff4d5d57;
  }

  .border-\[rgba\(255\,176\,32\,0\.5\)\] {
    border-color: #ffb02080;
  }

  .border-\[rgba\(255\,176\,32\,0\.45\)\] {
    border-color: #ffb02073;
  }

  .border-\[rgba\(255\,193\,7\,0\.30\)\] {
    border-color: #ffc1074d;
  }

  .border-\[rgba\(255\,207\,158\,0\.3\)\] {
    border-color: #ffcf9e4d;
  }

  .border-\[rgba\(255\,212\,111\,0\.3\)\] {
    border-color: #ffd46f4d;
  }

  .border-amber-400\/60 {
    border-color: #fcbb0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/60 {
      border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
    }
  }

  .border-amber-500 {
    border-color: var(--color-amber-500);
  }

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/30 {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-amber-500\/45 {
    border-color: #f99c0073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/45 {
      border-color: color-mix(in oklab, var(--color-amber-500) 45%, transparent);
    }
  }

  .border-amber-500\/50 {
    border-color: #f99c0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/50 {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }

  .border-board-accent {
    border-color: var(--eon-paper-accent);
  }

  .border-board-accent\! {
    border-color: var(--eon-paper-accent) !important;
  }

  .border-board-line {
    border-color: var(--eon-paper-line);
  }

  .border-border, .border-border\/50 {
    border-color: var(--eon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--eon-border) 50%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--eon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--eon-border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--eon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--eon-border) 70%, transparent);
    }
  }

  .border-border\/80 {
    border-color: var(--eon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--eon-border) 80%, transparent);
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-destructive, .border-destructive\/40 {
    border-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--eon-danger) 40%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--eon-danger) 50%, transparent);
    }
  }

  .border-emerald-500\/25 {
    border-color: #00bb7f40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/25 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-eon-accent\/40 {
    border-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-eon-accent\/40 {
      border-color: color-mix(in oklab, var(--eon-accent) 40%, transparent);
    }
  }

  .border-eon-border-control {
    border-color: var(--eon-border);
  }

  .border-eon-card-border {
    border-color: var(--eon-card-border);
  }

  .border-eon-divider {
    border-color: var(--eon-divider);
  }

  .border-eon-divider\! {
    border-color: var(--eon-divider) !important;
  }

  .border-eon-focus-ring {
    border-color: var(--eon-focus-ring);
  }

  .border-eon-success, .border-eon-success\/50 {
    border-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-eon-success\/50 {
      border-color: color-mix(in oklab, var(--eon-success) 50%, transparent);
    }
  }

  .border-eon-warning, .border-eon-warning\/50 {
    border-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-eon-warning\/50 {
      border-color: color-mix(in oklab, var(--eon-warning) 50%, transparent);
    }
  }

  .border-genesis3-blue {
    border-color: #35b1ff;
  }

  .border-genesis3-blue\/45 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .45);
  }

  .border-genesis3-blue\/60 {
    border-color: oklab(72.9064% -.0727331 -.136121 / .6);
  }

  .border-genesis3-green {
    border-color: #22d36c;
  }

  .border-genesis3-red {
    border-color: #ff4d5d;
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-green-700\! {
    border-color: var(--color-green-700) !important;
  }

  .border-input {
    border-color: var(--eon-field-border);
  }

  .border-muted-foreground\/40 {
    border-color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/40 {
      border-color: color-mix(in oklab, var(--eon-ink-muted) 40%, transparent);
    }
  }

  .border-muted-foreground\/50 {
    border-color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/50 {
      border-color: color-mix(in oklab, var(--eon-ink-muted) 50%, transparent);
    }
  }

  .border-ok {
    border-color: var(--eon-success);
  }

  .border-ok\! {
    border-color: var(--eon-success) !important;
  }

  .border-ok\/50 {
    border-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ok\/50 {
      border-color: color-mix(in oklab, var(--eon-success) 50%, transparent);
    }
  }

  .border-primary, .border-primary\/25 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/25 {
      border-color: color-mix(in oklab, var(--eon-action) 25%, transparent);
    }
  }

  .border-primary\/30 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--eon-action) 30%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--eon-action) 40%, transparent);
    }
  }

  .border-primary\/45 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/45 {
      border-color: color-mix(in oklab, var(--eon-action) 45%, transparent);
    }
  }

  .border-primary\/50 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--eon-action) 50%, transparent);
    }
  }

  .border-primary\/60 {
    border-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/60 {
      border-color: color-mix(in oklab, var(--eon-action) 60%, transparent);
    }
  }

  .border-quiet {
    border-color: var(--eon-card-border);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-400\/40 {
    border-color: #ff656866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/40 {
      border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
    }
  }

  .border-red-700 {
    border-color: var(--color-red-700);
  }

  .border-red-700\! {
    border-color: var(--color-red-700) !important;
  }

  .border-red-800 {
    border-color: var(--color-red-800);
  }

  .border-ring {
    border-color: var(--eon-focus-ring);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-500\/30 {
    border-color: #8d54ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-500\/30 {
      border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }

  .border-warn\/50 {
    border-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warn\/50 {
      border-color: color-mix(in oklab, var(--eon-warning) 50%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .border-white\/70 {
    border-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/70 {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .border-white\/85 {
    border-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/85 {
      border-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .border-x-\(--eon-card-border\) {
    border-inline-color: var(--eon-card-border);
  }

  .border-t-\(--eon-card-border\) {
    border-top-color: var(--eon-card-border);
  }

  .border-t-\[\#35B1FF\] {
    border-top-color: #35b1ff;
  }

  .border-t-eon-accent {
    border-top-color: var(--eon-accent);
  }

  .border-t-genesis3-blue {
    border-top-color: #35b1ff;
  }

  .border-t-primary {
    border-top-color: var(--eon-action);
  }

  .border-t-white {
    border-top-color: var(--color-white);
  }

  .border-b-\(--eon-card-border\) {
    border-bottom-color: var(--eon-card-border);
  }

  .border-b-genesis3-blue {
    border-bottom-color: #35b1ff;
  }

  .\!bg-\(--eon-f-base\) {
    background-color: var(--eon-f-base) !important;
  }

  .\!bg-\[rgba\(6\,12\,23\,\.4\)\] {
    background-color: #060c1766 !important;
  }

  .bg-\(--an-burgundy\) {
    background-color: var(--an-burgundy);
  }

  .bg-\(--an-card\) {
    background-color: var(--an-card);
  }

  .bg-\(--an-data\) {
    background-color: var(--an-data);
  }

  .bg-\(--an-quiet-edge\) {
    background-color: var(--an-quiet-edge);
  }

  .bg-\(--an-raised\) {
    background-color: var(--an-raised);
  }

  .bg-\(--an-track\) {
    background-color: var(--an-track);
  }

  .bg-\(--eon-accent\) {
    background-color: var(--eon-accent);
  }

  .bg-\(--eon-accent-text\)\/5 {
    background-color: var(--eon-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--eon-accent-text\)\/5 {
      background-color: color-mix(in oklab, var(--eon-accent-text) 5%, transparent);
    }
  }

  .bg-\(--eon-accent-text\)\/10 {
    background-color: var(--eon-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--eon-accent-text\)\/10 {
      background-color: color-mix(in oklab, var(--eon-accent-text) 10%, transparent);
    }
  }

  .bg-\(--eon-avatar-bg\) {
    background-color: var(--eon-avatar-bg);
  }

  .bg-\(--eon-border\) {
    background-color: var(--eon-border);
  }

  .bg-\(--eon-canvas\,var\(--an-ground\)\) {
    background-color: var(--eon-canvas, var(--an-ground));
  }

  .bg-\(--eon-danger-button\) {
    background-color: var(--eon-danger-button);
  }

  .bg-\(--eon-divider\) {
    background-color: var(--eon-divider);
  }

  .bg-\(--eon-field-bg\) {
    background-color: var(--eon-field-bg);
  }

  .bg-\(--eon-field-disabled\) {
    background-color: var(--eon-field-disabled);
  }

  .bg-\(--eon-field-disabled\)\! {
    background-color: var(--eon-field-disabled) !important;
  }

  .bg-\(--eon-fill\) {
    background-color: var(--eon-fill);
  }

  .bg-\(--eon-media-bg\) {
    background-color: var(--eon-media-bg);
  }

  .bg-\(--eon-media-panel\), .bg-\(--eon-media-panel\)\/85 {
    background-color: var(--eon-media-panel);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--eon-media-panel\)\/85 {
      background-color: color-mix(in oklab, var(--eon-media-panel) 85%, transparent);
    }
  }

  .bg-\(--eon-media-panel\)\/90 {
    background-color: var(--eon-media-panel);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--eon-media-panel\)\/90 {
      background-color: color-mix(in oklab, var(--eon-media-panel) 90%, transparent);
    }
  }

  .bg-\(--eon-pressed\) {
    background-color: var(--eon-pressed);
  }

  .bg-\(--eon-row-selected\) {
    background-color: var(--eon-row-selected);
  }

  .bg-\(--eon-scrim\) {
    background-color: var(--eon-scrim);
  }

  .bg-\(--eon-surface-raised\) {
    background-color: var(--eon-surface-raised);
  }

  .bg-\(--eon-surface-selected\) {
    background-color: var(--eon-surface-selected);
  }

  .bg-\(--eon-surface-sunken\) {
    background-color: var(--eon-surface-sunken);
  }

  .bg-\(--eon-surface-sunken\,transparent\) {
    background-color: var(--eon-surface-sunken, transparent);
  }

  .bg-\(--eon-th-bg\) {
    background-color: var(--eon-th-bg);
  }

  .bg-\(--eon-toast-bg\) {
    background-color: var(--eon-toast-bg);
  }

  .bg-\(--ls-bar\) {
    background-color: var(--ls-bar);
  }

  .bg-\(--ls-burgundy\) {
    background-color: var(--ls-burgundy);
  }

  .bg-\(--ls-desk\) {
    background-color: var(--ls-desk);
  }

  .bg-\(--ls-desk-raised\) {
    background-color: var(--ls-desk-raised);
  }

  .bg-\(--ls-gold\) {
    background-color: var(--ls-gold);
  }

  .bg-\(--ls-good\)\/10 {
    background-color: var(--ls-good);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--ls-good\)\/10 {
      background-color: color-mix(in oklab, var(--ls-good) 10%, transparent);
    }
  }

  .bg-\(--ls-ground\) {
    background-color: var(--ls-ground);
  }

  .bg-\(--ls-warn\)\/10 {
    background-color: var(--ls-warn);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--ls-warn\)\/10 {
      background-color: color-mix(in oklab, var(--ls-warn) 10%, transparent);
    }
  }

  .bg-\[\#0B0C0F\]\/75 {
    background-color: oklab(15.4602% .000110969 -.00660594 / .75);
  }

  .bg-\[\#0C1523\] {
    background-color: #0c1523;
  }

  .bg-\[\#0C1523\]\/95 {
    background-color: oklab(19.4758% -.00603198 -.0309644 / .95);
  }

  .bg-\[\#0c1b30\] {
    background-color: #0c1b30;
  }

  .bg-\[\#2a1520\] {
    background-color: #2a1520;
  }

  .bg-\[\#3a1620\] {
    background-color: #3a1620;
  }

  .bg-\[\#4f8cff\] {
    background-color: #4f8cff;
  }

  .bg-\[\#5FD08A\] {
    background-color: #5fd08a;
  }

  .bg-\[\#5FD08A\]\/5 {
    background-color: oklab(77.3782% -.130167 .0635735 / .05);
  }

  .bg-\[\#5FD08A\]\/12 {
    background-color: oklab(77.3782% -.130167 .0635735 / .12);
  }

  .bg-\[\#5FD08A\]\/15 {
    background-color: oklab(77.3782% -.130167 .0635735 / .15);
  }

  .bg-\[\#5FD08A\]\/60 {
    background-color: oklab(77.3782% -.130167 .0635735 / .6);
  }

  .bg-\[\#5FD08A\]\/\[0\.05\] {
    background-color: oklab(77.3782% -.130167 .0635735 / .05);
  }

  .bg-\[\#5FD08A\]\/\[0\.07\] {
    background-color: oklab(77.3782% -.130167 .0635735 / .07);
  }

  .bg-\[\#5b1e33\] {
    background-color: #5b1e33;
  }

  .bg-\[\#22c55e\] {
    background-color: #22c55e;
  }

  .bg-\[\#35B1FF\] {
    background-color: #35b1ff;
  }

  .bg-\[\#35B1FF\]\/6 {
    background-color: oklab(72.9063% -.0727331 -.136121 / .06);
  }

  .bg-\[\#35B1FF\]\/8 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .08);
  }

  .bg-\[\#35B1FF\]\/10 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .1);
  }

  .bg-\[\#35B1FF\]\/12 {
    background-color: oklab(72.9063% -.0727331 -.136121 / .12);
  }

  .bg-\[\#35B1FF\]\/14 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .14);
  }

  .bg-\[\#35B1FF\]\/15 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .15);
  }

  .bg-\[\#35B1FF\]\/20 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .2);
  }

  .bg-\[\#35B1FF\]\/25 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .25);
  }

  .bg-\[\#35B1FF\]\/45 {
    background-color: oklab(72.9064% -.0727331 -.136121 / .45);
  }

  .bg-\[\#35B1FF\]\/\[0\.06\] {
    background-color: oklab(72.9063% -.0727331 -.136121 / .06);
  }

  .bg-\[\#35d0a5\]\/12 {
    background-color: oklab(76.8577% -.138101 .025793 / .12);
  }

  .bg-\[\#060C17\] {
    background-color: #060c17;
  }

  .bg-\[\#060C17\]\/45 {
    background-color: oklab(15.4068% -.00440831 -.0255993 / .45);
  }

  .bg-\[\#060C17\]\/85 {
    background-color: oklab(15.4068% -.00440831 -.0255993 / .85);
  }

  .bg-\[\#090F1D\] {
    background-color: #090f1d;
  }

  .bg-\[\#241a2e\] {
    background-color: #241a2e;
  }

  .bg-\[\#646e84\] {
    background-color: #646e84;
  }

  .bg-\[\#29405A\] {
    background-color: #29405a;
  }

  .bg-\[\#54789E\] {
    background-color: #54789e;
  }

  .bg-\[\#162337\] {
    background-color: #162337;
  }

  .bg-\[\#221521\] {
    background-color: #221521;
  }

  .bg-\[\#AEBED2\] {
    background-color: #aebed2;
  }

  .bg-\[\#AEBED2\]\/10 {
    background-color: oklab(79.5624% -.00920364 -.0321613 / .1);
  }

  .bg-\[\#AEBED2\]\/15 {
    background-color: oklab(79.5624% -.00920364 -.0321613 / .15);
  }

  .bg-\[\#E6EBF3\] {
    background-color: #e6ebf3;
  }

  .bg-\[\#E9B65C\] {
    background-color: #e9b65c;
  }

  .bg-\[\#E9B65C\]\/6 {
    background-color: oklab(80.5083% .0218925 .12069 / .06);
  }

  .bg-\[\#E9B65C\]\/8 {
    background-color: oklab(80.5083% .0218925 .12069 / .08);
  }

  .bg-\[\#E9B65C\]\/10 {
    background-color: oklab(80.5083% .0218925 .12069 / .1);
  }

  .bg-\[\#E9B65C\]\/12 {
    background-color: oklab(80.5083% .0218925 .12069 / .12);
  }

  .bg-\[\#E9B65C\]\/15 {
    background-color: oklab(80.5083% .0218925 .12069 / .15);
  }

  .bg-\[\#E9B65C\]\/20 {
    background-color: oklab(80.5083% .0218925 .12069 / .2);
  }

  .bg-\[\#E9B65C\]\/25 {
    background-color: oklab(80.5083% .0218925 .12069 / .25);
  }

  .bg-\[\#E9B65C\]\/\[0\.07\] {
    background-color: oklab(80.5083% .0218925 .12069 / .07);
  }

  .bg-\[\#FAFAF7\] {
    background-color: #fafaf7;
  }

  .bg-\[\#FF8E8E\] {
    background-color: #ff8e8e;
  }

  .bg-\[\#FF8E8E\]\/5 {
    background-color: oklab(76.8509% .12806 .0484661 / .05);
  }

  .bg-\[\#FF8E8E\]\/10 {
    background-color: oklab(76.8509% .12806 .0484661 / .1);
  }

  .bg-\[\#FF8E8E\]\/12 {
    background-color: oklab(76.8509% .12806 .0484661 / .12);
  }

  .bg-\[\#FF8E8E\]\/15 {
    background-color: oklab(76.8509% .12806 .0484661 / .15);
  }

  .bg-\[\#b91c1c\] {
    background-color: #b91c1c;
  }

  .bg-\[\#d1d4dc\] {
    background-color: #d1d4dc;
  }

  .bg-\[\#e9ebef\] {
    background-color: #e9ebef;
  }

  .bg-\[\#ef4444\] {
    background-color: #ef4444;
  }

  .bg-\[\#f5a524\]\/14 {
    background-color: oklab(78.1881% .0481043 .150974 / .14);
  }

  .bg-\[\#f59e0b\] {
    background-color: #f59e0b;
  }

  .bg-\[\#f59e0b\]\/15 {
    background-color: oklab(76.8591% .0560995 .154808 / .15);
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_14\%\,transparent\)\] {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-accent) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_16\%\,transparent\)\] {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_16\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-accent) 16%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_20\%\,transparent\)\] {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_20\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-accent) 20%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_35\%\,transparent\)\] {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_35\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-canvas) 35%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_45\%\,transparent\)\] {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_45\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-canvas) 45%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_74\%\,transparent\)\] {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-canvas\)_74\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-canvas) 74%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--eon-f-base\)_13\%\,transparent\)\] {
    background-color: var(--eon-f-base);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--eon-f-base\)_13\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--eon-f-base) 13%,transparent);
    }
  }

  .bg-\[radial-gradient\(circle_at_50\%_38\%\,rgba\(53\,177\,255\,0\.16\)\,transparent_60\%\)\,\#0C1523\] {
    background-color: radial-gradient(circle at 50% 38%,#35b1ff29,transparent 60%),#0c1523;
  }

  .bg-\[radial-gradient\(circle_at_55\%_36\%\,rgba\(53\,177\,255\,0\.18\)\,transparent_28\%\)\,\#060C17\] {
    background-color: radial-gradient(circle at 55% 36%,#35b1ff2e,transparent 28%),#060c17;
  }

  .bg-\[rgba\(16\,185\,129\,0\.1\)\] {
    background-color: #10b9811a;
  }

  .bg-\[rgba\(18\,19\,23\,0\.72\)\] {
    background-color: #121317b8;
  }

  .bg-\[rgba\(21\,128\,61\,0\.6\)\] {
    background-color: #15803d99;
  }

  .bg-\[rgba\(22\,163\,74\,0\.12\)\] {
    background-color: #16a34a1f;
  }

  .bg-\[rgba\(22\,184\,95\,0\.10\)\] {
    background-color: #16b85f1a;
  }

  .bg-\[rgba\(23\,24\,28\,0\.28\)\] {
    background-color: #17181c47;
  }

  .bg-\[rgba\(23\,24\,28\,0\.56\)\] {
    background-color: #17181c8f;
  }

  .bg-\[rgba\(23\,24\,28\,0\.58\)\] {
    background-color: #17181c94;
  }

  .bg-\[rgba\(23\,24\,28\,1\)\] {
    background-color: #17181c;
  }

  .bg-\[rgba\(31\,34\,42\,0\.4\)\] {
    background-color: #1f222a66;
  }

  .bg-\[rgba\(31\,34\,42\,0\.5\)\] {
    background-color: #1f222a80;
  }

  .bg-\[rgba\(31\,34\,42\,0\.6\)\] {
    background-color: #1f222a99;
  }

  .bg-\[rgba\(31\,34\,42\,0\.7\)\] {
    background-color: #1f222ab3;
  }

  .bg-\[rgba\(31\,34\,42\,0\.24\)\] {
    background-color: #1f222a3d;
  }

  .bg-\[rgba\(31\,34\,42\,0\.26\)\] {
    background-color: #1f222a42;
  }

  .bg-\[rgba\(31\,34\,42\,0\.30\)\] {
    background-color: #1f222a4d;
  }

  .bg-\[rgba\(31\,34\,42\,0\.32\)\] {
    background-color: #1f222a52;
  }

  .bg-\[rgba\(31\,34\,42\,0\.36\)\] {
    background-color: #1f222a5c;
  }

  .bg-\[rgba\(31\,34\,42\,0\.62\)\] {
    background-color: #1f222a9e;
  }

  .bg-\[rgba\(31\,34\,42\,0\.97\)\] {
    background-color: #1f222af7;
  }

  .bg-\[rgba\(34\,197\,94\,0\.08\)\] {
    background-color: #22c55e14;
  }

  .bg-\[rgba\(34\,197\,94\,0\.13\)\] {
    background-color: #22c55e21;
  }

  .bg-\[rgba\(34\,197\,94\,0\.18\)\] {
    background-color: #22c55e2e;
  }

  .bg-\[rgba\(34\,211\,108\,0\.05\)\] {
    background-color: #22d36c0d;
  }

  .bg-\[rgba\(34\,211\,108\,0\.08\)\] {
    background-color: #22d36c14;
  }

  .bg-\[rgba\(34\,211\,108\,0\.18\)\] {
    background-color: #22d36c2e;
  }

  .bg-\[rgba\(38\,42\,52\,0\.4\)\] {
    background-color: #262a3466;
  }

  .bg-\[rgba\(38\,42\,52\,0\.5\)\] {
    background-color: #262a3480;
  }

  .bg-\[rgba\(38\,42\,52\,0\.6\)\] {
    background-color: #262a3499;
  }

  .bg-\[rgba\(38\,42\,52\,0\.7\)\] {
    background-color: #262a34b3;
  }

  .bg-\[rgba\(38\,42\,52\,0\.58\)\] {
    background-color: #262a3494;
  }

  .bg-\[rgba\(38\,42\,52\,0\.66\)\] {
    background-color: #262a34a8;
  }

  .bg-\[rgba\(38\,42\,52\,0\.82\)\] {
    background-color: #262a34d1;
  }

  .bg-\[rgba\(38\,42\,52\,0\.88\)\] {
    background-color: #262a34e0;
  }

  .bg-\[rgba\(38\,42\,52\,0\.95\)\] {
    background-color: #262a34f2;
  }

  .bg-\[rgba\(45\,212\,191\,0\.12\)\] {
    background-color: #2dd4bf1f;
  }

  .bg-\[rgba\(45\,212\,191\,0\.16\)\] {
    background-color: #2dd4bf29;
  }

  .bg-\[rgba\(52\,38\,10\,0\.55\)\] {
    background-color: #34260a8c;
  }

  .bg-\[rgba\(53\,177\,255\,0\.05\)\] {
    background-color: #35b1ff0d;
  }

  .bg-\[rgba\(53\,177\,255\,0\.06\)\] {
    background-color: #35b1ff0f;
  }

  .bg-\[rgba\(53\,177\,255\,0\.07\)\] {
    background-color: #35b1ff12;
  }

  .bg-\[rgba\(53\,177\,255\,0\.08\)\] {
    background-color: #35b1ff14;
  }

  .bg-\[rgba\(53\,177\,255\,0\.10\)\] {
    background-color: #35b1ff1a;
  }

  .bg-\[rgba\(53\,177\,255\,0\.12\)\] {
    background-color: #35b1ff1f;
  }

  .bg-\[rgba\(53\,177\,255\,0\.15\)\] {
    background-color: #35b1ff26;
  }

  .bg-\[rgba\(53\,177\,255\,0\.18\)\] {
    background-color: #35b1ff2e;
  }

  .bg-\[rgba\(53\,177\,255\,0\.22\)\] {
    background-color: #35b1ff38;
  }

  .bg-\[rgba\(53\,177\,255\,0\.25\)\] {
    background-color: #35b1ff40;
  }

  .bg-\[rgba\(53\,177\,255\,0\.28\)\] {
    background-color: #35b1ff47;
  }

  .bg-\[rgba\(53\,177\,255\,0\.045\)\] {
    background-color: #35b1ff0b;
  }

  .bg-\[rgba\(65\,70\,90\,0\.62\)\] {
    background-color: #41465a9e;
  }

  .bg-\[rgba\(231\,183\,95\,0\.08\)\] {
    background-color: #e7b75f14;
  }

  .bg-\[rgba\(231\,183\,95\,0\.10\)\] {
    background-color: #e7b75f1a;
  }

  .bg-\[rgba\(239\,68\,68\,0\.13\)\] {
    background-color: #ef444421;
  }

  .bg-\[rgba\(245\,158\,11\,0\.1\)\] {
    background-color: #f59e0b1a;
  }

  .bg-\[rgba\(245\,158\,11\,0\.18\)\] {
    background-color: #f59e0b2e;
  }

  .bg-\[rgba\(246\,247\,249\,0\.08\)\] {
    background-color: #f6f7f914;
  }

  .bg-\[rgba\(255\,77\,93\,0\.08\)\] {
    background-color: #ff4d5d14;
  }

  .bg-\[rgba\(255\,77\,93\,0\.10\)\] {
    background-color: #ff4d5d1a;
  }

  .bg-\[rgba\(255\,176\,32\,0\.12\)\] {
    background-color: #ffb0201f;
  }

  .bg-\[rgba\(255\,176\,32\,0\.16\)\] {
    background-color: #ffb02029;
  }

  .bg-\[rgba\(255\,193\,7\,0\.10\)\] {
    background-color: #ffc1071a;
  }

  .bg-\[rgba\(255\,207\,158\,0\.07\)\] {
    background-color: #ffcf9e12;
  }

  .bg-\[rgba\(255\,212\,111\,0\.1\)\] {
    background-color: #ffd46f1a;
  }

  .bg-\[rgba\(255\,212\,111\,0\.18\)\] {
    background-color: #ffd46f2e;
  }

  .bg-\[rgba\(255\,255\,255\,0\.12\)\] {
    background-color: #ffffff1f;
  }

  .bg-\[var\(--eon-canvas\)\]\/85 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--eon-canvas\)\]\/85 {
      background-color: color-mix(in oklab, var(--eon-canvas) 85%, transparent);
    }
  }

  .bg-\[var\(--eon-fill\)\] {
    background-color: var(--eon-fill);
  }

  .bg-\[var\(--eon-surface\)\] {
    background-color: var(--eon-surface);
  }

  .bg-\[var\(--eon-surface-sunken\)\] {
    background-color: var(--eon-surface-sunken);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/5 {
    background-color: #f99c000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/5 {
      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-500\/\[0\.09\] {
    background-color: #f99c0017;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/\[0\.09\] {
      background-color: color-mix(in oklab, var(--color-amber-500) 9%, transparent);
    }
  }

  .bg-background, .bg-background\/40 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--eon-canvas) 40%, transparent);
    }
  }

  .bg-background\/50 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--eon-canvas) 50%, transparent);
    }
  }

  .bg-background\/60 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/60 {
      background-color: color-mix(in oklab, var(--eon-canvas) 60%, transparent);
    }
  }

  .bg-background\/70 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--eon-canvas) 70%, transparent);
    }
  }

  .bg-background\/75 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/75 {
      background-color: color-mix(in oklab, var(--eon-canvas) 75%, transparent);
    }
  }

  .bg-background\/80 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--eon-canvas) 80%, transparent);
    }
  }

  .bg-background\/85 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/85 {
      background-color: color-mix(in oklab, var(--eon-canvas) 85%, transparent);
    }
  }

  .bg-background\/90 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--eon-canvas) 90%, transparent);
    }
  }

  .bg-background\/92 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/92 {
      background-color: color-mix(in oklab, var(--eon-canvas) 92%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--eon-canvas) 95%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/65 {
    background-color: #000000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/65 {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-black\/75 {
    background-color: #000000bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/75 {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-board {
    background-color: var(--eon-paper-bg);
  }

  .bg-board-accent\/10 {
    background-color: var(--eon-paper-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-board-accent\/10 {
      background-color: color-mix(in oklab, var(--eon-paper-accent) 10%, transparent);
    }
  }

  .bg-board-accent\/10\! {
    background-color: var(--eon-paper-accent) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-board-accent\/10\! {
      background-color: color-mix(in oklab, var(--eon-paper-accent) 10%, transparent) !important;
    }
  }

  .bg-border {
    background-color: var(--eon-border);
  }

  .bg-card, .bg-card\/50 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/50 {
      background-color: color-mix(in oklab, var(--eon-surface) 50%, transparent);
    }
  }

  .bg-card\/60 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/60 {
      background-color: color-mix(in oklab, var(--eon-surface) 60%, transparent);
    }
  }

  .bg-card\/80 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/80 {
      background-color: color-mix(in oklab, var(--eon-surface) 80%, transparent);
    }
  }

  .bg-card\/90 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/90 {
      background-color: color-mix(in oklab, var(--eon-surface) 90%, transparent);
    }
  }

  .bg-card\/95 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/95 {
      background-color: color-mix(in oklab, var(--eon-surface) 95%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-destructive, .bg-destructive\/10 {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--eon-danger) 10%, transparent);
    }
  }

  .bg-destructive\/12 {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/12 {
      background-color: color-mix(in oklab, var(--eon-danger) 12%, transparent);
    }
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }

  .bg-eon-accent, .bg-eon-accent\/8 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/8 {
      background-color: color-mix(in oklab, var(--eon-accent) 8%, transparent);
    }
  }

  .bg-eon-accent\/10 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/10 {
      background-color: color-mix(in oklab, var(--eon-accent) 10%, transparent);
    }
  }

  .bg-eon-accent\/12 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/12 {
      background-color: color-mix(in oklab, var(--eon-accent) 12%, transparent);
    }
  }

  .bg-eon-accent\/13 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/13 {
      background-color: color-mix(in oklab, var(--eon-accent) 13%, transparent);
    }
  }

  .bg-eon-accent\/15 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/15 {
      background-color: color-mix(in oklab, var(--eon-accent) 15%, transparent);
    }
  }

  .bg-eon-accent\/40 {
    background-color: var(--eon-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-accent\/40 {
      background-color: color-mix(in oklab, var(--eon-accent) 40%, transparent);
    }
  }

  .bg-eon-action, .bg-eon-action\/25 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-action\/25 {
      background-color: color-mix(in oklab, var(--eon-action) 25%, transparent);
    }
  }

  .bg-eon-border-control {
    background-color: var(--eon-border);
  }

  .bg-eon-canvas, .bg-eon-canvas\/70 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-canvas\/70 {
      background-color: color-mix(in oklab, var(--eon-canvas) 70%, transparent);
    }
  }

  .bg-eon-canvas\/95 {
    background-color: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-canvas\/95 {
      background-color: color-mix(in oklab, var(--eon-canvas) 95%, transparent);
    }
  }

  .bg-eon-card-border {
    background-color: var(--eon-card-border);
  }

  .bg-eon-danger, .bg-eon-danger\/10 {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-danger\/10 {
      background-color: color-mix(in oklab, var(--eon-danger) 10%, transparent);
    }
  }

  .bg-eon-danger\/12 {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-danger\/12 {
      background-color: color-mix(in oklab, var(--eon-danger) 12%, transparent);
    }
  }

  .bg-eon-danger\/15 {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-danger\/15 {
      background-color: color-mix(in oklab, var(--eon-danger) 15%, transparent);
    }
  }

  .bg-eon-divider {
    background-color: var(--eon-divider);
  }

  .bg-eon-fill {
    background-color: var(--eon-fill);
  }

  .bg-eon-ink {
    background-color: var(--eon-ink);
  }

  .bg-eon-ink-muted {
    background-color: var(--eon-ink-muted);
  }

  .bg-eon-ink\/60 {
    background-color: var(--eon-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-ink\/60 {
      background-color: color-mix(in oklab, var(--eon-ink) 60%, transparent);
    }
  }

  .bg-eon-success, .bg-eon-success\/8 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-success\/8 {
      background-color: color-mix(in oklab, var(--eon-success) 8%, transparent);
    }
  }

  .bg-eon-success\/10 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-success\/10 {
      background-color: color-mix(in oklab, var(--eon-success) 10%, transparent);
    }
  }

  .bg-eon-success\/15 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-success\/15 {
      background-color: color-mix(in oklab, var(--eon-success) 15%, transparent);
    }
  }

  .bg-eon-success\/16 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-success\/16 {
      background-color: color-mix(in oklab, var(--eon-success) 16%, transparent);
    }
  }

  .bg-eon-success\/\[0\.08\] {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-success\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--eon-success) 8%, transparent);
    }
  }

  .bg-eon-surface {
    background-color: var(--eon-surface);
  }

  .bg-eon-surface-sunken {
    background-color: var(--eon-surface-sunken);
  }

  .bg-eon-surface\/95 {
    background-color: var(--eon-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-surface\/95 {
      background-color: color-mix(in oklab, var(--eon-surface) 95%, transparent);
    }
  }

  .bg-eon-warning, .bg-eon-warning\/8 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-warning\/8 {
      background-color: color-mix(in oklab, var(--eon-warning) 8%, transparent);
    }
  }

  .bg-eon-warning\/10 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-warning\/10 {
      background-color: color-mix(in oklab, var(--eon-warning) 10%, transparent);
    }
  }

  .bg-eon-warning\/15 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-warning\/15 {
      background-color: color-mix(in oklab, var(--eon-warning) 15%, transparent);
    }
  }

  .bg-eon-warning\/20 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-eon-warning\/20 {
      background-color: color-mix(in oklab, var(--eon-warning) 20%, transparent);
    }
  }

  .bg-foreground {
    background-color: var(--eon-ink);
  }

  .bg-genesis3-bg {
    background-color: #090f1d;
  }

  .bg-genesis3-green {
    background-color: #22d36c;
  }

  .bg-genesis3-green\/10 {
    background-color: oklab(76.1475% -.172222 .0953497 / .1);
  }

  .bg-genesis3-green\/\[0\.04\] {
    background-color: oklab(76.1475% -.172222 .0953497 / .04);
  }

  .bg-genesis3-green\/\[0\.08\] {
    background-color: oklab(76.1475% -.172222 .0953497 / .08);
  }

  .bg-genesis3-green\/\[0\.16\] {
    background-color: oklab(76.1475% -.172222 .0953497 / .16);
  }

  .bg-genesis3-green\/\[0\.18\] {
    background-color: oklab(76.1475% -.172222 .0953497 / .18);
  }

  .bg-genesis3-green\/\[0\.85\] {
    background-color: oklab(76.1475% -.172222 .0953497 / .85);
  }

  .bg-genesis3-panel {
    background-color: #0c1523;
  }

  .bg-genesis3-panel\/60 {
    background-color: oklab(19.4758% -.00603198 -.0309644 / .6);
  }

  .bg-genesis3-red {
    background-color: #ff4d5d;
  }

  .bg-genesis3-red\/5 {
    background-color: oklab(67.5462% .200131 .0734451 / .05);
  }

  .bg-genesis3-red\/10 {
    background-color: oklab(67.5462% .200131 .0734451 / .1);
  }

  .bg-genesis3-red\/20 {
    background-color: oklab(67.5462% .200131 .0734451 / .2);
  }

  .bg-genesis3-yellow\/20 {
    background-color: oklab(88.7152% .00772283 .128556 / .2);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-green-50\! {
    background-color: var(--color-green-50) !important;
  }

  .bg-green-500\/40 {
    background-color: #00c75866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/40 {
      background-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
    }
  }

  .bg-muted-foreground, .bg-muted-foreground\/30 {
    background-color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/30 {
      background-color: color-mix(in oklab, var(--eon-ink-muted) 30%, transparent);
    }
  }

  .bg-ok, .bg-ok\/12 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ok\/12 {
      background-color: color-mix(in oklab, var(--eon-success) 12%, transparent);
    }
  }

  .bg-ok\/15 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ok\/15 {
      background-color: color-mix(in oklab, var(--eon-success) 15%, transparent);
    }
  }

  .bg-ok\/15\! {
    background-color: var(--eon-success) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ok\/15\! {
      background-color: color-mix(in oklab, var(--eon-success) 15%, transparent) !important;
    }
  }

  .bg-ok\/20 {
    background-color: var(--eon-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ok\/20 {
      background-color: color-mix(in oklab, var(--eon-success) 20%, transparent);
    }
  }

  .bg-primary, .bg-primary\/5 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--eon-action) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--eon-action) 10%, transparent);
    }
  }

  .bg-primary\/12 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/12 {
      background-color: color-mix(in oklab, var(--eon-action) 12%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--eon-action) 15%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--eon-action) 20%, transparent);
    }
  }

  .bg-primary\/25 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/25 {
      background-color: color-mix(in oklab, var(--eon-action) 25%, transparent);
    }
  }

  .bg-primary\/35 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/35 {
      background-color: color-mix(in oklab, var(--eon-action) 35%, transparent);
    }
  }

  .bg-primary\/40 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/40 {
      background-color: color-mix(in oklab, var(--eon-action) 40%, transparent);
    }
  }

  .bg-primary\/70 {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/70 {
      background-color: color-mix(in oklab, var(--eon-action) 70%, transparent);
    }
  }

  .bg-primary\/\[0\.05\] {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.05\] {
      background-color: color-mix(in oklab, var(--eon-action) 5%, transparent);
    }
  }

  .bg-primary\/\[0\.06\] {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--eon-action) 6%, transparent);
    }
  }

  .bg-primary\/\[0\.08\] {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--eon-action) 8%, transparent);
    }
  }

  .bg-primary\/\[0\.12\] {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.12\] {
      background-color: color-mix(in oklab, var(--eon-action) 12%, transparent);
    }
  }

  .bg-primary\/\[0\.18\] {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.18\] {
      background-color: color-mix(in oklab, var(--eon-action) 18%, transparent);
    }
  }

  .bg-red-50\! {
    background-color: var(--color-red-50) !important;
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-500\/40 {
    background-color: #fb2c3666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/40 {
      background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
    }
  }

  .bg-red-900\/30 {
    background-color: #82181a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-900\/30 {
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }

  .bg-red-950\/40 {
    background-color: #46080966;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/40 {
      background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
    }
  }

  .bg-ring, .bg-ring\/35 {
    background-color: var(--eon-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ring\/35 {
      background-color: color-mix(in oklab, var(--eon-focus-ring) 35%, transparent);
    }
  }

  .bg-ring\/40 {
    background-color: var(--eon-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ring\/40 {
      background-color: color-mix(in oklab, var(--eon-focus-ring) 40%, transparent);
    }
  }

  .bg-secondary, .bg-secondary\/40 {
    background-color: var(--eon-fill);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/40 {
      background-color: color-mix(in oklab, var(--eon-fill) 40%, transparent);
    }
  }

  .bg-secondary\/60 {
    background-color: var(--eon-fill);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/60 {
      background-color: color-mix(in oklab, var(--eon-fill) 60%, transparent);
    }
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-500\/10 {
    background-color: #8d54ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/10 {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }

  .bg-warn, .bg-warn\/12 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warn\/12 {
      background-color: color-mix(in oklab, var(--eon-warning) 12%, transparent);
    }
  }

  .bg-warn\/15 {
    background-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warn\/15 {
      background-color: color-mix(in oklab, var(--eon-warning) 15%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(90deg\,\#060C17_0\%\,rgba\(6\,12\,23\,\.92\)_28\%\,rgba\(6\,12\,23\,\.45\)_48\%\,rgba\(6\,12\,23\,\.12\)_72\%\,rgba\(6\,12\,23\,0\)_100\%\)\,linear-gradient\(180deg\,rgba\(6\,12\,23\,\.55\)_0\%\,rgba\(6\,12\,23\,0\)_16\%\,rgba\(6\,12\,23\,0\)_70\%\,var\(--eon-canvas\)_100\%\)\] {
    background-image: linear-gradient(90deg,#060c17 0%,#060c17eb 28%,#060c1773 48%,#060c171f 72%,#060c1700 100%),linear-gradient(180deg,#060c178c 0%,#060c1700 16%,#060c1700 70%,var(--eon-canvas) 100%);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(12\,13\,16\,\.7\)\,transparent_62\%\)\] {
    background-image: linear-gradient(90deg, #0c0d10b3, #0000 62%);
  }

  .bg-\[linear-gradient\(180deg\,\#35B1FF\,\#35B1FF\)\] {
    background-image: linear-gradient(#35b1ff, #35b1ff);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(34\,55\,92\,0\.95\)\,rgba\(22\,38\,68\,0\.95\)\)\] {
    background-image: linear-gradient(#22375cf2, #162644f2);
  }

  .bg-\[radial-gradient\(circle_at_20\%_10\%\,rgba\(53\,177\,255\,0\.22\)\,transparent_28\%\)\,radial-gradient\(circle_at_82\%_86\%\,rgba\(53\,177\,255\,0\.08\)\,transparent_30\%\)\,linear-gradient\(180deg\,\#060C17_0\%\,\#121317_100\%\)\] {
    background-image: radial-gradient(circle at 20% 10%, #35b1ff38, #0000 28%), radial-gradient(circle at 82% 86%, #35b1ff14, #0000 30%), linear-gradient(#060c17 0%, #121317 100%);
  }

  .from-\(--eon-media-bg\) {
    --tw-gradient-from: var(--eon-media-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#1edc8b\] {
    --tw-gradient-from: #1edc8b;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#35B1FF\] {
    --tw-gradient-from: #35b1ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#29405A\] {
    --tw-gradient-from: #29405a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#162337\] {
    --tw-gradient-from: #162337;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(53\,177\,255\,0\.28\)\] {
    --tw-gradient-from: #35b1ff47;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(65\,70\,90\,0\.95\)\] {
    --tw-gradient-from: #41465af2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/35 {
    --tw-gradient-from: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/35 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .from-black\/35 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/45 {
    --tw-gradient-from: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/45 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .from-black\/45 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-black\/80 {
    --tw-gradient-from: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .from-black\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-card {
    --tw-gradient-from: var(--eon-surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary {
    --tw-gradient-from: var(--eon-action);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary\/10 {
    --tw-gradient-from: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--eon-action) 10%, transparent);
    }
  }

  .from-primary\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary\/20 {
    --tw-gradient-from: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--eon-action) 20%, transparent);
    }
  }

  .from-primary\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-25\% {
    --tw-gradient-from-position: 25%;
  }

  .via-\(--eon-media-bg\)\/85 {
    --tw-gradient-via: var(--eon-media-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-\(--eon-media-bg\)\/85 {
      --tw-gradient-via: color-mix(in oklab, var(--eon-media-bg) 85%, transparent);
    }
  }

  .via-\(--eon-media-bg\)\/85 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#0C1523\] {
    --tw-gradient-via: #0c1523;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-55\% {
    --tw-gradient-via-position: 55%;
  }

  .to-\[\#35B1FF\] {
    --tw-gradient-to: #35b1ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#060C17\] {
    --tw-gradient-to: #060c17;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#29405A\]\/40 {
    --tw-gradient-to: oklab(36.4829% -.0163273 -.0511422 / .4);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#162337\] {
    --tw-gradient-to: #162337;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(53\,177\,255\,0\.12\)\] {
    --tw-gradient-to: #35b1ff1f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(65\,70\,90\,0\.95\)\] {
    --tw-gradient-to: #41465af2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-background\/40 {
    --tw-gradient-to: var(--eon-canvas);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-background\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--eon-canvas) 40%, transparent);
    }
  }

  .to-background\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-black\/60 {
    --tw-gradient-to: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/60 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .to-black\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary {
    --tw-gradient-to: var(--eon-action);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--eon-ink);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .object-\[50\%_30\%\] {
    object-position: 50% 30%;
  }

  .object-\[50\%_40\%\] {
    object-position: 50% 40%;
  }

  .object-\[50\%_42\%\] {
    object-position: 50% 42%;
  }

  .object-\[75\%_calc\(40\%-var\(--hl\)\)\] {
    object-position: 75% calc(40% - var(--hl));
  }

  .\!p-\[0\.875rem\] {
    padding: .875rem !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-9 {
    padding: calc(var(--spacing) * 9);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-123 {
    padding: calc(var(--spacing) * 123);
  }

  .p-\[0\.875rem\] {
    padding: .875rem;
  }

  .p-\[1\.8cqw\] {
    padding: 1.8cqw;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[14px_12px\] {
    padding: 14px 12px;
  }

  .px-\(--eon-gutter\) {
    padding-inline: var(--eon-gutter);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-2\.5\! {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-\[\.6cqw\] {
    padding-inline: .6cqw;
  }

  .px-\[0\.75rem\] {
    padding-inline: .75rem;
  }

  .px-\[1\.8cqw\] {
    padding-inline: 1.8cqw;
  }

  .px-\[1\.125rem\] {
    padding-inline: 1.125rem;
  }

  .px-\[1\.375rem\] {
    padding-inline: 1.375rem;
  }

  .px-\[1cqw\] {
    padding-inline: 1cqw;
  }

  .px-\[2\.2cqw\] {
    padding-inline: 2.2cqw;
  }

  .px-\[2\.4cqw\] {
    padding-inline: 2.4cqw;
  }

  .px-\[2\.6cqw\] {
    padding-inline: 2.6cqw;
  }

  .px-\[2\.125rem\] {
    padding-inline: 2.125rem;
  }

  .px-\[2cqw\] {
    padding-inline: 2cqw;
  }

  .px-\[3cqw\] {
    padding-inline: 3cqw;
  }

  .px-\[4\.4cqw\] {
    padding-inline: 4.4cqw;
  }

  .px-\[5\%\] {
    padding-inline: 5%;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[6cqw\] {
    padding-inline: 6cqw;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[8\%\] {
    padding-inline: 8%;
  }

  .px-\[11px\] {
    padding-inline: 11px;
  }

  .px-\[12px\] {
    padding-inline: 12px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-8\! {
    padding-block: calc(var(--spacing) * 8) !important;
  }

  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-\[\.7cqw\] {
    padding-block: .7cqw;
  }

  .py-\[0\.125rem\] {
    padding-block: .125rem;
  }

  .py-\[0\.375rem\] {
    padding-block: .375rem;
  }

  .py-\[0\.1875rem\] {
    padding-block: .1875rem;
  }

  .py-\[0\.4375rem\] {
    padding-block: .4375rem;
  }

  .py-\[0\.6875rem\] {
    padding-block: .6875rem;
  }

  .py-\[1\.1cqw\] {
    padding-block: 1.1cqw;
  }

  .py-\[1\.2cqw\] {
    padding-block: 1.2cqw;
  }

  .py-\[1\.3cqw\] {
    padding-block: 1.3cqw;
  }

  .py-\[1\.4cqw\] {
    padding-block: 1.4cqw;
  }

  .py-\[1\.5cqw\] {
    padding-block: 1.5cqw;
  }

  .py-\[1\.6cqw\] {
    padding-block: 1.6cqw;
  }

  .py-\[1\.8cqw\] {
    padding-block: 1.8cqw;
  }

  .py-\[1cqw\] {
    padding-block: 1cqw;
  }

  .py-\[2\.2cqw\] {
    padding-block: 2.2cqw;
  }

  .py-\[2\.4cqw\] {
    padding-block: 2.4cqw;
  }

  .py-\[2\.6cqw\] {
    padding-block: 2.6cqw;
  }

  .py-\[2cqw\] {
    padding-block: 2cqw;
  }

  .py-\[3\.4cqw\] {
    padding-block: 3.4cqw;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[4cqw\] {
    padding-block: 4cqw;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[clamp\(4px\,1\.8cqh\,8px\)\] {
    padding-block: clamp(4px, 1.8cqh, 8px);
  }

  .py-\[clamp\(10px\,4cqh\,16px\)\] {
    padding-block: clamp(10px, 4cqh, 16px);
  }

  .py-px {
    padding-block: 1px;
  }

  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * .5);
  }

  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .ps-7 {
    padding-inline-start: calc(var(--spacing) * 7);
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }

  .ps-12 {
    padding-inline-start: calc(var(--spacing) * 12);
  }

  .ps-\[30px\] {
    padding-inline-start: 30px;
  }

  .ps-\[42px\] {
    padding-inline-start: 42px;
  }

  .ps-\[46px\] {
    padding-inline-start: 46px;
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-3\.5 {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }

  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pe-\[5\.25rem\] {
    padding-inline-end: 5.25rem;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-\[\.6cqw\] {
    padding-top: .6cqw;
  }

  .pt-\[0\.875rem\] {
    padding-top: .875rem;
  }

  .pt-\[0\.3125rem\] {
    padding-top: .3125rem;
  }

  .pt-\[1\.2cqw\] {
    padding-top: 1.2cqw;
  }

  .pt-\[1\.375rem\] {
    padding-top: 1.375rem;
  }

  .pt-\[2\.6cqw\] {
    padding-top: 2.6cqw;
  }

  .pt-\[4vh\] {
    padding-top: 4vh;
  }

  .pt-\[8vh\] {
    padding-top: 8vh;
  }

  .pt-\[10vh\] {
    padding-top: 10vh;
  }

  .pt-\[12vh\] {
    padding-top: 12vh;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-40 {
    padding-right: calc(var(--spacing) * 40);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-4\.5 {
    padding-bottom: calc(var(--spacing) * 4.5);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-\[1\.2cqw\] {
    padding-bottom: 1.2cqw;
  }

  .pb-\[1\.625rem\] {
    padding-bottom: 1.625rem;
  }

  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

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

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

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

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

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

  .align-\[-2px\] {
    vertical-align: -2px;
  }

  .align-\[1px\] {
    vertical-align: 1px;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-mono {
    font-family: var(--eon-font-mono);
  }

  .font-sans {
    font-family: var(--eon-font-body);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\!text-\[0\.8125rem\] {
    font-size: .8125rem !important;
  }

  .\!text-\[16px\] {
    font-size: 16px !important;
  }

  .\!text-\[17px\] {
    font-size: 17px !important;
  }

  .\!text-\[20px\] {
    font-size: 20px !important;
  }

  .\!text-\[32px\] {
    font-size: 32px !important;
  }

  .\!text-\[40px\] {
    font-size: 40px !important;
  }

  .\!text-\[88px\] {
    font-size: 88px !important;
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.75rem\] {
    font-size: .75rem;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .text-\[0\.875rem\]\! {
    font-size: .875rem !important;
  }

  .text-\[0\.5312rem\] {
    font-size: .5312rem;
  }

  .text-\[0\.5625rem\] {
    font-size: .5625rem;
  }

  .text-\[0\.6562rem\] {
    font-size: .6562rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[0\.7188rem\] {
    font-size: .7188rem;
  }

  .text-\[0\.7812rem\] {
    font-size: .7812rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[0\.9375rem\] {
    font-size: .9375rem;
  }

  .text-\[0\.9375rem\]\! {
    font-size: .9375rem !important;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1\.6cqw\] {
    font-size: 1.6cqw;
  }

  .text-\[1\.7cqw\] {
    font-size: 1.7cqw;
  }

  .text-\[1\.8cqw\] {
    font-size: 1.8cqw;
  }

  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .text-\[1\.75cqw\] {
    font-size: 1.75cqw;
  }

  .text-\[1\.75rem\] {
    font-size: 1.75rem;
  }

  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }

  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }

  .text-\[1\.0625rem\] {
    font-size: 1.0625rem;
  }

  .text-\[1\.625rem\] {
    font-size: 1.625rem;
  }

  .text-\[1\.1875rem\] {
    font-size: 1.1875rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2\.2cqw\] {
    font-size: 2.2cqw;
  }

  .text-\[2\.3cqw\] {
    font-size: 2.3cqw;
  }

  .text-\[2\.4cqw\] {
    font-size: 2.4cqw;
  }

  .text-\[2\.6cqw\] {
    font-size: 2.6cqw;
  }

  .text-\[2\.7cqw\] {
    font-size: 2.7cqw;
  }

  .text-\[2\.8cqw\] {
    font-size: 2.8cqw;
  }

  .text-\[2\.35cqw\] {
    font-size: 2.35cqw;
  }

  .text-\[2\.45cqw\] {
    font-size: 2.45cqw;
  }

  .text-\[2cqw\] {
    font-size: 2cqw;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[3\.3cqw\] {
    font-size: 3.3cqw;
  }

  .text-\[3\.5cqw\] {
    font-size: 3.5cqw;
  }

  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }

  .text-\[3\.15cqw\] {
    font-size: 3.15cqw;
  }

  .text-\[3\.85cqw\] {
    font-size: 3.85cqw;
  }

  .text-\[4\.9cqw\] {
    font-size: 4.9cqw;
  }

  .text-\[4cqw\] {
    font-size: 4cqw;
  }

  .text-\[8\.5px\] {
    font-size: 8.5px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5cqw\] {
    font-size: 12.5cqw;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14\.5px\] {
    font-size: 14.5px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15\.5px\] {
    font-size: 15.5px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[34px\] {
    font-size: 34px;
  }

  .text-\[38px\] {
    font-size: 38px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[56px\] {
    font-size: 56px;
  }

  .text-\[clamp\(11px\,2cqi\,14px\)\] {
    font-size: clamp(11px, 2cqi, 14px);
  }

  .text-\[clamp\(12px\,2\.2cqi\,14px\)\] {
    font-size: clamp(12px, 2.2cqi, 14px);
  }

  .text-\[clamp\(12px\,2\.2cqi\,15px\)\] {
    font-size: clamp(12px, 2.2cqi, 15px);
  }

  .text-\[clamp\(12px\,2\.4cqi\,15px\)\] {
    font-size: clamp(12px, 2.4cqi, 15px);
  }

  .text-\[clamp\(13px\,1\.1vw\,16px\)\] {
    font-size: clamp(13px, 1.1vw, 16px);
  }

  .text-\[clamp\(17px\,3\.4cqi\,24px\)\] {
    font-size: clamp(17px, 3.4cqi, 24px);
  }

  .text-\[clamp\(19px\,4\.1cqi\,28px\)\] {
    font-size: clamp(19px, 4.1cqi, 28px);
  }

  .text-\[clamp\(20px\,4\.1cqi\,28px\)\] {
    font-size: clamp(20px, 4.1cqi, 28px);
  }

  .text-\[clamp\(22px\,2\.6vw\,34px\)\] {
    font-size: clamp(22px, 2.6vw, 34px);
  }

  .\!leading-6 {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }

  .\!leading-10 {
    --tw-leading: calc(var(--spacing) * 10) !important;
    line-height: calc(var(--spacing) * 10) !important;
  }

  .\!leading-\[1\.125rem\] {
    --tw-leading: 1.125rem !important;
    line-height: 1.125rem !important;
  }

  .\!leading-\[32px\] {
    --tw-leading: 32px !important;
    line-height: 32px !important;
  }

  .\!leading-\[48px\] {
    --tw-leading: 48px !important;
    line-height: 48px !important;
  }

  .\!leading-\[92px\] {
    --tw-leading: 92px !important;
    line-height: 92px !important;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-5\! {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.4rem\] {
    --tw-leading: 1.4rem;
    line-height: 1.4rem;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.25rem\] {
    --tw-leading: 1.25rem;
    line-height: 1.25rem;
  }

  .leading-\[1\.28\] {
    --tw-leading: 1.28;
    line-height: 1.28;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.38\] {
    --tw-leading: 1.38;
    line-height: 1.38;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }

  .leading-\[1\.75rem\] {
    --tw-leading: 1.75rem;
    line-height: 1.75rem;
  }

  .leading-\[1\.125rem\] {
    --tw-leading: 1.125rem;
    line-height: 1.125rem;
  }

  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }

  .leading-\[1\.625rem\] {
    --tw-leading: 1.625rem;
    line-height: 1.625rem;
  }

  .leading-\[1\.875rem\] {
    --tw-leading: 1.875rem;
    line-height: 1.875rem;
  }

  .leading-\[1\.1875rem\] {
    --tw-leading: 1.1875rem;
    line-height: 1.1875rem;
  }

  .leading-\[1\.3125rem\] {
    --tw-leading: 1.3125rem;
    line-height: 1.3125rem;
  }

  .leading-\[1\.6875rem\] {
    --tw-leading: 1.6875rem;
    line-height: 1.6875rem;
  }

  .leading-\[2\.25rem\] {
    --tw-leading: 2.25rem;
    line-height: 2.25rem;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }

  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[23px\] {
    --tw-leading: 23px;
    line-height: 23px;
  }

  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }

  .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }

  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }

  .leading-\[60px\] {
    --tw-leading: 60px;
    line-height: 60px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\!tracking-\[-0\.02em\] {
    --tw-tracking: -.02em !important;
    letter-spacing: -.02em !important;
  }

  .tracking-\[-\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }

  .tracking-\[\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }

  .tracking-\[\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.2px\] {
    --tw-tracking: .2px;
    letter-spacing: .2px;
  }

  .tracking-\[0\.4px\] {
    --tw-tracking: .4px;
    letter-spacing: .4px;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.6px\] {
    --tw-tracking: .6px;
    letter-spacing: .6px;
  }

  .tracking-\[0\.7px\] {
    --tw-tracking: .7px;
    letter-spacing: .7px;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .\[text-wrap\:balance\], .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

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

  .break-all {
    word-break: break-all;
  }

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

  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

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

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

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

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

  .\!text-\[\#041322\] {
    color: #041322 !important;
  }

  .\!text-\[\#C9D6E6\] {
    color: #c9d6e6 !important;
  }

  .\!text-\[\#F5F8FF\] {
    color: #f5f8ff !important;
  }

  .text-\(--an-good\) {
    color: var(--an-good);
  }

  .text-\(--an-link\) {
    color: var(--an-link);
  }

  .text-\(--an-on-burgundy\) {
    color: var(--an-on-burgundy);
  }

  .text-\(--an-text\) {
    color: var(--an-text);
  }

  .text-\(--an-text-faint\) {
    color: var(--an-text-faint);
  }

  .text-\(--an-text-muted\) {
    color: var(--an-text-muted);
  }

  .text-\(--an-warn\) {
    color: var(--an-warn);
  }

  .text-\(--eon-accent\) {
    color: var(--eon-accent);
  }

  .text-\(--eon-accent-text\) {
    color: var(--eon-accent-text);
  }

  .text-\(--eon-avatar-ink\) {
    color: var(--eon-avatar-ink);
  }

  .text-\(--eon-f-base\) {
    color: var(--eon-f-base);
  }

  .text-\(--eon-ink-muted\) {
    color: var(--eon-ink-muted);
  }

  .text-\(--eon-ink-placeholder\) {
    color: var(--eon-ink-placeholder);
  }

  .text-\(--eon-ink-placeholder\)\! {
    color: var(--eon-ink-placeholder) !important;
  }

  .text-\(--eon-ink-soft\) {
    color: var(--eon-ink-soft);
  }

  .text-\(--eon-media-ink\) {
    color: var(--eon-media-ink);
  }

  .text-\(--eon-media-lead\) {
    color: var(--eon-media-lead);
  }

  .text-\(--eon-media-muted\) {
    color: var(--eon-media-muted);
  }

  .text-\(--eon-on-accent\) {
    color: var(--eon-on-accent);
  }

  .text-\(--eon-on-danger-button\) {
    color: var(--eon-on-danger-button);
  }

  .text-\(--eon-success\,var\(--color-foreground\)\) {
    color: var(--eon-success, var(--color-foreground));
  }

  .text-\(--eon-th-ink\) {
    color: var(--eon-th-ink);
  }

  .text-\(--eon-toast-ink\) {
    color: var(--eon-toast-ink);
  }

  .text-\(--eon-warn\,var\(--eon-ink\)\) {
    color: var(--eon-warn, var(--eon-ink));
  }

  .text-\(--eon-warn-ink\,var\(--eon-accent-text\)\) {
    color: var(--eon-warn-ink, var(--eon-accent-text));
  }

  .text-\(--ls-gold\) {
    color: var(--ls-gold);
  }

  .text-\(--ls-good\) {
    color: var(--ls-good);
  }

  .text-\(--ls-link\) {
    color: var(--ls-link);
  }

  .text-\(--ls-on-burgundy\) {
    color: var(--ls-on-burgundy);
  }

  .text-\(--ls-on-gold\) {
    color: var(--ls-on-gold);
  }

  .text-\(--ls-text\), .text-\(--ls-text\)\/85 {
    color: var(--ls-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\(--ls-text\)\/85 {
      color: color-mix(in oklab, var(--ls-text) 85%, transparent);
    }
  }

  .text-\(--ls-text\)\/90 {
    color: var(--ls-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\(--ls-text\)\/90 {
      color: color-mix(in oklab, var(--ls-text) 90%, transparent);
    }
  }

  .text-\(--ls-text-muted\) {
    color: var(--ls-text-muted);
  }

  .text-\(--ls-warn\) {
    color: var(--ls-warn);
  }

  .text-\[\#0C1523\] {
    color: #0c1523;
  }

  .text-\[\#5FD08A\] {
    color: #5fd08a;
  }

  .text-\[\#5d667b\] {
    color: #5d667b;
  }

  .text-\[\#5f8f74\] {
    color: #5f8f74;
  }

  .text-\[\#5f687d\] {
    color: #5f687d;
  }

  .text-\[\#6b758d\] {
    color: #6b758d;
  }

  .text-\[\#6e7891\] {
    color: #6e7891;
  }

  .text-\[\#7ccda1\] {
    color: #7ccda1;
  }

  .text-\[\#7ff0ac\] {
    color: #7ff0ac;
  }

  .text-\[\#7ff0dd\] {
    color: #7ff0dd;
  }

  .text-\[\#7ff0dd\]\/70 {
    color: oklab(88.2972% -.107732 -.00275373 / .7);
  }

  .text-\[\#8FB4FF\] {
    color: #8fb4ff;
  }

  .text-\[\#8b93a7\] {
    color: #8b93a7;
  }

  .text-\[\#8fb4ea\] {
    color: #8fb4ea;
  }

  .text-\[\#9FB1C9\] {
    color: #9fb1c9;
  }

  .text-\[\#9ba3b4\] {
    color: #9ba3b4;
  }

  .text-\[\#9ca4b5\] {
    color: #9ca4b5;
  }

  .text-\[\#9cf0bb\] {
    color: #9cf0bb;
  }

  .text-\[\#9ea5b6\] {
    color: #9ea5b6;
  }

  .text-\[\#22c55e\] {
    color: #22c55e;
  }

  .text-\[\#35B1FF\] {
    color: #35b1ff;
  }

  .text-\[\#35d0a5\] {
    color: #35d0a5;
  }

  .text-\[\#060C17\] {
    color: #060c17;
  }

  .text-\[\#86efac\] {
    color: #86efac;
  }

  .text-\[\#090F1D\] {
    color: #090f1d;
  }

  .text-\[\#98a0b2\] {
    color: #98a0b2;
  }

  .text-\[\#474d5d\] {
    color: #474d5d;
  }

  .text-\[\#979eb0\] {
    color: #979eb0;
  }

  .text-\[\#06210f\] {
    color: #06210f;
  }

  .text-\[\#8992a6\] {
    color: #8992a6;
  }

  .text-\[\#29405A\] {
    color: #29405a;
  }

  .text-\[\#041322\] {
    color: #041322;
  }

  .text-\[\#AEBED2\] {
    color: #aebed2;
  }

  .text-\[\#C4D0E3\] {
    color: #c4d0e3;
  }

  .text-\[\#C5CBDA\] {
    color: #c5cbda;
  }

  .text-\[\#C6CCDA\] {
    color: #c6ccda;
  }

  .text-\[\#C9CFDB\] {
    color: #c9cfdb;
  }

  .text-\[\#C9D6E6\] {
    color: #c9d6e6;
  }

  .text-\[\#D5DAE4\] {
    color: #d5dae4;
  }

  .text-\[\#E6EBF3\] {
    color: #e6ebf3;
  }

  .text-\[\#E9B65C\] {
    color: #e9b65c;
  }

  .text-\[\#F5F8FF\] {
    color: #f5f8ff;
  }

  .text-\[\#FF8A90\] {
    color: #ff8a90;
  }

  .text-\[\#FF8E8E\] {
    color: #ff8e8e;
  }

  .text-\[\#a0a7b7\] {
    color: #a0a7b7;
  }

  .text-\[\#a9e3c3\] {
    color: #a9e3c3;
  }

  .text-\[\#acb2c1\] {
    color: #acb2c1;
  }

  .text-\[\#b3b8c5\] {
    color: #b3b8c5;
  }

  .text-\[\#b3b9c6\] {
    color: #b3b9c6;
  }

  .text-\[\#b7bcc9\] {
    color: #b7bcc9;
  }

  .text-\[\#b8bdc9\] {
    color: #b8bdc9;
  }

  .text-\[\#b98a3e\] {
    color: #b98a3e;
  }

  .text-\[\#babfcb\] {
    color: #babfcb;
  }

  .text-\[\#bcc1cd\] {
    color: #bcc1cd;
  }

  .text-\[\#bec3ce\] {
    color: #bec3ce;
  }

  .text-\[\#c6cad4\] {
    color: #c6cad4;
  }

  .text-\[\#c7cbd4\] {
    color: #c7cbd4;
  }

  .text-\[\#c9e6d6\] {
    color: #c9e6d6;
  }

  .text-\[\#cbced7\] {
    color: #cbced7;
  }

  .text-\[\#cdd1d9\] {
    color: #cdd1d9;
  }

  .text-\[\#ced2da\] {
    color: #ced2da;
  }

  .text-\[\#cfd2da\] {
    color: #cfd2da;
  }

  .text-\[\#d7dae0\] {
    color: #d7dae0;
  }

  .text-\[\#dbdee4\] {
    color: #dbdee4;
  }

  .text-\[\#dbe7fb\] {
    color: #dbe7fb;
  }

  .text-\[\#e2e4e9\] {
    color: #e2e4e9;
  }

  .text-\[\#e4e6ea\] {
    color: #e4e6ea;
  }

  .text-\[\#e4e6ea\]\/70 {
    color: oklab(92.4551% -.000554651 -.00579184 / .7);
  }

  .text-\[\#e5e7ec\] {
    color: #e5e7ec;
  }

  .text-\[\#e6e8ed\] {
    color: #e6e8ed;
  }

  .text-\[\#e7b75f\] {
    color: #e7b75f;
  }

  .text-\[\#e7e9ed\] {
    color: #e7e9ed;
  }

  .text-\[\#ebedf0\] {
    color: #ebedf0;
  }

  .text-\[\#efcf94\] {
    color: #efcf94;
  }

  .text-\[\#eff0f3\] {
    color: #eff0f3;
  }

  .text-\[\#f0c674\] {
    color: #f0c674;
  }

  .text-\[\#f1f2f4\] {
    color: #f1f2f4;
  }

  .text-\[\#f3f4f6\] {
    color: #f3f4f6;
  }

  .text-\[\#f5a524\] {
    color: #f5a524;
  }

  .text-\[\#f5b64f\] {
    color: #f5b64f;
  }

  .text-\[\#f5b93c\] {
    color: #f5b93c;
  }

  .text-\[\#f5b454\] {
    color: #f5b454;
  }

  .text-\[\#f5f6f8\] {
    color: #f5f6f8;
  }

  .text-\[\#f59e0b\] {
    color: #f59e0b;
  }

  .text-\[\#f87171\] {
    color: #f87171;
  }

  .text-\[\#fafafb\] {
    color: #fafafb;
  }

  .text-\[\#fbbf24\] {
    color: #fbbf24;
  }

  .text-\[\#fca5a5\] {
    color: #fca5a5;
  }

  .text-\[\#ff9d9d\] {
    color: #ff9d9d;
  }

  .text-\[\#ff9d9d\]\/80 {
    color: oklab(79.5888% .110319 .0401577 / .8);
  }

  .text-\[\#ff9d9d\]\/90 {
    color: oklab(79.5888% .110319 .0401577 / .9);
  }

  .text-\[\#ffd9a0\] {
    color: #ffd9a0;
  }

  .text-\[inherit\] {
    color: inherit;
  }

  .text-\[var\(--foreground\,\#E6EBF3\)\] {
    color: var(--foreground, #e6ebf3);
  }

  .text-\[var\(--muted-foreground\,\#AEBED2\)\] {
    color: var(--muted-foreground, #aebed2);
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-200\/85 {
    color: #fee685d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-200\/85 {
      color: color-mix(in oklab, var(--color-amber-200) 85%, transparent);
    }
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-400\/90 {
    color: #fcbb00e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-400\/90 {
      color: color-mix(in oklab, var(--color-amber-400) 90%, transparent);
    }
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-background {
    color: var(--eon-canvas);
  }

  .text-board-accent {
    color: var(--eon-paper-accent);
  }

  .text-board-ink {
    color: var(--eon-paper-ink);
  }

  .text-board-muted {
    color: var(--eon-paper-muted);
  }

  .text-destructive, .text-destructive\/80 {
    color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-destructive\/80 {
      color: color-mix(in oklab, var(--eon-danger) 80%, transparent);
    }
  }

  .text-emerald-50 {
    color: var(--color-emerald-50);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-eon-accent-text {
    color: var(--eon-accent-text);
  }

  .text-eon-danger {
    color: var(--eon-danger);
  }

  .text-eon-ink {
    color: var(--eon-ink);
  }

  .text-eon-ink-muted {
    color: var(--eon-ink-muted);
  }

  .text-eon-ink\/90 {
    color: var(--eon-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-eon-ink\/90 {
      color: color-mix(in oklab, var(--eon-ink) 90%, transparent);
    }
  }

  .text-eon-link {
    color: var(--eon-accent-text);
  }

  .text-eon-on-action {
    color: var(--eon-on-action);
  }

  .text-eon-success {
    color: var(--eon-success);
  }

  .text-eon-warning {
    color: var(--eon-warning);
  }

  .text-foreground, .text-foreground\/60 {
    color: var(--eon-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--eon-ink) 60%, transparent);
    }
  }

  .text-genesis3-bg {
    color: #090f1d;
  }

  .text-genesis3-blue {
    color: #35b1ff;
  }

  .text-genesis3-dim {
    color: #9fb1c9;
  }

  .text-genesis3-green {
    color: #22d36c;
  }

  .text-genesis3-muted {
    color: #aebed2;
  }

  .text-genesis3-red {
    color: #ff4d5d;
  }

  .text-genesis3-text {
    color: #e6ebf3;
  }

  .text-genesis3-yellow {
    color: #ffd46f;
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-inherit {
    color: inherit;
  }

  .text-muted-foreground, .text-muted-foreground\/40 {
    color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/40 {
      color: color-mix(in oklab, var(--eon-ink-muted) 40%, transparent);
    }
  }

  .text-muted-foreground\/50 {
    color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--eon-ink-muted) 50%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--eon-ink-muted) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--eon-ink-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--eon-ink-muted) 80%, transparent);
    }
  }

  .text-ok {
    color: var(--eon-success);
  }

  .text-ok\! {
    color: var(--eon-success) !important;
  }

  .text-primary {
    color: var(--eon-action);
  }

  .text-primary-foreground {
    color: var(--eon-on-action);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-ring {
    color: var(--eon-focus-ring);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-400 {
    color: var(--color-violet-400);
  }

  .text-warn {
    color: var(--eon-warning);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }

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

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

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

  .decoration-eon-warning\/70 {
    -webkit-text-decoration-color: var(--eon-warning);
    -webkit-text-decoration-color: var(--eon-warning);
    text-decoration-color: var(--eon-warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-eon-warning\/70 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--eon-warning) 70%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--eon-warning) 70%, transparent);
      text-decoration-color: color-mix(in oklab, var(--eon-warning) 70%, transparent);
    }
  }

  .decoration-wavy {
    text-decoration-style: wavy;
  }

  .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .caret-\[\#35B1FF\] {
    caret-color: #35b1ff;
  }

  .accent-\(--eon-accent\) {
    accent-color: var(--eon-accent);
  }

  .accent-foreground {
    accent-color: var(--eon-ink);
  }

  .accent-genesis3-blue {
    accent-color: #35b1ff;
  }

  .accent-primary {
    accent-color: var(--eon-action);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[\.12\] {
    opacity: .12;
  }

  .opacity-\[0\.55\] {
    opacity: .55;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[-24px_0_48px_-12px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: -24px 0 48px -12px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0\.75rem_2rem_rgba\(0\,0\,0\,0\.5\)\,0_0\.125rem_0\.5rem_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 .75rem 2rem var(--tw-shadow-color, #00000080), 0 .125rem .5rem var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_\#35B1FF\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #35b1ff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_\#29405A\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #29405a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,\.3\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2px_var\(--eon-focus-ring\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--eon-focus-ring));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eon-accent-text\)_16\%\,transparent\)\,0_0_28px_color-mix\(in_srgb\,var\(--eon-accent-text\)_20\%\,transparent\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--eon-accent-text)), 0 0 28px var(--tw-shadow-color, var(--eon-accent-text));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eon-accent-text\)_16\%\,transparent\)\,0_0_28px_color-mix\(in_srgb\,var\(--eon-accent-text\)_20\%\,transparent\)\] {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--eon-accent-text) 16%,transparent)), 0 0 28px var(--tw-shadow-color, color-mix(in srgb,var(--eon-accent-text) 20%,transparent));
    }
  }

  .shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eon-accent-text\)_16\%\,transparent\)\,0_0_28px_color-mix\(in_srgb\,var\(--eon-accent-text\)_20\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(53\,177\,255\,\.12\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #35b1ff1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(255\,255\,255\,0\.9\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ffffffe6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,currentColor_18\%\,transparent\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, currentColor);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_0_4px_color-mix\(in_srgb\,currentColor_18\%\,transparent\)\] {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,currentColor 18%,transparent));
    }
  }

  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,currentColor_18\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_6px_var\(--eon-field-halo\)\] {
    --tw-shadow: 0 0 0 6px var(--tw-shadow-color, var(--eon-field-halo));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_8px_1px_rgba\(53\,177\,255\,0\.55\)\] {
    --tw-shadow: 0 0 8px 1px var(--tw-shadow-color, #35b1ff8c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,\.2\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_rgba\(0\,0\,0\,\.35\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.4\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0006), inset 0 1px 0 var(--tw-shadow-color, #ffffff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_8px_-2px_rgba\(53\,177\,255\,0\.45\)\] {
    --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, #35b1ff73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_10px_-2px_rgba\(53\,177\,255\,0\.55\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-shadow: 0 2px 10px -2px var(--tw-shadow-color, #35b1ff8c), inset 0 1px 0 var(--tw-shadow-color, #fff3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_10px_-2px_rgba\(239\,68\,68\,0\.5\)\] {
    --tw-shadow: 0 2px 10px -2px var(--tw-shadow-color, #ef444480);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,\.3\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_14px_-4px_rgba\(53\,177\,255\,0\.35\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: 0 4px 14px -4px var(--tw-shadow-color, #35b1ff59), inset 0 1px 0 var(--tw-shadow-color, #ffffff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_14px_-4px_rgba\(77\,140\,255\,0\.35\)\] {
    --tw-shadow: 0 4px 14px -4px var(--tw-shadow-color, #4d8cff59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_rgba\(0\,0\,0\,\.35\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_rgba\(0\,0\,0\,\.45\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_16px_-8px_rgba\(53\,177\,255\,0\.9\)\] {
    --tw-shadow: 0 6px 16px -8px var(--tw-shadow-color, #35b1ffe6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_20px_rgba\(0\,0\,0\,\.4\)\] {
    --tw-shadow: 0 6px 20px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,\.45\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgba\(53\,177\,255\,0\.24\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #35b1ff3d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_32px_rgba\(0\,0\,0\,\.45\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-12px_rgba\(0\,0\,0\,\.7\)\] {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #000000b3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-12px_rgba\(0\,0\,0\,\.65\)\,0_4px_12px_rgba\(0\,0\,0\,\.3\)\] {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #000000a6), 0 4px 12px var(--tw-shadow-color, #0000004d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-12px_rgba\(0\,0\,0\,\.65\)\] {
    --tw-shadow: 0 18px 40px -12px var(--tw-shadow-color, #000000a6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-16px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: 0 18px 40px -16px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_-16px_rgba\(0\,0\,0\,\.7\)\] {
    --tw-shadow: 0 18px 40px -16px var(--tw-shadow-color, #000000b3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_50px_-18px_rgba\(0\,0\,0\,0\.85\)\] {
    --tw-shadow: 0 18px 50px -18px var(--tw-shadow-color, #000000d9);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #0000008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-16px_rgba\(0\,0\,0\,\.8\)\] {
    --tw-shadow: 0 24px 60px -16px var(--tw-shadow-color, #000c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-20px_rgba\(0\,0\,0\,\.6\)\] {
    --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color, #0009);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, #0000008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_-1px_0_var\(--eon-card-border\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--eon-card-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_\#35B1FF\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #35b1ff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--eon-accent-text\)_55\%\,transparent\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--eon-accent-text));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--eon-accent-text\)_55\%\,transparent\)\] {
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--eon-accent-text) 55%,transparent));
    }
  }

  .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--eon-accent-text\)_55\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(53\,177\,255\,0\.16\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #35b1ff29);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--eon-border-control\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--eon-border-control));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--eon-focus-ring\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--eon-focus-ring));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_2px_\#35B1FF\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #35b1ff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_2px_var\(--eon-focus-ring\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--eon-focus-ring));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_3px_rgba\(31\,34\,42\,0\.92\)\] {
    --tw-shadow: inset 0 0 0 3px var(--tw-shadow-color, #1f222aeb);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_1px_0_0_rgba\(255\,255\,255\,\.08\)\] {
    --tw-shadow: inset 1px 0 0 var(--tw-shadow-color, #ffffff14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--eon-shadow-2\)\] {
    --tw-shadow: var(--eon-shadow-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-genesis3-card {
    --tw-shadow: 0 22px 70px var(--tw-shadow-color, #00000061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-hero {
    --tw-shadow: var(--eon-shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-surface {
    --tw-shadow: var(--eon-shadow-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/40 {
    --tw-shadow-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/40 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/50 {
    --tw-shadow-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/50 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\(--eon-card-border\) {
    --tw-ring-color: var(--eon-card-border);
  }

  .ring-\[\#0C1523\] {
    --tw-ring-color: #0c1523;
  }

  .ring-\[\#35B1FF\]\/45 {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .45);
  }

  .ring-\[\#060C17\] {
    --tw-ring-color: #060c17;
  }

  .ring-\[\#29405A\] {
    --tw-ring-color: #29405a;
  }

  .ring-\[rgba\(45\,212\,191\,0\.4\)\] {
    --tw-ring-color: #2dd4bf66;
  }

  .ring-background {
    --tw-ring-color: var(--eon-canvas);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-border {
    --tw-ring-color: var(--eon-border);
  }

  .ring-emerald-500\/30 {
    --tw-ring-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-500\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .ring-primary\/25 {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/25 {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 25%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 30%, transparent);
    }
  }

  .ring-primary\/40 {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/40 {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 40%, transparent);
    }
  }

  .ring-primary\/60 {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/60 {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 60%, transparent);
    }
  }

  .ring-primary\/70 {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/70 {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 70%, transparent);
    }
  }

  .ring-transparent {
    --tw-ring-color: transparent;
  }

  .ring-white\/25 {
    --tw-ring-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .ring-white\/30 {
    --tw-ring-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .ring-white\/40 {
    --tw-ring-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--eon-canvas);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-\[\#29405A\] {
    outline-color: #29405a;
  }

  .outline-white\/10 {
    outline-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .outline-white\/10 {
      outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[1px\] {
    --tw-blur: blur(1px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[3px\] {
    --tw-blur: blur(3px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.5\] {
    --tw-brightness: brightness(.5);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.6\] {
    --tw-brightness: brightness(.6);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.7\] {
    --tw-brightness: brightness(.7);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.8\] {
    --tw-brightness: brightness(.8);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.38\] {
    --tw-brightness: brightness(.38);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.55\] {
    --tw-brightness: brightness(.55);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.62\] {
    --tw-brightness: brightness(.62);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[\.78\] {
    --tw-brightness: brightness(.78);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-\[0\.6\] {
    --tw-brightness: brightness(.6);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_8px_16px_rgba\(0\,0\,0\,\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 16px var(--tw-drop-shadow-color, #00000080));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_12px_20px_rgba\(0\,0\,0\,\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 12px 20px var(--tw-drop-shadow-color, #00000080));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_12px_26px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-drop-shadow-size: drop-shadow(0 12px 26px var(--tw-drop-shadow-color, #000000a6));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_18px_30px_rgba\(0\,0\,0\,\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(0 18px 30px var(--tw-drop-shadow-color, #0000008c));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_24px_40px_rgba\(0\,0\,0\,\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(0 24px 40px var(--tw-drop-shadow-color, #0000008c));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-\[\.3\] {
    --tw-grayscale: grayscale(.3);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .saturate-\[\.9\] {
    --tw-saturate: saturate(.9);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .saturate-\[\.95\], .saturate-\[0\.95\] {
    --tw-saturate: saturate(.95);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

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

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\,opacity\,transform\,filter\] {
    transition-property: background-color, border-color, box-shadow, opacity, transform, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,box-shadow\,transform\,opacity\] {
    transition-property: background-color, border-color, color, box-shadow, transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[clip-path\] {
    transition-property: clip-path;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\] {
    transition-property: opacity, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,border-color\,background-color\] {
    transition-property: transform, border-color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-0 {
    transition-delay: 0s;
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

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

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

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[250ms\] {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-\[400ms\] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .ease-\[cubic-bezier\(\.22\,1\,\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(.16,1,.3,1);
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--ls-ar\:auto\] {
    --ls-ar: auto;
  }

  .\[animation-delay\:-0\.3s\] {
    animation-delay: -.3s;
  }

  .\[animation-delay\:-0\.15s\] {
    animation-delay: -.15s;
  }

  .\[grid-area\:1\/1\] {
    grid-area: 1 / 1;
  }

  .\[text-shadow\:0_0_12px_rgba\(53\,177\,255\,0\.5\)\] {
    text-shadow: 0 0 12px #35b1ff80;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:border-muted-foreground\/70:is(:where(.group):hover *) {
      border-color: var(--eon-ink-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-muted-foreground\/70:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--eon-ink-muted) 70%, transparent);
      }
    }

    .group-hover\:bg-primary:is(:where(.group):hover *) {
      background-color: var(--eon-action);
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--eon-ink);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-active\:bg-\[\#565e72\]:is(:where(.group):active *) {
    background-color: #565e72;
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-has-\[\[data-step\=connecting\]\]\/bar\:invisible:is(:where(.group\/bar):has([data-step="connecting"]) *), .group-has-\[\[data-step\=connecting\]\]\/hdr\:invisible:is(:where(.group\/hdr):has([data-step="connecting"]) *), .group-has-\[\[data-step\=finishing\]\]\/bar\:invisible:is(:where(.group\/bar):has([data-step="finishing"]) *), .group-has-\[\[data-step\=finishing\]\]\/hdr\:invisible:is(:where(.group\/hdr):has([data-step="finishing"]) *), .group-has-\[\[data-step\=listening\]\]\/bar\:invisible:is(:where(.group\/bar):has([data-step="listening"]) *), .group-has-\[\[data-step\=listening\]\]\/hdr\:invisible:is(:where(.group\/hdr):has([data-step="listening"]) *) {
    visibility: hidden;
  }

  @media (hover: hover) {
    .group-aria-disabled\:group-hover\:bg-primary:is(:where(.group)[aria-disabled="true"] *):is(:where(.group):hover *) {
      background-color: var(--eon-action);
    }
  }

  .group-data-\[collapsible\=icon\]\:mx-auto:is(:where(.group)[data-collapsible="icon"] *) {
    margin-inline: auto;
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-9\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }

  .group-data-\[collapsible\=icon\]\:h-9:is(:where(.group)[data-collapsible="icon"] *) {
    height: calc(var(--spacing) * 9);
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-9:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 9);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible="icon"] *) {
    justify-content: center;
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:px-1:is(:where(.group)[data-collapsible="icon"] *) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[dragging\=true\]\:border-\[\#35B1FF\]:is(:where(.group)[data-dragging="true"] *) {
    border-color: #35b1ff;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * 9);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    height: fit-content;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    justify-content: flex-start;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: .5rem;
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .marker\:font-semibold ::marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .marker\:font-semibold::marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .marker\:font-semibold ::-webkit-details-marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .marker\:font-semibold::-webkit-details-marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .marker\:text-\(--ls-gold\) ::marker {
    color: var(--ls-gold);
  }

  .marker\:text-\(--ls-gold\)::marker {
    color: var(--ls-gold);
  }

  .marker\:text-\(--ls-gold\) ::-webkit-details-marker {
    color: var(--ls-gold);
  }

  .marker\:text-\(--ls-gold\)::-webkit-details-marker {
    color: var(--ls-gold);
  }

  .marker\:text-\[\#35B1FF\] ::marker {
    color: #35b1ff;
  }

  .marker\:text-\[\#35B1FF\]::marker {
    color: #35b1ff;
  }

  .marker\:text-\[\#35B1FF\] ::-webkit-details-marker {
    color: #35b1ff;
  }

  .marker\:text-\[\#35B1FF\]::-webkit-details-marker {
    color: #35b1ff;
  }

  .selection\:bg-primary ::selection {
    background-color: var(--eon-action);
  }

  .selection\:bg-primary::selection {
    background-color: var(--eon-action);
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--eon-on-action);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--eon-on-action);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--eon-ink);
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .placeholder\:text-\(--eon-ink-placeholder\)::placeholder {
    color: var(--eon-ink-placeholder);
  }

  .placeholder\:text-\(--ls-text-muted\)::placeholder {
    color: var(--ls-text-muted);
  }

  .placeholder\:text-\[\#6b758d\]::placeholder {
    color: #6b758d;
  }

  .placeholder\:text-\[\#9FB1C9\]::placeholder {
    color: #9fb1c9;
  }

  .placeholder\:text-\[\#8790a4\]::placeholder {
    color: #8790a4;
  }

  .placeholder\:text-eon-ink-muted::placeholder, .placeholder\:text-muted-foreground::placeholder {
    color: var(--eon-ink-muted);
  }

  .placeholder\:text-white\/40::placeholder {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-white\/40::placeholder {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-y-1:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 1);
  }

  .before\:start-0:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .before\:w-\[3px\]:before {
    content: var(--tw-content);
    width: 3px;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:bg-\(--ls-gold\):before {
    content: var(--tw-content);
    background-color: var(--ls-gold);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--eon-ink);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .first\:border-s-0:first-child {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .first\:border-t:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:border-l-0:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .first\:border-t-\[\#29405A\]:first-child {
    border-top-color: #29405a;
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .first\:pl-0:first-child {
    padding-left: calc(var(--spacing) * 0);
  }

  .last\:flex-none:last-child {
    flex: none;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:z-10:focus-within {
    z-index: 10;
  }

  .focus-within\:border-\[\#35B1FF\]\/70:focus-within {
    border-color: oklab(72.9064% -.0727331 -.136121 / .7);
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-\[\#35B1FF\]\/20:focus-within {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .2);
  }

  .focus-within\:ring-\[\#35B1FF\]\/70:focus-within {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .7);
  }

  .focus-within\:ring-primary\/40:focus-within {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-primary\/40:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 40%, transparent);
    }
  }

  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-within\:outline-offset-2:focus-within {
    outline-offset: 2px;
  }

  .focus-within\:outline-\[\#35B1FF\]:focus-within {
    outline-color: #35b1ff;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:\!border-\[\#F5F8FF\]:hover {
      border-color: #f5f8ff !important;
    }

    .hover\:border-\(--accent\):hover {
      border-color: var(--accent);
    }

    .hover\:border-\(--eon-accent\):hover {
      border-color: var(--eon-accent);
    }

    .hover\:border-\(--eon-border-control\):hover {
      border-color: var(--eon-border-control);
    }

    .hover\:border-\(--eon-border-hover\):hover {
      border-color: var(--eon-border-hover);
    }

    .hover\:border-\(--eon-card-hover-edge\):hover {
      border-color: var(--eon-card-hover-edge);
    }

    .hover\:border-\(--ls-control-edge\):hover {
      border-color: var(--ls-control-edge);
    }

    .hover\:border-\(--ls-gold\):hover {
      border-color: var(--ls-gold);
    }

    .hover\:border-\[\#4c5364\]:hover {
      border-color: #4c5364;
    }

    .hover\:border-\[\#4d5465\]:hover {
      border-color: #4d5465;
    }

    .hover\:border-\[\#35B1FF\]:hover {
      border-color: #35b1ff;
    }

    .hover\:border-\[\#35B1FF\]\/60:hover {
      border-color: oklab(72.9064% -.0727331 -.136121 / .6);
    }

    .hover\:border-\[\#464d5d\]:hover {
      border-color: #464d5d;
    }

    .hover\:border-\[\#838ca2\]:hover {
      border-color: #838ca2;
    }

    .hover\:border-\[\#54789E\]:hover {
      border-color: #54789e;
    }

    .hover\:border-\[\#AEBED2\]:hover {
      border-color: #aebed2;
    }

    .hover\:border-\[\#ef4444\]\/55:hover {
      border-color: oklab(63.6834% .187864 .0889286 / .55);
    }

    .hover\:border-\[\#f5a524\]\/60:hover {
      border-color: oklab(78.1881% .0481043 .150974 / .6);
    }

    .hover\:border-\[\#ff4d4d\]\/40:hover {
      border-color: oklab(67.2963% .194405 .0908165 / .4);
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--eon-accent\)_40\%\,transparent\)\]:hover {
      border-color: var(--eon-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--eon-accent\)_40\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--eon-accent) 40%,transparent);
      }
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.4\)\]:hover {
      border-color: #35b1ff66;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.6\)\]:hover {
      border-color: #35b1ff99;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.42\)\]:hover {
      border-color: #35b1ff6b;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.45\)\]:hover {
      border-color: #35b1ff73;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.48\)\]:hover {
      border-color: #35b1ff7a;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.55\)\]:hover {
      border-color: #35b1ff8c;
    }

    .hover\:border-\[rgba\(53\,177\,255\,0\.62\)\]:hover {
      border-color: #35b1ff9e;
    }

    .hover\:border-\[rgba\(255\,77\,93\,0\.4\)\]:hover {
      border-color: #ff4d5d66;
    }

    .hover\:border-board-accent:hover {
      border-color: var(--eon-paper-accent);
    }

    .hover\:border-border:hover, .hover\:border-border\/80:hover {
      border-color: var(--eon-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border\/80:hover {
        border-color: color-mix(in oklab, var(--eon-border) 80%, transparent);
      }
    }

    .hover\:border-border\/90:hover {
      border-color: var(--eon-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-border\/90:hover {
        border-color: color-mix(in oklab, var(--eon-border) 90%, transparent);
      }
    }

    .hover\:border-eon-border-control:hover {
      border-color: var(--eon-border);
    }

    .hover\:border-genesis3-blue:hover {
      border-color: #35b1ff;
    }

    .hover\:border-genesis3-blue\/55:hover {
      border-color: oklab(72.9064% -.0727331 -.136121 / .55);
    }

    .hover\:border-primary:hover, .hover\:border-primary\/50:hover {
      border-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--eon-action) 50%, transparent);
      }
    }

    .hover\:border-primary\/60:hover {
      border-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/60:hover {
        border-color: color-mix(in oklab, var(--eon-action) 60%, transparent);
      }
    }

    .hover\:\!bg-\(--eon-f-base-hover\):hover {
      background-color: var(--eon-f-base-hover) !important;
    }

    .hover\:\!bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_4\.5\%\,transparent\)\]:hover {
      background-color: var(--eon-accent) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-\[color-mix\(in_srgb\,var\(--eon-accent\)_4\.5\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--eon-accent) 4.5%,transparent) !important;
      }
    }

    .hover\:\!bg-\[rgba\(6\,12\,23\,\.6\)\]:hover {
      background-color: #060c1799 !important;
    }

    .hover\:bg-\(--an-burgundy-hover\):hover {
      background-color: var(--an-burgundy-hover);
    }

    .hover\:bg-\(--an-raised\):hover {
      background-color: var(--an-raised);
    }

    .hover\:bg-\(--eon-action-hover\):hover {
      background-color: var(--eon-action-hover);
    }

    .hover\:bg-\(--eon-danger-button-hover\):hover {
      background-color: var(--eon-danger-button-hover);
    }

    .hover\:bg-\(--eon-field-disabled\):hover {
      background-color: var(--eon-field-disabled);
    }

    .hover\:bg-\(--eon-field-disabled\)\!:hover {
      background-color: var(--eon-field-disabled) !important;
    }

    .hover\:bg-\(--eon-hover\):hover {
      background-color: var(--eon-hover);
    }

    .hover\:bg-\(--eon-row-hover\):hover {
      background-color: var(--eon-row-hover);
    }

    .hover\:bg-\(--ls-burgundy-hover\):hover {
      background-color: var(--ls-burgundy-hover);
    }

    .hover\:bg-\(--ls-desk\):hover {
      background-color: var(--ls-desk);
    }

    .hover\:bg-\(--ls-desk-raised\):hover {
      background-color: var(--ls-desk-raised);
    }

    .hover\:bg-\[\#0C1523\]:hover {
      background-color: #0c1523;
    }

    .hover\:bg-\[\#6f2640\]:hover {
      background-color: #6f2640;
    }

    .hover\:bg-\[\#16a34a\]:hover {
      background-color: #16a34a;
    }

    .hover\:bg-\[\#35B1FF\]\/5:hover {
      background-color: oklab(72.9064% -.0727331 -.136121 / .05);
    }

    .hover\:bg-\[\#35B1FF\]\/8:hover {
      background-color: oklab(72.9064% -.0727331 -.136121 / .08);
    }

    .hover\:bg-\[\#53BDFF\]:hover {
      background-color: #53bdff;
    }

    .hover\:bg-\[\#29405A\]:hover {
      background-color: #29405a;
    }

    .hover\:bg-\[\#162337\]:hover {
      background-color: #162337;
    }

    .hover\:bg-\[\#162337\]\/50:hover {
      background-color: oklab(25.4841% -.00822376 -.0413862 / .5);
    }

    .hover\:bg-\[\#162337\]\/60:hover {
      background-color: oklab(25.4841% -.00822376 -.0413862 / .6);
    }

    .hover\:bg-\[\#20365420\]:hover {
      background-color: #20365420;
    }

    .hover\:bg-\[\#E9B65C\]\/15:hover {
      background-color: oklab(80.5083% .0218925 .12069 / .15);
    }

    .hover\:bg-\[\#c92a2a\]:hover {
      background-color: #c92a2a;
    }

    .hover\:bg-\[\#f5a524\]\/5:hover {
      background-color: oklab(78.1881% .0481043 .150974 / .05);
    }

    .hover\:bg-\[\#ff4d4d\]\/10:hover {
      background-color: oklab(67.2963% .194405 .0908165 / .1);
    }

    .hover\:bg-\[rgba\(31\,34\,42\,0\.6\)\]:hover {
      background-color: #1f222a99;
    }

    .hover\:bg-\[rgba\(31\,34\,42\,0\.7\)\]:hover {
      background-color: #1f222ab3;
    }

    .hover\:bg-\[rgba\(38\,42\,52\,0\.5\)\]:hover {
      background-color: #262a3480;
    }

    .hover\:bg-\[rgba\(38\,42\,52\,0\.70\)\]:hover {
      background-color: #262a34b3;
    }

    .hover\:bg-\[rgba\(45\,212\,191\,0\.2\)\]:hover {
      background-color: #2dd4bf33;
    }

    .hover\:bg-\[rgba\(53\,177\,255\,0\.16\)\]:hover {
      background-color: #35b1ff29;
    }

    .hover\:bg-\[rgba\(53\,177\,255\,0\.18\)\]:hover {
      background-color: #35b1ff2e;
    }

    .hover\:bg-\[rgba\(53\,177\,255\,0\.22\)\]:hover {
      background-color: #35b1ff38;
    }

    .hover\:bg-\[rgba\(53\,177\,255\,0\.28\)\]:hover {
      background-color: #35b1ff47;
    }

    .hover\:bg-\[rgba\(65\,70\,90\,0\.4\)\]:hover {
      background-color: #41465a66;
    }

    .hover\:bg-\[rgba\(65\,70\,90\,0\.6\)\]:hover {
      background-color: #41465a99;
    }

    .hover\:bg-\[rgba\(65\,70\,90\,0\.9\)\]:hover {
      background-color: #41465ae6;
    }

    .hover\:bg-\[rgba\(65\,70\,90\,0\.62\)\]:hover {
      background-color: #41465a9e;
    }

    .hover\:bg-\[rgba\(239\,68\,68\,0\.1\)\]:hover {
      background-color: #ef44441a;
    }

    .hover\:bg-\[rgba\(255\,77\,93\,0\.1\)\]:hover {
      background-color: #ff4d5d1a;
    }

    .hover\:bg-\[var\(--eon-border\)\]:hover {
      background-color: var(--eon-border);
    }

    .hover\:bg-amber-400\/20:hover {
      background-color: #fcbb0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-400\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
      }
    }

    .hover\:bg-amber-500\/10:hover {
      background-color: #f99c001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }

    .hover\:bg-background:hover, .hover\:bg-background\/40:hover {
      background-color: var(--eon-canvas);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/40:hover {
        background-color: color-mix(in oklab, var(--eon-canvas) 40%, transparent);
      }
    }

    .hover\:bg-background\/60:hover {
      background-color: var(--eon-canvas);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/60:hover {
        background-color: color-mix(in oklab, var(--eon-canvas) 60%, transparent);
      }
    }

    .hover\:bg-background\/70:hover {
      background-color: var(--eon-canvas);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background\/70:hover {
        background-color: color-mix(in oklab, var(--eon-canvas) 70%, transparent);
      }
    }

    .hover\:bg-black\/50:hover {
      background-color: #00000080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/50:hover {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }

    .hover\:bg-black\/75:hover {
      background-color: #000000bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/75:hover {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }

    .hover\:bg-card:hover, .hover\:bg-card\/80:hover {
      background-color: var(--eon-surface);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-card\/80:hover {
        background-color: color-mix(in oklab, var(--eon-surface) 80%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--eon-danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--eon-danger) 90%, transparent);
      }
    }

    .hover\:bg-emerald-400:hover {
      background-color: var(--color-emerald-400);
    }

    .hover\:bg-eon-action-hover:hover {
      background-color: var(--eon-action-hover);
    }

    .hover\:bg-eon-action\/35:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-eon-action\/35:hover {
        background-color: color-mix(in oklab, var(--eon-action) 35%, transparent);
      }
    }

    .hover\:bg-eon-fill:hover {
      background-color: var(--eon-fill);
    }

    .hover\:bg-eon-hover:hover, .hover\:bg-eon-hover\/60:hover {
      background-color: var(--eon-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-eon-hover\/60:hover {
        background-color: color-mix(in oklab, var(--eon-hover) 60%, transparent);
      }
    }

    .hover\:bg-eon-surface:hover {
      background-color: var(--eon-surface);
    }

    .hover\:bg-genesis3-red\/90:hover {
      background-color: oklab(67.5462% .200131 .0734451 / .9);
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--eon-action) 10%, transparent);
      }
    }

    .hover\:bg-primary\/15:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/15:hover {
        background-color: color-mix(in oklab, var(--eon-action) 15%, transparent);
      }
    }

    .hover\:bg-primary\/20:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, var(--eon-action) 20%, transparent);
      }
    }

    .hover\:bg-primary\/30:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, var(--eon-action) 30%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--eon-action) 90%, transparent);
      }
    }

    .hover\:bg-secondary:hover, .hover\:bg-secondary\/80:hover {
      background-color: var(--eon-fill);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--eon-fill) 80%, transparent);
      }
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }

    .hover\:from-\[\#35B1FF\]:hover {
      --tw-gradient-from: #35b1ff;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:from-\[rgba\(53\,177\,255\,0\.18\)\]:hover {
      --tw-gradient-from: #35b1ff2e;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:from-\[rgba\(239\,68\,68\,0\.18\)\]:hover {
      --tw-gradient-from: #ef44442e;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-\[\#626c83\]:hover {
      --tw-gradient-to: #626c83;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-\[rgba\(53\,177\,255\,0\.08\)\]:hover {
      --tw-gradient-to: #35b1ff14;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:to-\[rgba\(239\,68\,68\,0\.08\)\]:hover {
      --tw-gradient-to: #ef444414;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:text-\(--ls-text\):hover {
      color: var(--ls-text);
    }

    .hover\:text-\[\#35B1FF\]:hover {
      color: #35b1ff;
    }

    .hover\:text-\[\#E6EBF3\]:hover {
      color: #e6ebf3;
    }

    .hover\:text-\[\#d0d3db\]:hover {
      color: #d0d3db;
    }

    .hover\:text-\[\#e4e6ea\]:hover {
      color: #e4e6ea;
    }

    .hover\:text-\[\#ebedf0\]:hover {
      color: #ebedf0;
    }

    .hover\:text-\[\#f5b93c\]:hover {
      color: #f5b93c;
    }

    .hover\:text-\[\#fca5a5\]:hover {
      color: #fca5a5;
    }

    .hover\:text-\[\#ff7070\]:hover {
      color: #ff7070;
    }

    .hover\:text-\[\#ffcc55\]:hover {
      color: #fc5;
    }

    .hover\:text-\[var\(--foreground\,\#E6EBF3\)\]:hover {
      color: var(--foreground, #e6ebf3);
    }

    .hover\:text-amber-300:hover {
      color: var(--color-amber-300);
    }

    .hover\:text-eon-ink:hover {
      color: var(--eon-ink);
    }

    .hover\:text-eon-link:hover {
      color: var(--eon-accent-text);
    }

    .hover\:text-foreground:hover {
      color: var(--eon-ink);
    }

    .hover\:text-genesis3-red:hover {
      color: #ff4d5d;
    }

    .hover\:text-genesis3-text:hover {
      color: #e6ebf3;
    }

    .hover\:text-muted-foreground:hover {
      color: var(--eon-ink-muted);
    }

    .hover\:text-primary\/80:hover {
      color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--eon-action) 80%, transparent);
      }
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

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

    .hover\:decoration-2:hover {
      text-decoration-thickness: 2px;
    }

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

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_4px_10px_rgba\(239\,68\,68\,0\.25\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]:hover {
      --tw-shadow: 0 4px 10px var(--tw-shadow-color, #ef444440), inset 0 1px 0 var(--tw-shadow-color, #ffffff14);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .hover\:brightness-125:hover {
      --tw-brightness: brightness(125%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-\(--eon-field-focus\):focus {
    border-color: var(--eon-field-focus);
  }

  .focus\:border-\[rgba\(53\,177\,255\,0\.6\)\]:focus {
    border-color: #35b1ff99;
  }

  .focus\:border-eon-focus-ring:focus {
    border-color: var(--eon-focus-ring);
  }

  .focus\:border-genesis3-blue:focus {
    border-color: #35b1ff;
  }

  .focus\:bg-\[\#f87171\]\/12:focus {
    background-color: oklab(71.0627% .153814 .0628211 / .12);
  }

  .focus\:bg-primary\/10:focus {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-primary\/10:focus {
      background-color: color-mix(in oklab, var(--eon-action) 10%, transparent);
    }
  }

  .focus\:bg-primary\/20:focus {
    background-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-primary\/20:focus {
      background-color: color-mix(in oklab, var(--eon-action) 20%, transparent);
    }
  }

  .focus\:text-\[\#fca5a5\]:focus {
    color: #fca5a5;
  }

  .focus\:text-white:focus {
    color: var(--color-white);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[3px\]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\(--eon-field-halo\):focus {
    --tw-ring-color: var(--eon-field-halo);
  }

  .focus\:ring-eon-focus-ring\/22:focus {
    --tw-ring-color: var(--eon-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-eon-focus-ring\/22:focus {
      --tw-ring-color: color-mix(in oklab, var(--eon-focus-ring) 22%, transparent);
    }
  }

  .focus\:ring-genesis3-blue:focus {
    --tw-ring-color: #35b1ff;
  }

  .focus\:ring-genesis3-blue\/40:focus {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .4);
  }

  .focus\:ring-primary:focus {
    --tw-ring-color: var(--eon-action);
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--eon-focus-ring);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:rounded-sm:focus-visible {
    border-radius: .1875rem;
  }

  .focus-visible\:border-\(--accent\):focus-visible {
    border-color: var(--accent);
  }

  .focus-visible\:border-\(--eon-focus-ring\):focus-visible {
    border-color: var(--eon-focus-ring);
  }

  .focus-visible\:border-\[\#c7cbd4\]:focus-visible {
    border-color: #c7cbd4;
  }

  .focus-visible\:border-\[\#fca5a5\]:focus-visible {
    border-color: #fca5a5;
  }

  .focus-visible\:border-genesis3-blue:focus-visible {
    border-color: #35b1ff;
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--eon-focus-ring);
  }

  .focus-visible\:bg-\[var\(--eon-border\)\]:focus-visible {
    background-color: var(--eon-border);
  }

  .focus-visible\:bg-secondary:focus-visible {
    background-color: var(--eon-fill);
  }

  .focus-visible\:shadow-\[0_0_0_3px_rgba\(53\,177\,255\,0\.5\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #35b1ff80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:shadow-\[0_0_0_3px_rgba\(248\,113\,113\,0\.5\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #f8717180);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\(--accent\):focus-visible {
    --tw-ring-color: var(--accent);
  }

  .focus-visible\:ring-\(--eon-accent\):focus-visible {
    --tw-ring-color: var(--eon-accent);
  }

  .focus-visible\:ring-\(--eon-focus-ring\):focus-visible, .focus-visible\:ring-\(--eon-focus-ring\)\/25:focus-visible {
    --tw-ring-color: var(--eon-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\(--eon-focus-ring\)\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-focus-ring) 25%, transparent);
    }
  }

  .focus-visible\:ring-\[\#35B1FF\]:focus-visible {
    --tw-ring-color: #35b1ff;
  }

  .focus-visible\:ring-\[\#35B1FF\]\/50:focus-visible {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .5);
  }

  .focus-visible\:ring-\[\#35B1FF\]\/70:focus-visible {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .7);
  }

  .focus-visible\:ring-\[rgba\(53\,177\,255\,0\.5\)\]:focus-visible {
    --tw-ring-color: #35b1ff80;
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-danger) 20%, transparent);
    }
  }

  .focus-visible\:ring-genesis3-blue:focus-visible {
    --tw-ring-color: #35b1ff;
  }

  .focus-visible\:ring-genesis3-blue\/40:focus-visible {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .4);
  }

  .focus-visible\:ring-genesis3-blue\/60:focus-visible {
    --tw-ring-color: oklab(72.9064% -.0727331 -.136121 / .6);
  }

  .focus-visible\:ring-primary:focus-visible, .focus-visible\:ring-primary\/40:focus-visible {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 40%, transparent);
    }
  }

  .focus-visible\:ring-primary\/50:focus-visible {
    --tw-ring-color: var(--eon-action);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-primary\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-action) 50%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--eon-focus-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-focus-ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-white\/30:focus-visible {
    --tw-ring-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/30:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .focus-visible\:ring-white\/40:focus-visible {
    --tw-ring-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .focus-visible\:ring-white\/50:focus-visible {
    --tw-ring-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-white\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-\[\#0C1523\]:focus-visible {
    --tw-ring-offset-color: #0c1523;
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: var(--eon-canvas);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-\[3px\]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .focus-visible\:\!outline-\[\#F5F8FF\]:focus-visible {
    outline-color: #f5f8ff !important;
  }

  .focus-visible\:outline-\(--eon-accent\):focus-visible {
    outline-color: var(--eon-accent);
  }

  .focus-visible\:outline-\(--eon-focus-ring\):focus-visible {
    outline-color: var(--eon-focus-ring);
  }

  .focus-visible\:outline-\[\#35B1FF\]:focus-visible {
    outline-color: #35b1ff;
  }

  .focus-visible\:outline-\[color\:var\(--eon-focus-ring\)\]:focus-visible {
    outline-color: var(--eon-focus-ring);
  }

  .focus-visible\:outline-\[var\(--eon-accent-text\)\]:focus-visible {
    outline-color: var(--eon-accent-text);
  }

  .focus-visible\:outline-eon-focus-ring:focus-visible {
    outline-color: var(--eon-focus-ring);
  }

  .focus-visible\:outline-primary:focus-visible {
    outline-color: var(--eon-action);
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--eon-focus-ring);
  }

  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:outline-none\!:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:translate-y-0:active {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:translate-y-\[1px\]:active, .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:\!bg-\(--eon-f-base-press\):active {
    background-color: var(--eon-f-base-press) !important;
  }

  .active\:bg-\(--eon-action-pressed\):active {
    background-color: var(--eon-action-pressed);
  }

  .active\:bg-\(--eon-field-disabled\)\!:active {
    background-color: var(--eon-field-disabled) !important;
  }

  .active\:bg-\[\#991b1b\]:active {
    background-color: #991b1b;
  }

  .active\:bg-\[\#29405A\]:active {
    background-color: #29405a;
  }

  .active\:bg-\[\#162337\]:active {
    background-color: #162337;
  }

  .active\:bg-transparent:active {
    background-color: #0000;
  }

  .active\:shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.35\)\]:active {
    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:brightness-90:active {
    --tw-brightness: brightness(90%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  @media (hover: hover) {
    .enabled\:hover\:bg-\(--ls-burgundy-hover\):enabled:hover {
      background-color: var(--ls-burgundy-hover);
    }

    .enabled\:hover\:bg-\(--ls-desk-raised\):enabled:hover {
      background-color: var(--ls-desk-raised);
    }

    .enabled\:hover\:bg-\[\#35B1FF\]:enabled:hover {
      background-color: #35b1ff;
    }

    .enabled\:hover\:bg-\[\#29405A\]:enabled:hover {
      background-color: #29405a;
    }

    .enabled\:hover\:bg-\[\#162337\]:enabled:hover {
      background-color: #162337;
    }

    .enabled\:hover\:bg-\[var\(--eon-hover\)\]:enabled:hover {
      background-color: var(--eon-hover);
    }

    .enabled\:hover\:text-\[\#E6EBF3\]:enabled:hover {
      color: #e6ebf3;
    }

    .enabled\:hover\:text-white:enabled:hover {
      color: var(--color-white);
    }

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

    .enabled\:hover\:brightness-125:enabled:hover {
      --tw-brightness: brightness(125%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .enabled\:active\:bg-\[\#565e72\]:enabled:active {
    background-color: #565e72;
  }

  .enabled\:active\:bg-\[\#162337\]:enabled:active {
    background-color: #162337;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

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

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:border-\(--eon-card-border\):disabled {
    border-color: var(--eon-card-border);
  }

  .disabled\:border-eon-border-control:disabled {
    border-color: var(--eon-border);
  }

  .disabled\:border-quiet:disabled {
    border-color: var(--eon-card-border);
  }

  .disabled\:bg-\(--eon-field-disabled\):disabled {
    background-color: var(--eon-field-disabled);
  }

  .disabled\:bg-\(--eon-paper-line\)\!:disabled {
    background-color: var(--eon-paper-line) !important;
  }

  .disabled\:bg-\(--ls-burgundy-spent\):disabled {
    background-color: var(--ls-burgundy-spent);
  }

  .disabled\:bg-\[\#29405A\]:disabled {
    background-color: #29405a;
  }

  .disabled\:bg-\[rgba\(65\,70\,90\,0\.78\)\]:disabled {
    background-color: #41465ac7;
  }

  .disabled\:bg-eon-surface:disabled {
    background-color: var(--eon-surface);
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-\(--eon-ink-placeholder\):disabled {
    color: var(--eon-ink-placeholder);
  }

  .disabled\:text-\(--eon-paper-muted\)\!:disabled {
    color: var(--eon-paper-muted) !important;
  }

  .disabled\:text-\(--ls-burgundy-spent-text\):disabled {
    color: var(--ls-burgundy-spent-text);
  }

  .disabled\:text-\(--ls-text-muted\):disabled {
    color: var(--ls-text-muted);
  }

  .disabled\:text-\[\#a0a7b7\]:disabled {
    color: #a0a7b7;
  }

  .disabled\:text-eon-ink-muted:disabled {
    color: var(--eon-ink-muted);
  }

  .disabled\:text-eon-ink-placeholder:disabled {
    color: var(--eon-ink-placeholder);
  }

  .disabled\:text-muted-foreground:disabled {
    color: var(--eon-ink-muted);
  }

  .disabled\:opacity-0:disabled {
    opacity: 0;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-35:disabled {
    opacity: .35;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .disabled\:opacity-100:disabled {
    opacity: 1;
  }

  .disabled\:opacity-100\!:disabled {
    opacity: 1 !important;
  }

  .disabled\:shadow-none:disabled {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .disabled\:hover\:translate-y-0:disabled:hover {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .disabled\:hover\:border-eon-card-border:disabled:hover {
      border-color: var(--eon-card-border);
    }

    .disabled\:hover\:bg-\(--eon-field-disabled\):disabled:hover {
      background-color: var(--eon-field-disabled);
    }

    .disabled\:hover\:bg-\[\#b91c1c\]:disabled:hover {
      background-color: #b91c1c;
    }

    .disabled\:hover\:bg-\[rgba\(65\,70\,90\,0\.78\)\]:disabled:hover {
      background-color: #41465ac7;
    }

    .disabled\:hover\:bg-eon-surface:disabled:hover {
      background-color: var(--eon-surface);
    }

    .disabled\:hover\:bg-primary:disabled:hover {
      background-color: var(--eon-action);
    }

    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }

    .disabled\:hover\:text-eon-ink-muted:disabled:hover {
      color: var(--eon-ink-muted);
    }
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\:disabled\]\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }

  .has-\[\:disabled\]\:opacity-60:has(:disabled) {
    opacity: .6;
  }

  .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-\[\:focus-visible\]\:outline-\[3px\]:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible) {
    outline-offset: 2px;
  }

  .has-\[\:focus-visible\]\:outline-\(--eon-accent\):has(:focus-visible) {
    outline-color: var(--eon-accent);
  }

  .has-\[\:focus-visible\]\:outline-solid:has(:focus-visible) {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .has-\[\[data-step\=\'\'\]\]\:hidden:has([data-step=""]) {
    display: none;
  }

  .has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }

  .aria-disabled\:bg-\(--eon-paper-line\)\![aria-disabled="true"] {
    background-color: var(--eon-paper-line) !important;
  }

  .aria-disabled\:text-\(--eon-paper-muted\)\![aria-disabled="true"] {
    color: var(--eon-paper-muted) !important;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-disabled\:opacity-55[aria-disabled="true"] {
    opacity: .55;
  }

  .aria-disabled\:opacity-60[aria-disabled="true"] {
    opacity: .6;
  }

  .aria-disabled\:opacity-100\![aria-disabled="true"] {
    opacity: 1 !important;
  }

  @media (hover: hover) {
    .aria-disabled\:hover\:bg-\(--an-burgundy\)[aria-disabled="true"]:hover {
      background-color: var(--an-burgundy);
    }

    .aria-disabled\:hover\:bg-\[\#0C1523\][aria-disabled="true"]:hover {
      background-color: #0c1523;
    }
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--eon-fill);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--eon-danger);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--eon-danger) 20%, transparent);
    }
  }

  .aria-pressed\:border-\(--eon-accent\)[aria-pressed="true"] {
    border-color: var(--eon-accent);
  }

  .aria-pressed\:border-\[\#35B1FF\][aria-pressed="true"] {
    border-color: #35b1ff;
  }

  .aria-pressed\:bg-\(--eon-surface-selected\)[aria-pressed="true"] {
    background-color: var(--eon-surface-selected);
  }

  .aria-pressed\:text-\[\#35B1FF\][aria-pressed="true"] {
    color: #35b1ff;
  }

  .aria-pressed\:text-foreground[aria-pressed="true"] {
    color: var(--eon-ink);
  }

  .aria-pressed\:text-ring[aria-pressed="true"] {
    color: var(--eon-focus-ring);
  }

  .aria-\[invalid\=true\]\:border-\(--eon-danger\)[aria-invalid="true"] {
    border-color: var(--eon-danger);
  }

  .data-\[active\=true\]\:bg-\(--sidebar-border\)[data-active="true"] {
    background-color: var(--sidebar-border);
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[active\=true\]\:text-white[data-active="true"] {
    color: var(--color-white);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:text-muted-foreground[data-disabled] {
    color: var(--eon-ink-muted);
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[dragging\=true\]\:bg-\[\#162337\][data-dragging="true"] {
    background-color: #162337;
  }

  .data-\[dragging\=true\]\:\[--field-edge\:\#35B1FF\]\![data-dragging="true"] {
    --field-edge: #35b1ff !important;
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[pending\]\:border-\[\#29405A\][data-pending] {
    border-color: #29405a;
  }

  .data-\[pending\]\:text-\[\#AEBED2\][data-pending] {
    color: #aebed2;
  }

  .data-\[pending\]\:opacity-70[data-pending] {
    opacity: .7;
  }

  .data-\[pending\]\:shadow-\[0_0_0_1px_\#29405A\][data-pending] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #29405a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--eon-ink-muted);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[size\=default\]\:h-10[data-size="default"] {
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--eon-canvas);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--eon-canvas);
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: var(--eon-ink);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=open\]\:bg-\[\#29405A\][data-state="open"] {
    background-color: #29405a;
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--eon-fill);
  }

  .data-\[state\=open\]\:text-\[\#ebedf0\][data-state="open"] {
    color: #ebedf0;
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--eon-ink-muted);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--eon-danger);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--eon-danger) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--eon-danger);
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }

    .motion-safe\:transition-all {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .motion-safe\:transition-colors {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .motion-safe\:transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    @media (hover: hover) {
      .motion-safe\:group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    .motion-safe\:active\:scale-\[0\.97\]:active {
      scale: .97;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }

    .motion-reduce\:duration-\[120ms\] {
      --tw-duration: .12s;
      transition-duration: .12s;
    }

    @media (hover: hover) {
      .motion-reduce\:group-hover\:translate-x-0:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }

      .motion-reduce\:hover\:translate-y-0:hover {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }

    .motion-reduce\:data-\[state\=closed\]\:animate-none[data-state="closed"], .motion-reduce\:data-\[state\=open\]\:animate-none[data-state="open"] {
      animation: none;
    }
  }

  @media not all and (min-width: 1600px) {
    .max-\[1600px\]\:hidden {
      display: none;
    }

    .max-\[1600px\]\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }

    .max-\[1600px\]\:min-h-\[84px\] {
      min-height: 84px;
    }
  }

  @media not all and (min-width: 1599px) {
    .max-\[1599px\]\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
  }

  @media not all and (min-width: 1500px) {
    .max-\[1500px\]\:hidden {
      display: none;
    }

    .max-\[1500px\]\:min-h-\[60px\] {
      min-height: 60px;
    }

    .max-\[1500px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1480px) {
    .max-\[1480px\]\:\!min-w-\[96px\] {
      min-width: 96px !important;
    }
  }

  @media not all and (min-width: 1400px) {
    .max-\[1400px\]\:hidden {
      display: none;
    }

    .max-\[1400px\]\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1360px) {
    .max-\[1360px\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-\[1360px\]\:m-3 {
      margin: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }

    .max-\[1360px\]\:mx-4 {
      margin-inline: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:mx-\[1\.125rem\] {
      margin-inline: 1.125rem;
    }

    .max-\[1360px\]\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:block {
      display: block;
    }

    .max-\[1360px\]\:hidden {
      display: none;
    }

    .max-\[1360px\]\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .max-\[1360px\]\:size-\[12\.5rem\] {
      width: 12.5rem;
      height: 12.5rem;
    }

    .max-\[1360px\]\:size-\[92px\] {
      width: 92px;
      height: 92px;
    }

    .max-\[1360px\]\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .max-\[1360px\]\:h-\[3\.75rem\] {
      height: 3.75rem;
    }

    .max-\[1360px\]\:h-\[13\.5rem\] {
      height: 13.5rem;
    }

    .max-\[1360px\]\:h-\[108px\] {
      height: 108px;
    }

    .max-\[1360px\]\:h-\[124px\] {
      height: 124px;
    }

    .max-\[1360px\]\:h-\[236px\] {
      height: 236px;
    }

    .max-\[1360px\]\:max-h-\[calc\(100svh-548px\)\] {
      max-height: calc(100svh - 548px);
    }

    .max-\[1360px\]\:max-h-\[calc\(100svh-586px\)\] {
      max-height: calc(100svh - 586px);
    }

    .max-\[1360px\]\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }

    .max-\[1360px\]\:min-h-\[5\.0625rem\] {
      min-height: 5.0625rem;
    }

    .max-\[1360px\]\:min-h-\[7\.5rem\] {
      min-height: 7.5rem;
    }

    .max-\[1360px\]\:min-h-\[90px\] {
      min-height: 90px;
    }

    .max-\[1360px\]\:min-h-\[96px\] {
      min-height: 96px;
    }

    .max-\[1360px\]\:w-\[5rem\] {
      width: 5rem;
    }

    .max-\[1360px\]\:w-\[8\.5rem\] {
      width: 8.5rem;
    }

    .max-\[1360px\]\:w-\[84px\] {
      width: 84px;
    }

    .max-\[1360px\]\:min-w-\[200px\] {
      min-width: 200px;
    }

    .max-\[1360px\]\:min-w-\[220px\] {
      min-width: 220px;
    }

    .max-\[1360px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1360px\]\:grid-cols-\[12\.5rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 12.5rem minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 13rem minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[20\.625rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 20.625rem minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[44px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 44px minmax(0, 1fr) auto;
    }

    .max-\[1360px\]\:grid-cols-\[68px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 68px minmax(0, 1fr) auto;
    }

    .max-\[1360px\]\:grid-cols-\[150px_minmax\(0\,1fr\)\] {
      grid-template-columns: 150px minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[270px_minmax\(0\,1fr\)\] {
      grid-template-columns: 270px minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[340px_minmax\(0\,1fr\)\] {
      grid-template-columns: 340px minmax(0, 1fr);
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_25\.25rem\] {
      grid-template-columns: minmax(0, 1fr) 25.25rem;
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_64px_110px_64px\] {
      grid-template-columns: minmax(0, 1fr) 64px 110px 64px;
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0, 1fr) 300px;
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_316px\] {
      grid-template-columns: minmax(0, 1fr) 316px;
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_370px\] {
      grid-template-columns: minmax(0, 1fr) 370px;
    }

    .max-\[1360px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,250px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 250px);
    }

    .max-\[1360px\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .max-\[1360px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[1360px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .max-\[1360px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5);
    }

    .max-\[1360px\]\:gap-3\.5\! {
      gap: calc(var(--spacing) * 3.5) !important;
    }

    .max-\[1360px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .max-\[1360px\]\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .max-\[1360px\]\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .max-\[1360px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }

    .max-\[1360px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .max-\[1360px\]\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }

    .max-\[1360px\]\:px-\[1\.125rem\] {
      padding-inline: 1.125rem;
    }

    .max-\[1360px\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .max-\[1360px\]\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .max-\[1360px\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }

    .max-\[1360px\]\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .max-\[1360px\]\:ps-0 {
      padding-inline-start: calc(var(--spacing) * 0);
    }

    .max-\[1360px\]\:ps-\[40px\] {
      padding-inline-start: 40px;
    }

    .max-\[1360px\]\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .max-\[1360px\]\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }

    .max-\[1360px\]\:pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5);
    }

    .max-\[1360px\]\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }

    .max-\[1360px\]\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .max-\[1360px\]\:text-\[0\.8125rem\] {
      font-size: .8125rem;
    }

    .max-\[1360px\]\:text-\[1\.125rem\] {
      font-size: 1.125rem;
    }

    .max-\[1360px\]\:text-\[1\.375rem\] {
      font-size: 1.375rem;
    }

    .max-\[1360px\]\:text-\[1\.0625rem\] {
      font-size: 1.0625rem;
    }

    .max-\[1360px\]\:text-\[3rem\] {
      font-size: 3rem;
    }

    .max-\[1360px\]\:text-\[13px\] {
      font-size: 13px;
    }

    .max-\[1360px\]\:text-\[16px\] {
      font-size: 16px;
    }

    .max-\[1360px\]\:text-\[20px\] {
      font-size: 20px;
    }

    .max-\[1360px\]\:text-\[24px\] {
      font-size: 24px;
    }

    .max-\[1360px\]\:text-\[28px\] {
      font-size: 28px;
    }

    .max-\[1360px\]\:text-\[32px\] {
      font-size: 32px;
    }

    .max-\[1360px\]\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }

    .max-\[1360px\]\:leading-9 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }

    .max-\[1360px\]\:leading-10 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }

    .max-\[1360px\]\:leading-\[1\.125rem\] {
      --tw-leading: 1.125rem;
      line-height: 1.125rem;
    }

    .max-\[1360px\]\:leading-\[1\.6875rem\] {
      --tw-leading: 1.6875rem;
      line-height: 1.6875rem;
    }

    .max-\[1360px\]\:leading-\[1\.9375rem\] {
      --tw-leading: 1.9375rem;
      line-height: 1.9375rem;
    }

    .max-\[1360px\]\:leading-\[18px\] {
      --tw-leading: 18px;
      line-height: 18px;
    }

    .max-\[1360px\]\:leading-\[26px\] {
      --tw-leading: 26px;
      line-height: 26px;
    }
  }

  @media not all and (min-width: 1300px) {
    .max-\[1300px\]\:static {
      position: static;
    }

    .max-\[1300px\]\:col-span-full {
      grid-column: 1 / -1;
    }

    .max-\[1300px\]\:\[grid-template-columns\:var\(--ws-cols-narrow\)\] {
      grid-template-columns: var(--ws-cols-narrow);
    }

    .max-\[1300px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1300px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1279px) {
    .max-\[1279px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1200px) {
    .max-\[1200px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 1180px) {
    .max-\[1180px\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .max-\[1180px\]\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
      grid-template-columns: auto minmax(0, 1fr);
    }

    .max-\[1180px\]\:justify-start {
      justify-content: flex-start;
    }
  }

  @media not all and (min-width: 1100px) {
    .max-\[1100px\]\:static {
      position: static;
    }

    .max-\[1100px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1100px\]\:grid-cols-1\! {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .max-\[1100px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .max-\[1100px\]\:border-s-0 {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0;
    }

    .max-\[1100px\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }

  @media not all and (min-width: 1023px) {
    .max-\[1023px\]\:static {
      position: static;
    }

    .max-\[1023px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1023px\]\:flex-row {
      flex-direction: row;
    }

    .max-\[1023px\]\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media not all and (min-width: 900px) {
    .max-\[900px\]\:\[grid-template-columns\:minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .max-\[900px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[900px\]\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }

    .max-\[900px\]\:border-s-0 {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0;
    }

    .max-\[900px\]\:ps-0 {
      padding-inline-start: calc(var(--spacing) * 0);
    }
  }

  @media not all and (min-width: 819px) {
    .max-\[819px\]\:row-start-2 {
      grid-row-start: 2;
    }
  }

  @media not all and (min-width: 700px) {
    .max-\[700px\]\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-\[700px\]\:left-auto {
      left: auto;
    }

    .max-\[700px\]\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-\[700px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 640px) {
    .max-\[640px\]\:hidden {
      display: none;
    }

    .max-\[640px\]\:inline-flex {
      display: inline-flex;
    }

    .max-\[640px\]\:h-auto {
      height: auto;
    }

    .max-\[640px\]\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }
  }

  @media not all and (min-width: 479px) {
    .max-\[479px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:h-\[4\.5rem\] {
      height: 4.5rem;
    }

    .max-xl\:\!text-\[32px\] {
      font-size: 32px !important;
    }

    .max-xl\:\!text-\[72px\] {
      font-size: 72px !important;
    }

    .max-xl\:text-\[0\.875rem\] {
      font-size: .875rem;
    }

    .max-xl\:\!leading-10 {
      --tw-leading: calc(var(--spacing) * 10) !important;
      line-height: calc(var(--spacing) * 10) !important;
    }

    .max-xl\:\!leading-\[76px\] {
      --tw-leading: 76px !important;
      line-height: 76px !important;
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }

    .max-sm\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .max-sm\:hidden {
      display: none;
    }

    .max-sm\:inline-flex {
      display: inline-flex;
    }

    .max-sm\:h-11 {
      height: calc(var(--spacing) * 11);
    }

    .max-sm\:h-\[240px\] {
      height: 240px;
    }

    .max-sm\:max-h-\[88dvh\] {
      max-height: 88dvh;
    }

    .max-sm\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .max-sm\:w-full {
      width: 100%;
    }

    .max-sm\:flex-1 {
      flex: 1;
    }

    .max-sm\:basis-full {
      flex-basis: 100%;
    }

    .max-sm\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-sm\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-sm\:flex-col {
      flex-direction: column;
    }

    .max-sm\:items-end {
      align-items: flex-end;
    }

    .max-sm\:items-stretch {
      align-items: stretch;
    }

    .max-sm\:rounded-t-xl {
      border-top-left-radius: .75rem;
      border-top-right-radius: .75rem;
    }

    .max-sm\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-sm\:border-\(--eon-card-border\) {
      border-color: var(--eon-card-border);
    }

    .max-sm\:bg-\[linear-gradient\(0deg\,\#060C17_62\%\,rgba\(6\,12\,23\,0\)_100\%\)\] {
      background-image: linear-gradient(0deg, #060c17 62%, #060c1700 100%);
    }

    .max-sm\:\[mask-image\:linear-gradient\(to_bottom\,\#000_50\%\,transparent\)\] {
      -webkit-mask-image: linear-gradient(#000 50%, #0000);
      mask-image: linear-gradient(#000 50%, #0000);
    }

    .max-sm\:object-\[62\%_25\%\] {
      object-position: 62% 25%;
    }

    .max-sm\:pt-\[210px\] {
      padding-top: 210px;
    }

    .max-sm\:\!text-\[24px\] {
      font-size: 24px !important;
    }

    .max-sm\:\!text-\[26px\] {
      font-size: 26px !important;
    }

    .max-sm\:\!text-\[44px\] {
      font-size: 44px !important;
    }

    .max-sm\:\!leading-\[34px\] {
      --tw-leading: 34px !important;
      line-height: 34px !important;
    }

    .max-sm\:\!leading-\[48px\] {
      --tw-leading: 48px !important;
      line-height: 48px !important;
    }

    .max-sm\:shadow-\[0_-16px_48px_rgba\(6\,12\,23\,\.18\)\] {
      --tw-shadow: 0 -16px 48px var(--tw-shadow-color, #060c172e);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 420px) {
    .min-\[420px\]\:w-\[120px\] {
      width: 120px;
    }

    .min-\[420px\]\:basis-auto {
      flex-basis: auto;
    }

    .min-\[420px\]\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (min-width: 640px) {
    .min-\[640px\]\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .min-\[640px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[640px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 720px) {
    .min-\[720px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :where(.min-\[720px\]\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }

    :where(.min-\[720px\]\:divide-\(--eon-card-border\) > :not(:last-child)) {
      border-color: var(--eon-card-border);
    }
  }

  @media (min-width: 768px) {
    .min-\[768px\]\:h-9 {
      height: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 800px) {
    .min-\[800px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 820px) {
    .min-\[820px\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .min-\[820px\]\:flex {
      display: flex;
    }

    .min-\[820px\]\:hidden {
      display: none;
    }

    .min-\[820px\]\:grid-cols-\[5fr_6fr\] {
      grid-template-columns: 5fr 6fr;
    }
  }

  @media (min-width: 900px) {
    .min-\[900px\]\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .min-\[900px\]\:min-h-\[78px\] {
      min-height: 78px;
    }

    .min-\[900px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[900px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[900px\]\:grid-cols-\[8\.125rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 8.125rem minmax(0, 1fr) auto;
    }

    .min-\[900px\]\:grid-cols-\[minmax\(200px\,300px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(200px, 300px) minmax(0, 1fr);
    }

    .min-\[900px\]\:flex-row {
      flex-direction: row;
    }

    .min-\[900px\]\:items-center {
      align-items: center;
    }

    .min-\[900px\]\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }

  @media (min-width: 1000px) {
    .min-\[1000px\]\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 20rem minmax(0, 1fr);
    }

    .min-\[1000px\]\:grid-cols-\[minmax\(0\,1fr\)_25rem\] {
      grid-template-columns: minmax(0, 1fr) 25rem;
    }
  }

  @media (min-width: 1024px) {
    .min-\[1024px\]\:ms-auto {
      margin-inline-start: auto;
    }

    .min-\[1024px\]\:line-clamp-1 {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .min-\[1024px\]\:block {
      display: block;
    }

    .min-\[1024px\]\:max-w-none {
      max-width: none;
    }

    .min-\[1024px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[1024px\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .min-\[1024px\]\:text-\[1\.75rem\] {
      font-size: 1.75rem;
    }
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:sticky {
      position: sticky;
    }

    .min-\[1100px\]\:top-3 {
      top: calc(var(--spacing) * 3);
    }

    .min-\[1100px\]\:block {
      display: block;
    }

    .min-\[1100px\]\:max-h-\[calc\(100vh_-_15rem\)\] {
      max-height: calc(100vh - 15rem);
    }

    .min-\[1100px\]\:max-h-\[calc\(var\(--wizard-viewport\,100svh\)-1\.5rem\)\] {
      max-height: calc(var(--wizard-viewport, 100svh) - 1.5rem);
    }

    .min-\[1100px\]\:\[scrollbar-color\:var\(--eon-border-control\)_transparent\] {
      scrollbar-color: var(--eon-border-control) transparent;
    }

    .min-\[1100px\]\:\[grid-template-columns\:minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    }

    .min-\[1100px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1100px\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }

    .min-\[1100px\]\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    }

    .min-\[1100px\]\:grid-cols-\[minmax\(0\,62fr\)_minmax\(0\,38fr\)\] {
      grid-template-columns: minmax(0, 62fr) minmax(0, 38fr);
    }

    .min-\[1100px\]\:items-stretch {
      align-items: stretch;
    }

    .min-\[1100px\]\:overflow-y-auto {
      overflow-y: auto;
    }

    .min-\[1100px\]\:overscroll-contain {
      overscroll-behavior: contain;
    }
  }

  @media (min-width: 1101px) {
    .min-\[1101px\]\:w-\(--rail-w\,100\%\) {
      width: var(--rail-w, 100%);
    }
  }

  @media (min-width: 1180px) {
    .min-\[1180px\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .min-\[1180px\]\:col-start-1 {
      grid-column-start: 1;
    }

    .min-\[1180px\]\:col-start-2 {
      grid-column-start: 2;
    }

    .min-\[1180px\]\:col-start-3 {
      grid-column-start: 3;
    }

    .min-\[1180px\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .min-\[1180px\]\:row-start-1 {
      grid-row-start: 1;
    }

    .min-\[1180px\]\:row-start-2 {
      grid-row-start: 2;
    }

    .min-\[1180px\]\:grid-cols-\[minmax\(0\,22fr\)_minmax\(0\,52fr\)_minmax\(0\,26fr\)\] {
      grid-template-columns: minmax(0, 22fr) minmax(0, 52fr) minmax(0, 26fr);
    }
  }

  @media (min-width: 1280px) {
    .min-\[1280px\]\:block {
      display: block;
    }

    .min-\[1280px\]\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .min-\[1280px\]\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1300px) {
    .min-\[1300px\]\:max-h-\[calc\(100svh-264px\)\] {
      max-height: calc(100svh - 264px);
    }

    .min-\[1300px\]\:max-h-none {
      max-height: none;
    }

    .min-\[1300px\]\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 1500px) {
    .min-\[1500px\]\:text-\[2rem\] {
      font-size: 2rem;
    }

    .min-\[1500px\]\:leading-\[2\.75rem\] {
      --tw-leading: 2.75rem;
      line-height: 2.75rem;
    }
  }

  @media (min-width: 1600px) {
    .min-\[1600px\]\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1700px) {
    .min-\[1700px\]\:max-w-\[100rem\] {
      max-width: 100rem;
    }

    .min-\[1700px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1700px\]\:gap-7\! {
      gap: calc(var(--spacing) * 7) !important;
    }

    .min-\[1700px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .min-\[1700px\]\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1920px) {
    .min-\[1920px\]\:max-w-\[105rem\] {
      max-width: 105rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-y-0 {
      inset-block: calc(var(--spacing) * 0);
    }

    .sm\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }

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

    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

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

    .sm\:max-h-\[85vh\] {
      max-height: 85vh;
    }

    .sm\:min-h-16 {
      min-height: calc(var(--spacing) * 16);
    }

    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .sm\:w-\[25rem\] {
      width: 25rem;
    }

    .sm\:w-\[152px\] {
      width: 152px;
    }

    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-\[26\.25rem\] {
      max-width: 26.25rem;
    }

    .sm\:max-w-\[27\.5rem\] {
      max-width: 27.5rem;
    }

    .sm\:max-w-\[28\.75rem\] {
      max-width: 28.75rem;
    }

    .sm\:max-w-\[30rem\] {
      max-width: 30rem;
    }

    .sm\:max-w-\[32\.5rem\] {
      max-width: 32.5rem;
    }

    .sm\:max-w-\[65\%\] {
      max-width: 65%;
    }

    .sm\:max-w-\[400px\] {
      max-width: 400px;
    }

    .sm\:max-w-\[420px\] {
      max-width: 420px;
    }

    .sm\:max-w-\[440px\] {
      max-width: 440px;
    }

    .sm\:max-w-\[460px\] {
      max-width: 460px;
    }

    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }

    .sm\:max-w-\[520px\] {
      max-width: 520px;
    }

    .sm\:max-w-\[640px\] {
      max-width: 640px;
    }

    .sm\:max-w-\[720px\] {
      max-width: 720px;
    }

    .sm\:max-w-\[min\(1040px\,92vw\)\] {
      max-width: min(1040px, 92vw);
    }

    .sm\:max-w-\[min\(1240px\,94vw\)\] {
      max-width: min(1240px, 94vw);
    }

    .sm\:max-w-full {
      max-width: 100%;
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:min-w-\[34rem\] {
      min-width: 34rem;
    }

    .sm\:min-w-\[200px\] {
      min-width: 200px;
    }

    .sm\:translate-x-full {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

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

    .sm\:grid-cols-\[auto_1fr_repeat\(4\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: auto 1fr repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[minmax\(0\,10\.5rem\)_minmax\(0\,1fr\)_3rem\] {
      grid-template-columns: minmax(0, 10.5rem) minmax(0, 1fr) 3rem;
    }

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

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

    .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\:justify-start {
      justify-content: flex-start;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:self-start {
      align-self: flex-start;
    }

    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .sm\:border-\(--an-quiet-edge\) {
      border-color: var(--an-quiet-edge);
    }

    .sm\:border-\(--eon-card-border\) {
      border-color: var(--eon-card-border);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }

    .sm\:pl-\[40px\] {
      padding-left: 40px;
    }

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

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

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-\[2rem\] {
      font-size: 2rem;
    }

    .sm\:text-\[22px\] {
      font-size: 22px;
    }

    .sm\:text-\[46px\] {
      font-size: 46px;
    }

    .sm\:shadow-\[-16px_0_48px_rgba\(6\,12\,23\,\.18\)\] {
      --tw-shadow: -16px 0 48px var(--tw-shadow-color, #060c172e);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

    .md\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }

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

    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: .75rem;
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-\[58px\] {
      top: 58px;
    }

    .lg\:top-\[74px\] {
      top: 74px;
    }

    .lg\:order-1 {
      order: 1;
    }

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

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

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:aspect-auto {
      aspect-ratio: auto;
    }

    .lg\:h-\(--wizard-viewport\) {
      height: var(--wizard-viewport);
    }

    .lg\:h-\[calc\(100svh-58px\)\] {
      height: calc(100svh - 58px);
    }

    .lg\:h-\[var\(--story-h\)\] {
      height: var(--story-h);
    }

    .lg\:h-full {
      height: 100%;
    }

    .lg\:h-svh {
      height: 100svh;
    }

    .lg\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .lg\:min-h-\[var\(--story-h\)\] {
      min-height: var(--story-h);
    }

    .lg\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .lg\:w-\[var\(--frame-w\)\] {
      width: var(--frame-w);
    }

    .lg\:w-full {
      width: 100%;
    }

    .lg\:flex-1 {
      flex: 1;
    }

    .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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_280px\] {
      grid-template-columns: 1fr 280px;
    }

    .lg\:grid-cols-\[7fr_5fr\] {
      grid-template-columns: 7fr 5fr;
    }

    .lg\:grid-cols-\[45fr_55fr\] {
      grid-template-columns: 45fr 55fr;
    }

    .lg\:grid-cols-\[292px_minmax\(0\,1fr\)\] {
      grid-template-columns: 292px minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_21\.25rem\] {
      grid-template-columns: minmax(0, 1fr) 21.25rem;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0, 1fr) 300px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_330px\] {
      grid-template-columns: minmax(0, 1fr) 330px;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
      grid-template-columns: minmax(0, 1fr) 380px;
    }

    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
      grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    }

    .lg\:grid-rows-\[minmax\(0\,1fr\)\] {
      grid-template-rows: minmax(0, 1fr);
    }

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

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

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:items-stretch {
      align-items: stretch;
    }

    .lg\:justify-center {
      justify-content: center;
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:overflow-hidden {
      overflow: hidden;
    }

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

    .lg\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .lg\:pe-1 {
      padding-inline-end: calc(var(--spacing) * 1);
    }

    .lg\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .lg\:pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }
  }

  @media not all and (min-width: 1360px) {
    @media (min-width: 64rem) {
      .max-\[1360px\]\:lg\:grid-cols-\[minmax\(0\,1fr\)_18\.75rem\] {
        grid-template-columns: minmax(0, 1fr) 18.75rem;
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }

    .xl\:flex {
      display: flex;
    }

    .xl\:hidden {
      display: none;
    }

    .xl\:max-h-\[calc\(100vh_-_218px\)\] {
      max-height: calc(100vh - 218px);
    }

    .xl\:w-48 {
      width: calc(var(--spacing) * 48);
    }

    .xl\:w-\[16\.25rem\] {
      width: 16.25rem;
    }

    .xl\:shrink-0 {
      flex-shrink: 0;
    }

    .xl\:\[grid-template-columns\:11fr_14fr\] {
      grid-template-columns: 11fr 14fr;
    }

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

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

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

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

    .xl\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0, 1fr) 340px;
    }

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

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

    .xl\:overscroll-contain {
      overscroll-behavior: contain;
    }

    .xl\:pr-1\.5 {
      padding-right: calc(var(--spacing) * 1.5);
    }

    .xl\:text-\[24px\] {
      font-size: 24px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[16px\] {
      font-size: 16px;
    }

    .\32 xl\:text-\[22px\] {
      font-size: 22px;
    }

    .\32 xl\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }

    .\32 xl\:leading-\[26px\] {
      --tw-leading: 26px;
      line-height: 26px;
    }
  }

  @container hero not (min-width: 640px) {
    .\@max-\[640px\]\/hero\:order-first {
      order: -9999;
    }
  }

  @container jr not (min-width: 640px) {
    .\@max-\[640px\]\/jr\:hidden {
      display: none;
    }
  }

  @container hero not (min-width: 640px) {
    .\@max-\[640px\]\/hero\:h-\[180px\] {
      height: 180px;
    }

    .\@max-\[640px\]\/hero\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .\@max-\[640px\]\/hero\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @container jr not (min-width: 640px) {
    .\@max-\[640px\]\/jr\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @container ms not (min-width: 560px) {
    .\@max-\[560px\]\/ms\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @container ch not (min-width: 480px) {
    .\@max-\[480px\]\/ch\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .\@max-\[480px\]\/ch\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @container (min-width: 300px) {
    .\@min-\[300px\]\:flex {
      display: flex;
    }
  }

  @container (min-width: 330px) {
    .\@min-\[330px\]\:flex-row {
      flex-direction: row;
    }

    .\@min-\[330px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .\@min-\[330px\]\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .\@min-\[330px\]\:text-\[13\.5px\] {
      font-size: 13.5px;
    }
  }

  @container (min-width: 440px) {
    .\@\[440px\]\:order-none {
      order: 0;
    }

    .\@\[440px\]\:mr-auto {
      margin-right: auto;
    }

    .\@\[440px\]\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .\@\[440px\]\:flex-1 {
      flex: 1;
    }

    .\@\[440px\]\:basis-auto {
      flex-basis: auto;
    }
  }

  @container (min-width: 460px) {
    .\@min-\[460px\]\:inline {
      display: inline;
    }
  }

  @container (min-width: 600px) {
    .\@\[600px\]\:inline {
      display: inline;
    }

    .\@\[600px\]\:w-auto {
      width: auto;
    }

    .\@\[600px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @container (min-width: 32rem) {
    .\@lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 36rem) {
    .\@xl\:grid-cols-\[minmax\(0\,1fr\)_150px\] {
      grid-template-columns: minmax(0, 1fr) 150px;
    }
  }

  @container (min-width: 42rem) {
    .\@2xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container (min-width: 56rem) {
    .\@4xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rtl\:scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .rtl\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--eon-danger) 60%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--eon-field-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--eon-field-border) 30%, transparent);
    }
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--eon-ink-muted);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--eon-field-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--eon-field-border) 50%, transparent);
      }
    }

    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--eon-ink);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--eon-danger) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--eon-danger) 40%, transparent);
    }
  }

  .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] {
    border-color: var(--eon-field-border);
  }

  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
    background-color: var(--eon-field-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
      background-color: color-mix(in oklab, var(--eon-field-border) 30%, transparent);
    }
  }

  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] {
    color: var(--eon-ink);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: #0000;
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--eon-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--eon-danger) 20%, transparent);
    }
  }

  @starting-style {
    .starting\:translate-y-1 {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }

  .\[\&_\*\]\:text-eon-on-action * {
    color: var(--eon-on-action);
  }

  .\[\&_\.eon-switch\[aria-checked\=false\]_\.eon-switch-knob\]\:bg-\(--eon-ink-soft\)\! .eon-switch[aria-checked="false"] .eon-switch-knob {
    background-color: var(--eon-ink-soft) !important;
  }

  .\[\&_\.eon-switch\[aria-checked\=false\]_\.eon-switch-knob\]\:shadow-\[0_0_0_1px_var\(--eon-border\)\] .eon-switch[aria-checked="false"] .eon-switch-knob {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--eon-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_\[data-placement\=inline\]\]\:h-9 [data-placement="inline"] {
    height: calc(var(--spacing) * 9);
  }

  .\[\&_\[data-sheet\]\]\:shadow-none\! [data-sheet] {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\[\&_button\]\:min-h-11 button {
    min-height: calc(var(--spacing) * 11);
  }

  @media (min-width: 768px) {
    .min-\[768px\]\:\[\&_button\]\:min-h-9 button {
      min-height: calc(var(--spacing) * 9);
    }
  }

  .\[\&_button\:focus-visible\]\:outline-\[0\.1875rem\] button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: .1875rem;
  }

  .\[\&_button\:focus-visible\]\:outline-offset-2 button:focus-visible {
    outline-offset: 2px;
  }

  .\[\&_button\:focus-visible\]\:outline-\(--eon-accent\) button:focus-visible {
    outline-color: var(--eon-accent);
  }

  .\[\&_button\:focus-visible\]\:outline-solid button:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .\[\&_canvas\]\:size-full canvas {
    width: 100%;
    height: 100%;
  }

  .\[\&_canvas\]\:object-cover canvas {
    object-fit: cover;
  }

  .\[\&_figure\>div\:last-child\]\:justify-center-safe figure > div:last-child {
    justify-content: safe center;
  }

  .\[\&_input\]\:h-\[2\.5rem\]\! input {
    height: 2.5rem !important;
  }

  .\[\&_nav\]\:mb-0 nav {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .\[\&_p\]\:max-w-\[120ch\] p, .\[\&_span\.block\]\:max-w-\[120ch\] span.block {
    max-width: 120ch;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:mt-0\.5 svg {
    margin-top: calc(var(--spacing) * .5);
  }

  .\[\&_svg\]\:mt-1 svg {
    margin-top: calc(var(--spacing) * 1);
  }

  .\[\&_svg\]\:mt-\[3px\] svg {
    margin-top: 3px;
  }

  .\[\&_svg\]\:mt-px svg {
    margin-top: 1px;
  }

  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\]\:size-3\.5 svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_svg\]\:size-7 svg {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .\[\&_svg\]\:size-\[0\.875rem\] svg {
    width: .875rem;
    height: .875rem;
  }

  .\[\&_svg\]\:size-\[0\.8125rem\] svg {
    width: .8125rem;
    height: .8125rem;
  }

  .\[\&_svg\]\:size-\[1\.125rem\] svg {
    width: 1.125rem;
    height: 1.125rem;
  }

  .\[\&_svg\]\:size-\[1\.0625rem\] svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }

  .\[\&_svg\]\:size-\[13px\] svg {
    width: 13px;
    height: 13px;
  }

  .\[\&_svg\]\:size-\[18px\] svg {
    width: 18px;
    height: 18px;
  }

  .\[\&_svg\]\:h-\[2\.2cqw\] svg {
    height: 2.2cqw;
  }

  .\[\&_svg\]\:h-\[2\.3cqw\] svg {
    height: 2.3cqw;
  }

  .\[\&_svg\]\:h-\[2\.4cqw\] svg {
    height: 2.4cqw;
  }

  .\[\&_svg\]\:h-\[2\.6cqw\] svg {
    height: 2.6cqw;
  }

  .\[\&_svg\]\:h-\[2\.8cqw\] svg {
    height: 2.8cqw;
  }

  .\[\&_svg\]\:h-\[2\.45cqw\] svg {
    height: 2.45cqw;
  }

  .\[\&_svg\]\:h-\[3\.4cqw\] svg {
    height: 3.4cqw;
  }

  .\[\&_svg\]\:h-\[3\.6cqw\] svg {
    height: 3.6cqw;
  }

  .\[\&_svg\]\:h-\[3cqw\] svg {
    height: 3cqw;
  }

  .\[\&_svg\]\:h-\[5\.2cqw\] svg {
    height: 5.2cqw;
  }

  .\[\&_svg\]\:w-\[2\.2cqw\] svg {
    width: 2.2cqw;
  }

  .\[\&_svg\]\:w-\[2\.3cqw\] svg {
    width: 2.3cqw;
  }

  .\[\&_svg\]\:w-\[2\.4cqw\] svg {
    width: 2.4cqw;
  }

  .\[\&_svg\]\:w-\[2\.6cqw\] svg {
    width: 2.6cqw;
  }

  .\[\&_svg\]\:w-\[2\.8cqw\] svg {
    width: 2.8cqw;
  }

  .\[\&_svg\]\:w-\[2\.45cqw\] svg {
    width: 2.45cqw;
  }

  .\[\&_svg\]\:w-\[3\.4cqw\] svg {
    width: 3.4cqw;
  }

  .\[\&_svg\]\:w-\[3\.6cqw\] svg {
    width: 3.6cqw;
  }

  .\[\&_svg\]\:w-\[3cqw\] svg {
    width: 3cqw;
  }

  .\[\&_svg\]\:w-\[5\.2cqw\] svg {
    width: 5.2cqw;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:stroke-\[2\.8\] svg {
    stroke-width: 2.8px;
  }

  .\[\&_svg\]\:stroke-\[3\] svg {
    stroke-width: 3px;
  }

  .\[\&_svg\]\:text-\[\#5FD08A\] svg {
    color: #5fd08a;
  }

  .\[\&_svg\]\:text-\[\#35B1FF\] svg {
    color: #35b1ff;
  }

  .\[\&_svg\]\:text-\[\#AEBED2\] svg {
    color: #aebed2;
  }

  .\[\&_svg\]\:text-\[\#E9B65C\] svg {
    color: #e9b65c;
  }

  .\[\&_svg\]\:text-eon-accent-text svg {
    color: var(--eon-accent-text);
  }

  .\[\&_svg\]\:text-eon-ink-muted svg {
    color: var(--eon-ink-muted);
  }

  .\[\&_svg\]\:text-eon-success svg {
    color: var(--eon-success);
  }

  .\[\&_svg\]\:text-eon-warning svg {
    color: var(--eon-warning);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--eon-ink-muted);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_ul\.list-disc\>li\]\:max-w-\[120ch\] ul.list-disc > li {
    max-width: 120ch;
  }

  .\[\&_video\]\:size-full video {
    width: 100%;
    height: 100%;
  }

  .\[\&_video\]\:object-cover video {
    object-fit: cover;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
    color: var(--eon-danger) !important;
  }

  .\[\&\:lang\(ar\)\]\:text-\[12px\]:lang(ar) {
    font-size: 12px;
  }

  .\[\&\:lang\(ar\)\]\:text-\[clamp\(13px\,2\.6cqi\,16px\)\]:lang(ar) {
    font-size: clamp(13px, 2.6cqi, 16px);
  }

  .\[\&\:lang\(ar\)\]\:leading-\[1\.4\]:lang(ar) {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .\[\&\:lang\(ar\)\]\:leading-\[1\.5\]:lang(ar) {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .\[\&\:lang\(ar\)\]\:leading-\[1\.55\]:lang(ar) {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .\[\&\:lang\(ar\)\]\:tracking-normal:lang(ar) {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&\:lang\(ar\)\]\:normal-case:lang(ar) {
    text-transform: none;
  }

  .\[\&\:lang\(en\)\]\:italic:lang(en) {
    font-style: italic;
  }

  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }

  .\[\&\>\*\]\:\[grid-area\:1\/1\] > * {
    grid-area: 1 / 1;
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:\[\&\>\*\]\:self-stretch > * {
      align-self: stretch;
    }
  }

  .\[\&\>\.insp-clear\]\:top-1\.5\! > .insp-clear {
    top: calc(var(--spacing) * 1.5) !important;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>button\]\:h-10 > button {
    height: calc(var(--spacing) * 10);
  }

  .\[\&\>button\]\:min-w-\[6\.5rem\] > button {
    min-width: 6.5rem;
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:\[\&\>button\]\:h-11 > button {
      height: calc(var(--spacing) * 11);
    }
  }

  .\[\&\>div\]\:flex > div {
    display: flex;
  }

  .\[\&\>div\]\:h-full > div {
    height: 100%;
  }

  .\[\&\>div\]\:flex-col > div {
    flex-direction: column;
  }

  .\[\&\>li\]\:min-w-0 > li {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>li\]\:shrink-0 > li {
    flex-shrink: 0;
  }

  .\[\&\>li\]\:grow-0 > li {
    flex-grow: 0;
  }

  .\[\&\>li\]\:basis-\(--card\) > li {
    flex-basis: var(--card);
  }

  .\[\&\>p\.text-title\]\:text-\[1\.375rem\]\! > p.text-title {
    font-size: 1.375rem !important;
  }

  @media (min-width: 1700px) {
    .min-\[1700px\]\:\[\&\>p\.text-title\]\:text-\[1\.625rem\]\! > p.text-title {
      font-size: 1.625rem !important;
    }
  }

  .\[\&\>section\]\:h-full > section {
    height: 100%;
  }

  .\[\&\>section\]\:rounded-none > section {
    border-radius: 0;
  }

  .\[\&\>section\]\:border-0 > section {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\>section\]\:bg-transparent > section {
    background-color: #0000;
  }

  .\[\&\>section\]\:p-0 > section {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:top-3\! > svg {
    top: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:size-5 > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&\>svg\]\:h-10 > svg {
    height: calc(var(--spacing) * 10);
  }

  .\[\&\>svg\]\:w-10 > svg {
    width: calc(var(--spacing) * 10);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\>ul\]\:my-auto > ul {
    margin-block: auto;
  }

  .\[\&\>ul\]\:shrink-0 > ul {
    flex-shrink: 0;
  }

  @container (max-height: 180px) {
    .\[\@container\(max-height\:180px\)\]\:hidden {
      display: none;
    }
  }

  @media (max-height: 1000px) {
    .\[\@media\(max-height\:1000px\)\]\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .\[\@media\(max-height\:1000px\)\]\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }

    .\[\@media\(max-height\:1000px\)\]\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }

    .\[\@media\(max-height\:1000px\)\]\:gap-1\.5\! {
      gap: calc(var(--spacing) * 1.5) !important;
    }

    .\[\@media\(max-height\:1000px\)\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .\[\@media\(max-height\:1000px\)\]\:py-3\! {
      padding-block: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:1000px\)\]\:\[\&_svg\]\:size-5 svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }

  @media (max-height: 740px) {
    .\[\@media\(max-height\:740px\)\]\:hidden {
      display: none;
    }
  }

  @media (max-height: 760px) {
    .\[\@media\(max-height\:760px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-height\:760px\)\]\:size-\[11\.875rem\] {
      width: 11.875rem;
      height: 11.875rem;
    }

    .\[\@media\(max-height\:760px\)\]\:h-\[12\.5rem\] {
      height: 12.5rem;
    }

    .\[\@media\(max-height\:760px\)\]\:grid-cols-\[11\.875rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 11.875rem minmax(0, 1fr);
    }

    .\[\@media\(max-height\:760px\)\]\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (max-height: 800px) {
    .\[\@media\(max-height\:800px\)\]\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .\[\@media\(max-height\:800px\)\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }

  @media (max-height: 820px) {
    .\[\@media\(max-height\:820px\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .\[\@media\(max-height\:820px\)\]\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .\[\@media\(max-height\:820px\)\]\:col-start-2 {
      grid-column-start: 2;
    }

    .\[\@media\(max-height\:820px\)\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }

    .\[\@media\(max-height\:820px\)\]\:mt-2\! {
      margin-top: calc(var(--spacing) * 2) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-height\:820px\)\]\:aspect-\[16\/7\]\! {
      aspect-ratio: 16 / 7 !important;
    }

    .\[\@media\(max-height\:820px\)\]\:size-8\! {
      width: calc(var(--spacing) * 8) !important;
      height: calc(var(--spacing) * 8) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:h-\[80px\]\! {
      height: 80px !important;
    }

    .\[\@media\(max-height\:820px\)\]\:min-h-\[6\.875rem\] {
      min-height: 6.875rem;
    }

    .\[\@media\(max-height\:820px\)\]\:min-h-\[6rem\] {
      min-height: 6rem;
    }

    .\[\@media\(max-height\:820px\)\]\:flex-row {
      flex-direction: row;
    }

    .\[\@media\(max-height\:820px\)\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .\[\@media\(max-height\:820px\)\]\:gap-2\.5\! {
      gap: calc(var(--spacing) * 2.5) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:gap-3\! {
      gap: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:gap-6\! {
      gap: calc(var(--spacing) * 6) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:gap-y-0\.5 {
      row-gap: calc(var(--spacing) * .5);
    }

    .\[\@media\(max-height\:820px\)\]\:p-5\! {
      padding: calc(var(--spacing) * 5) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }

    .\[\@media\(max-height\:820px\)\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .\[\@media\(max-height\:820px\)\]\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .\[\@media\(max-height\:820px\)\]\:py-4\! {
      padding-block: calc(var(--spacing) * 4) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:pt-2\.5\! {
      padding-top: calc(var(--spacing) * 2.5) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:pt-3\! {
      padding-top: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:pb-3\! {
      padding-bottom: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:820px\)\]\:text-\[1\.3125rem\] {
      font-size: 1.3125rem;
    }

    .\[\@media\(max-height\:820px\)\]\:leading-\[1\.8125rem\] {
      --tw-leading: 1.8125rem;
      line-height: 1.8125rem;
    }
  }

  @media (max-height: 860px) {
    .\[\@media\(max-height\:860px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-height\:860px\)\]\:hidden\! {
      display: none !important;
    }

    .\[\@media\(max-height\:860px\)\]\:max-h-\[66px\] {
      max-height: 66px;
    }

    .\[\@media\(max-height\:860px\)\]\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }

    .\[\@media\(max-height\:860px\)\]\:gap-1\.5\! {
      gap: calc(var(--spacing) * 1.5) !important;
    }

    .\[\@media\(max-height\:860px\)\]\:gap-3\! {
      gap: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:860px\)\]\:py-1\.5\! {
      padding-block: calc(var(--spacing) * 1.5) !important;
    }

    .\[\@media\(max-height\:860px\)\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .\[\@media\(max-height\:860px\)\]\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .\[\@media\(max-height\:860px\)\]\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (max-height: 900px) {
    .\[\@media\(max-height\:900px\)\]\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .\[\@media\(max-height\:900px\)\]\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .\[\@media\(max-height\:900px\)\]\:flex {
      display: flex;
    }

    .\[\@media\(max-height\:900px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-height\:900px\)\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .\[\@media\(max-height\:900px\)\]\:items-baseline {
      align-items: baseline;
    }

    .\[\@media\(max-height\:900px\)\]\:items-center {
      align-items: center;
    }

    .\[\@media\(max-height\:900px\)\]\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .\[\@media\(max-height\:900px\)\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .\[\@media\(max-height\:900px\)\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .\[\@media\(max-height\:900px\)\]\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }

    .\[\@media\(max-height\:900px\)\]\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .\[\@media\(max-height\:900px\)\]\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .\[\@media\(max-height\:900px\)\]\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .\[\@media\(max-height\:900px\)\]\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }

    .\[\@media\(max-height\:900px\)\]\:text-\[24px\] {
      font-size: 24px;
    }

    .\[\@media\(max-height\:900px\)\]\:text-\[28px\]\! {
      font-size: 28px !important;
    }

    .\[\@media\(max-height\:900px\)\]\:leading-9\! {
      --tw-leading: calc(var(--spacing) * 9) !important;
      line-height: calc(var(--spacing) * 9) !important;
    }
  }

  @media (max-height: 940px) {
    .\[\@media\(max-height\:940px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-height\:940px\)\]\:aspect-\[16\/8\] {
      aspect-ratio: 16 / 8;
    }

    .\[\@media\(max-height\:940px\)\]\:h-8 {
      height: calc(var(--spacing) * 8);
    }

    .\[\@media\(max-height\:940px\)\]\:h-\[88px\]\! {
      height: 88px !important;
    }

    .\[\@media\(max-height\:940px\)\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .\[\@media\(max-height\:940px\)\]\:gap-3\! {
      gap: calc(var(--spacing) * 3) !important;
    }

    .\[\@media\(max-height\:940px\)\]\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }

    .\[\@media\(max-height\:940px\)\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .\[\@media\(max-height\:940px\)\]\:py-5\! {
      padding-block: calc(var(--spacing) * 5) !important;
    }
  }

  @media (max-height: 960px) {
    .\[\@media\(max-height\:960px\)\]\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .\[\@media\(max-height\:960px\)\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-height: 1000px) {
    .\[\@media\(min-height\:1000px\)\]\:-translate-y-1 {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1361px) {
    @media (min-height: 1060px) {
      .min-\[1361px\]\:\[\@media\(min-height\:1060px\)\]\:grid-cols-\[minmax\(0\,1fr\)_clamp\(360px\,24vw\,420px\)\] {
        grid-template-columns: minmax(0, 1fr) clamp(360px, 24vw, 420px);
      }
    }
  }

  @media (min-height: 960px) {
    .\[\@media\(min-height\:960px\)\]\:text-\[20px\] {
      font-size: 20px;
    }

    .\[\@media\(min-height\:960px\)\]\:leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }
  }

  @media (min-height: 960px) and (max-height: 1059px) {
    .\[\@media\(min-height\:960px\)_and_\(max-height\:1059px\)\]\:block {
      display: block;
    }

    .\[\@media\(min-height\:960px\)_and_\(max-height\:1059px\)\]\:hidden {
      display: none;
    }
  }

  @media (min-height: 961px) {
    .\[\@media\(min-height\:961px\)\]\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: var(--eon-danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--eon-danger) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: var(--eon-action);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--eon-action) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: var(--eon-fill);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, var(--eon-fill) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
}

@font-face {
  font-family: Titillium Web;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/TitilliumWeb-Regular.ttf") format("truetype");
}

@font-face {
  font-family: Titillium Web;
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/TitilliumWeb-Bold.ttf") format("truetype");
}

@font-face {
  font-family: Titillium Web;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/TitilliumWeb-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: Open Sans;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: Open Sans;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/OpenSans-SemiBold.ttf") format("truetype");
}

:root, :root[data-family="twin"] {
  --eon-f-base: #35b1ff;
  --eon-f-base-hover: #53bdff;
  --eon-f-base-press: #1fa3f5;
  --eon-f-ink: #0b66a8;
  --eon-f-ink-hover: #0a5d99;
  --eon-f-ink-press: #09548a;
}

:root[data-family="loop"] {
  --eon-f-base: #9adf50;
  --eon-f-base-hover: #ade874;
  --eon-f-base-press: #86cc3b;
  --eon-f-ink: #3d6f14;
  --eon-f-ink-hover: #335e10;
  --eon-f-ink-press: #2a4e0d;
}

:root[data-family="core"] {
  --eon-f-base: #ab8bff;
  --eon-f-base-hover: #bda3ff;
  --eon-f-base-press: #9a76f5;
  --eon-f-ink: #5b3fd0;
  --eon-f-ink-hover: #4f35b8;
  --eon-f-ink-press: #4430a0;
}

:root {
  color-scheme: dark;
  --eon-twin: #35b1ff;
  --eon-loop: #9adf50;
  --eon-core: #ab8bff;
  --eon-canvas: #060c17;
  --eon-surface: #0c1523;
  --eon-surface-sunken: #090f1d;
  --eon-surface-raised: #0c1523;
  --eon-surface-selected: var(--eon-selected);
  --eon-border: #29405a;
  --eon-card-border: #242f40;
  --eon-divider: #1a2535;
  --eon-border-control: #54789e;
  --eon-border-hover: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-border-hover: color-mix(in srgb, var(--eon-f-base) 30%, #54789e);
  }
}

:root {
  --eon-card-hover-edge: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-card-hover-edge: color-mix(in srgb, var(--eon-f-base) 30%, #222a37);
  }
}

:root {
  --eon-field-bg: #090f1d;
  --eon-field-border: #29405a;
  --eon-field-border-hover: var(--eon-f-base);
  --eon-field-focus: var(--eon-f-base);
  --eon-field-halo: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-field-halo: color-mix(in srgb, var(--eon-f-base) 26%, transparent);
  }
}

:root {
  --eon-field-halo-error: #ff8a8e33;
  --eon-field-disabled: #0b1320;
  --eon-ink: #e6ebf3;
  --eon-ink-heading: #fff;
  --eon-ink-muted: #aebed2;
  --eon-ink-soft: #c4d0e3;
  --eon-control: #0b1320;
  --eon-selected: #131d2f;
  --eon-shell-line: #222a37;
  --eon-ink-placeholder: #9fb1c9;
  --eon-accent: var(--eon-f-base);
  --eon-on-accent: #041322;
  --eon-accent-text: var(--eon-f-base);
  --eon-focus-ring: var(--eon-f-base);
  --eon-action: var(--eon-f-base);
  --eon-on-action: #041322;
  --eon-action-hover: var(--eon-f-base-hover);
  --eon-action-pressed: var(--eon-f-base-press);
  --eon-hover: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-hover: color-mix(in srgb, var(--eon-f-base) 4.5%, #0c1523);
  }
}

:root {
  --eon-fill: #162337;
  --eon-pressed: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-pressed: color-mix(in srgb, var(--eon-f-base) 8%, #0c1523);
  }
}

:root {
  --eon-menu-hover: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-menu-hover: color-mix(in srgb, var(--eon-f-base) 4.5%, #0c1523);
  }
}

:root {
  --eon-row-hover: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-row-hover: color-mix(in srgb, var(--eon-f-base) 3%, #0c1523);
  }
}

:root {
  --eon-row-selected: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-row-selected: color-mix(in srgb, var(--eon-f-base) 14%, #0c1523);
  }
}

:root {
  --eon-th-bg: #090f1d;
  --eon-th-rule: #1a2535;
  --eon-th-ink: #aebed2;
  --eon-success: #4ade9a;
  --eon-live-ink: #4ade80;
  --eon-live-bg: #22c55e2e;
  --eon-live-line: #4ade8073;
  --eon-warning: #f5b64a;
  --eon-danger: #ff8a8e;
  --eon-on-danger: #041322;
  --eon-danger-button: #b42318;
  --eon-danger-button-hover: #9a1f15;
  --eon-on-danger-button: #fff;
  --eon-info-soft: #162337;
  --eon-sidebar: #090f1d;
  --eon-sidebar-ink: #e6ebf3;
  --eon-sidebar-strong: #e6ebf3;
  --eon-sidebar-faint: #9fb1c9;
  --eon-sidebar-hover: var(--eon-f-base);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --eon-sidebar-hover: color-mix(in srgb, var(--eon-f-base) 4.5%, #090f1d);
  }
}

:root {
  --eon-sidebar-item-active: #131d2f;
  --eon-sidebar-active-ring: none;
  --eon-sidebar-accent: var(--eon-f-base);
  --eon-sidebar-marker: var(--eon-f-base);
  --eon-on-sidebar-marker: #041322;
  --eon-sidebar-border: #222a37;
  --eon-mark-tile: transparent;
  --eon-logo-lavender: #a0aaff;
  --eon-toast-bg: #0c1523;
  --eon-toast-ink: #e6ebf3;
  --eon-avatar-bg: #172233;
  --eon-avatar-ink: #e6ebf3;
  --eon-scrim: #02060eb3;
  --eon-shadow-2: 0 12px 32px #00000080, 0 2px 8px #0000004d;
  --eon-shadow-3: 0 0 0 1px #242f40, 0 24px 64px #0009;
  --eon-series-1: var(--eon-f-base);
  --eon-series-2: #3fd0e8;
  --eon-series-3: #f5b64a;
  --eon-series-4: #ff8a8e;
  --eon-grid-line: #1a2535;
  --eon-boot-bg: #060c17;
  --eon-boot-name: #e6ebf3;
  --eon-boot-msg: #aebed2;
  --eon-boot-foot: #9fb1c9;
  --eon-media-bg: #060c17;
  --eon-media-panel: #0c1523;
  --eon-media-ink: #e6ebf3;
  --eon-media-lead: #c9d6e6;
  --eon-media-muted: #aebed2;
  --eon-media-rule: #1d2e44;
  --eon-signin-panel: #0b1628;
  --eon-signin-panel-glow: #1c3763;
  --eon-signin-grid: #c9d4ec;
  --eon-signin-lavender: #8b86f7;
  --eon-signin-check: #b9b5fb;
  --eon-signin-muted: #a9b6d3;
  --eon-r-xs: .1875rem;
  --eon-r-control: .3125rem;
  --eon-r-card: .5rem;
  --eon-r-overlay: .75rem;
  --eon-r-full: 624.938rem;
  --eon-gutter: 2rem;
  --eon-page-max: 90rem;
  --eon-space-0_5: .125rem;
  --eon-space-1: .25rem;
  --eon-space-2: .5rem;
  --eon-space-3: .75rem;
  --eon-space-4: 1rem;
  --eon-space-5: 1.25rem;
  --eon-space-6: 1.5rem;
  --eon-space-8: 2rem;
  --eon-space-10: 2.5rem;
  --eon-space-12: 3rem;
  --eon-space-14: 3.5rem;
  --eon-space-18: 4.5rem;
  --eon-dur-fast: .15s;
  --eon-dur-panel: .2s;
  --eon-dur-status: .5s;
  --eon-dur-loader: 1.8s;
  --eon-dur-shimmer: 1.2s;
  --eon-ease: ease;
  --eon-ease-out: cubic-bezier(.22,1,.36,1);
  --eon-ease-loader: cubic-bezier(.45,0,.55,1);
  --eon-z-topbar: 10;
  --eon-z-sidebar: 20;
  --eon-z-popover: 40;
  --eon-z-dialog: 50;
  --eon-z-toast: 60;
  --eon-font-sans: "Titillium Web", "IBM Plex Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari",
    "Noto Sans Bengali", "Noto Sans Tamil", "Noto Sans Thai", "Noto Sans Myanmar", "Noto Sans",
    "Segoe UI", system-ui, sans-serif;
  --eon-font-body: var(--eon-font-sans);
  --eon-font-head: var(--eon-font-sans);
  --eon-font-text-first: "Open Sans";
  --eon-font-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
}

:root[data-theme="light"] {
  color-scheme: light;
  --eon-twin: #0b66a8;
  --eon-loop: #3d6f14;
  --eon-core: #5b3fd0;
  --eon-canvas: #f7f8fa;
  --eon-surface: #fff;
  --eon-surface-sunken: #f1f3f6;
  --eon-surface-raised: #fff;
  --eon-surface-selected: var(--eon-selected);
  --eon-border: #e3e6ec;
  --eon-card-border: #e3e6ec;
  --eon-divider: #e3e6ec;
  --eon-border-control: #8a919f;
  --eon-border-hover: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-border-hover: color-mix(in srgb, var(--eon-f-ink) 30%, #8a919f);
  }
}

:root[data-theme="light"] {
  --eon-card-hover-edge: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-card-hover-edge: color-mix(in srgb, var(--eon-f-ink) 30%, #e3e6ec);
  }
}

:root[data-theme="light"] {
  --eon-field-bg: #fff;
  --eon-field-border: #e3e6ec;
  --eon-field-border-hover: var(--eon-f-ink);
  --eon-field-focus: var(--eon-f-ink);
  --eon-field-halo: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-field-halo: color-mix(in srgb, var(--eon-f-ink) 22%, transparent);
  }
}

:root[data-theme="light"] {
  --eon-field-halo-error: #b4231829;
  --eon-field-disabled: #f0f1f4;
  --eon-ink: #111318;
  --eon-ink-heading: #111318;
  --eon-ink-muted: #4b5362;
  --eon-ink-soft: #3a4150;
  --eon-control: #fff;
  --eon-selected: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-selected: color-mix(in srgb, var(--eon-f-ink) 11%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-shell-line: #e3e6ec;
  --eon-ink-placeholder: #5f6775;
  --eon-accent: var(--eon-f-ink);
  --eon-on-accent: #fff;
  --eon-accent-text: var(--eon-f-ink);
  --eon-focus-ring: var(--eon-f-ink);
  --eon-action: var(--eon-f-ink);
  --eon-on-action: #fff;
  --eon-action-hover: var(--eon-f-ink-hover);
  --eon-action-pressed: var(--eon-f-ink-press);
  --eon-hover: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-hover: color-mix(in srgb, var(--eon-f-ink) 3.5%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-fill: #f1f3f6;
  --eon-pressed: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-pressed: color-mix(in srgb, var(--eon-f-ink) 7%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-menu-hover: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-menu-hover: color-mix(in srgb, var(--eon-f-ink) 3.5%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-row-hover: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-row-hover: color-mix(in srgb, var(--eon-f-ink) 2.5%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-row-selected: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-row-selected: color-mix(in srgb, var(--eon-f-ink) 11%, #fff);
  }
}

:root[data-theme="light"] {
  --eon-th-bg: #f4f5f7;
  --eon-th-rule: #e3e6ec;
  --eon-th-ink: #4b5362;
  --eon-success: #18744b;
  --eon-live-ink: #15803d;
  --eon-live-bg: #dcfce7;
  --eon-live-line: #86efac;
  --eon-warning: #9a5a00;
  --eon-danger: #b42318;
  --eon-on-danger: #fff;
  --eon-info-soft: #f1f3f6;
  --eon-sidebar: #f0f1f4;
  --eon-sidebar-ink: #4b5362;
  --eon-sidebar-strong: #111318;
  --eon-sidebar-faint: #5f6775;
  --eon-sidebar-hover: var(--eon-f-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="light"] {
    --eon-sidebar-hover: color-mix(in srgb, var(--eon-f-ink) 4%, #f0f1f4);
  }
}

:root[data-theme="light"] {
  --eon-sidebar-item-active: #fff;
  --eon-sidebar-active-ring: 0 0 0 1px #e3e6ec, 0 1px 2px #060c170d;
  --eon-sidebar-accent: var(--eon-f-ink);
  --eon-sidebar-marker: var(--eon-f-ink);
  --eon-on-sidebar-marker: #fff;
  --eon-sidebar-border: #e3e6ec;
  --eon-mark-tile: #0c1523;
  --eon-toast-bg: #0c1523;
  --eon-toast-ink: #e6ebf3;
  --eon-avatar-bg: #e6e9ee;
  --eon-avatar-ink: #111318;
  --eon-scrim: #060c1780;
  --eon-shadow-2: 0 4px 16px #060c1714;
  --eon-shadow-3: 0 16px 48px #060c172e;
  --eon-series-1: var(--eon-f-ink);
  --eon-series-2: #0a8fa3;
  --eon-series-3: #d9480f;
  --eon-series-4: #3b6fd4;
  --eon-grid-line: #e6ecf4;
  --eon-boot-bg: #f7f8fa;
  --eon-boot-name: #111318;
  --eon-boot-msg: #4b5362;
  --eon-boot-foot: #5f6775;
}

[lang] {
  font-family: var(--eon-font-body);
}

:where(p, td, dd, blockquote, input, textarea, .eon-text) {
  font-family: var(--eon-font-text-first), var(--eon-font-body);
}

:where(p, td, dd, blockquote, .eon-text) :where(button, [role="button"], .eon-badge, .eon-label) {
  font-family: var(--eon-font-body);
}

:root {
  --eon-type-hero: 700 4rem/1.04 var(--eon-font-head);
  --eon-type-display: 600 2.5rem/3rem var(--eon-font-head);
  --eon-type-page-title: 600 1.75rem/2.25rem var(--eon-font-head);
  --eon-type-section-title: 600 1.25rem/1.75rem var(--eon-font-head);
  --eon-type-subsection-title: 600 1.125rem/1.625rem var(--eon-font-head);
  --eon-type-card-title: 600 1rem/1.375rem var(--eon-font-head);
  --eon-type-metric: 600 1.625rem/2.125rem var(--eon-font-head);
  --eon-type-lead: 400 1rem/1.625rem var(--eon-font-text-first), var(--eon-font-body);
  --eon-type-body: 400 .9375rem/1.5rem var(--eon-font-text-first), var(--eon-font-body);
  --eon-type-body-strong: 600 .9375rem/1.5rem var(--eon-font-body);
  --eon-type-dense: 400 .875rem/1.375rem var(--eon-font-text-first), var(--eon-font-body);
  --eon-type-dense-ui: 400 .9375rem/1.375rem var(--eon-font-body);
  --eon-type-dense-strong: 600 .875rem/1.25rem var(--eon-font-body);
  --eon-type-button: 600 .875rem/1.25rem var(--eon-font-body);
  --eon-type-button-lg: 600 1rem/1.5rem var(--eon-font-body);
  --eon-type-meta: 400 .8125rem/1.25rem var(--eon-font-text-first), var(--eon-font-body);
  --eon-type-caption: 400 .8125rem/1.25rem var(--eon-font-text-first), var(--eon-font-body);
  --eon-type-label: 600 .75rem/1rem var(--eon-font-body);
  --eon-type-eyebrow: 600 .75rem/1rem var(--eon-font-body);
  --eon-type-mono: 400 .8125rem/1.25rem var(--eon-font-mono);
}

@media (max-width: 1279px) {
  :root {
    --eon-gutter: 1.5rem;
    --eon-type-display: 600 2.125rem/2.625rem var(--eon-font-head);
    --eon-type-page-title: 600 1.625rem/2.125rem var(--eon-font-head);
    --eon-type-metric: 600 1.5rem/2rem var(--eon-font-head);
  }
}

@media (max-width: 640px) {
  :root {
    --eon-gutter: 1rem;
    --eon-type-display: 600 1.875rem/2.375rem var(--eon-font-head);
    --eon-type-page-title: 600 1.5rem/2rem var(--eon-font-head);
    --eon-type-section-title: 600 1.125rem/1.625rem var(--eon-font-head);
    --eon-type-subsection-title: 600 1.0625rem/1.5rem var(--eon-font-head);
    --eon-type-metric: 600 1.375rem/1.875rem var(--eon-font-head);
    --eon-type-lead: 400 1rem/1.5rem var(--eon-font-text-first), var(--eon-font-body);
    --eon-type-body: 400 1rem/1.5rem var(--eon-font-text-first), var(--eon-font-body);
    --eon-type-body-strong: 600 1rem/1.5rem var(--eon-font-body);
    --eon-type-dense: 400 .9375rem/1.375rem var(--eon-font-text-first), var(--eon-font-body);
    --eon-type-dense-strong: 600 .9375rem/1.25rem var(--eon-font-body);
    --eon-type-button: 600 .9375rem/1.25rem var(--eon-font-body);
  }
}

@media (min-width: 1920px) {
  :root {
    --eon-page-max: 105rem;
  }
}

:root {
  --eon-paper-bg: #f5f8fc;
  --eon-paper-ink: #0b1626;
  --eon-paper-muted: #3e4e64;
  --eon-paper-line: #d2dbe7;
  --eon-paper-accent: #0b66a8;
  --eon-paper-accent-hover: #0a5d99;
  --eon-paper-on-accent: #fff;
  --background: var(--eon-canvas);
  --foreground: var(--eon-ink);
  --card: var(--eon-surface);
  --card-foreground: var(--eon-ink);
  --popover: var(--eon-surface-raised);
  --popover-foreground: var(--eon-ink);
  --primary: var(--eon-action);
  --primary-foreground: var(--eon-on-action);
  --secondary: var(--eon-control);
  --secondary-foreground: var(--eon-ink-heading);
  --muted: var(--eon-surface-sunken);
  --muted-foreground: var(--eon-ink-muted);
  --accent: var(--eon-hover);
  --accent-foreground: var(--eon-ink);
  --destructive: var(--eon-danger-button);
  --destructive-foreground: var(--eon-on-danger-button);
  --border: var(--eon-border);
  --input: var(--eon-field-border);
  --ring: var(--eon-focus-ring);
  --radius: .3125rem;
  --sidebar: var(--eon-sidebar);
  --sidebar-foreground: var(--eon-sidebar-ink);
  --sidebar-primary: var(--eon-sidebar-marker);
  --sidebar-primary-foreground: var(--eon-on-sidebar-marker);
  --sidebar-accent: var(--eon-sidebar-item-active);
  --sidebar-accent-foreground: var(--eon-sidebar-strong);
  --sidebar-border: var(--eon-sidebar-border);
  --sidebar-ring: var(--eon-focus-ring);
  --chart-1: var(--eon-series-1);
  --chart-2: var(--eon-series-2);
  --chart-3: var(--eon-series-3);
  --chart-4: var(--eon-series-4);
}

body {
  background: var(--eon-canvas);
  color: var(--eon-ink);
  font: 400 .9375rem/1.5rem var(--eon-font-body);
}

:root[data-theme="dark"] body, :root:not([data-theme]) body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 640px) {
  body {
    font-size: 1rem;
  }
}

.eon-display {
  font: var(--eon-type-display);
  letter-spacing: -.02em;
  color: var(--eon-ink-heading);
}

.eon-lead {
  font: var(--eon-type-lead);
  color: var(--eon-ink-muted);
  max-width: 64ch;
}

.eon-metric {
  font: var(--eon-type-metric);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}

.eon-caption {
  font: var(--eon-type-caption);
  color: var(--eon-ink-muted);
}

.eon-label {
  font: var(--eon-type-label);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--eon-ink-muted);
}

input:focus-visible, textarea:focus-visible, select:focus-visible {
  border-color: var(--eon-field-focus);
  box-shadow: 0 0 0 3px var(--eon-field-halo);
  outline: none;
}

@media (pointer: coarse), (max-width: 640px) {
  input, textarea, select {
    font-size: 1rem;
  }
}

:where(a, button, [role="button"], [role="menuitem"], [role="tab"], [role="option"], input, select, textarea, tr, summary) {
  transition: background-color var(--eon-dur-fast) ease, border-color var(--eon-dur-fast) ease, color var(--eon-dur-fast) ease, box-shadow var(--eon-dur-fast) ease, opacity var(--eon-dur-fast) ease;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition: none !important;
    animation: none !important;
  }
}

::-webkit-scrollbar-thumb {
  background: var(--eon-border-control);
  background-clip: padding-box;
  border: 3px solid #0000;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--eon-ink-placeholder);
}

.eon-badge {
  --tone: var(--eon-ink-muted);
  border-radius: var(--eon-r-xs);
  height: 1.5rem;
  color: var(--tone);
  background: var(--tone);
  align-items: center;
  padding: 0 .5rem;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .eon-badge {
    background: color-mix(in srgb, var(--tone) 12%, transparent);
  }
}

.eon-badge {
  font: 600 .8125rem/1 var(--eon-font-body);
  white-space: nowrap;
}

.eon-badge[data-tone="success"] {
  --tone: var(--eon-success);
}

.eon-badge[data-tone="warning"] {
  --tone: var(--eon-warning);
}

.eon-badge[data-tone="danger"] {
  --tone: var(--eon-danger);
}

.eon-badge[data-tone="info"] {
  --tone: var(--eon-accent-text);
}

[class*="hover:bg-secondary"]:hover, [class*="hover:bg-muted"]:hover {
  background-color: var(--eon-hover);
}

:is(button, a)[class*="hover:border-input"]:hover, :is(button, a)[class*="hover:border-(--eon-border-control)"]:hover, :is(button, a)[class*="hover:border-eon-border-control"]:hover, :is(button, a)[class*="hover:border-(--eon-border-hover)"]:hover, :is(button, a)[class*="hover:border-eon-border-hover"]:hover {
  border-color: var(--eon-border-hover);
}

:is(div, li, article, section, label)[class*="hover:border-(--eon-border-hover)"]:not([class*="surface-selected"]):not(.selected-ring):hover, :is(div, li, article, section, label)[class*="hover:border-eon-border-hover"]:not([class*="surface-selected"]):not(.selected-ring):hover, .hover-lift:not(.selected-ring):hover {
  border-color: var(--eon-card-hover-edge);
}

:is(a, div, li, article, section, label)[class*="hover:border-(--eon-border-hover)"]:not([class*="hover:bg-"]):not([class*="surface-selected"]):not(.selected-ring):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current]):hover, :is(a, div, li, article, section, label)[class*="hover:border-eon-border-hover"]:not([class*="hover:bg-"]):not([class*="surface-selected"]):not(.selected-ring):not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-current]):hover, .hover-lift:not(.selected-ring):not([aria-pressed="true"]):not([aria-selected="true"]):hover, .hover-lift:not(.selected-ring):has(:focus-visible) {
  background-color: var(--eon-row-hover);
}

.hover-lift:not(.selected-ring):has(:focus-visible) {
  border-color: var(--eon-card-hover-edge);
}

[role="tablist"][data-tabs="page"] > [role="tab"]:hover:not([aria-selected="true"]) {
  border-bottom-color: var(--eon-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  [role="tablist"][data-tabs="page"] > [role="tab"]:hover:not([aria-selected="true"]) {
    border-bottom-color: color-mix(in srgb, var(--eon-accent) 30%, transparent);
  }
}

:is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"], [type="submit"], [type="button"]), textarea, select):not(.editor-field, .field-select, [aria-invalid="true"], [class~="border-transparent"], [class~="border-0"], [class~="border-none"], [class~="border-b"]):not(:disabled, :focus) {
  border-color: var(--eon-field-border);
}

:is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"], [type="submit"], [type="button"]), textarea, select):not(.editor-field, .field-select, [aria-invalid="true"], [class~="border-transparent"], [class~="border-0"], [class~="border-none"], [class~="border-b"]):not(:disabled, :focus):hover {
  border-color: var(--eon-field-border-hover);
}

:is(button, a)[class*="border"][class*="hover:border-"]:not([aria-pressed="true"], [aria-selected="true"], [aria-current], [disabled]):hover {
  border-color: var(--eon-accent);
  color: var(--eon-accent-text);
}

button[role="combobox"]:not(:focus, :disabled, [aria-invalid="true"]) {
  border-color: var(--eon-field-border);
}

button[role="combobox"]:not(:focus, :disabled, [aria-invalid="true"]):hover {
  border-color: var(--eon-field-border-hover);
}

button[class~="border-(--eon-border)"]:not([aria-pressed="true"], [aria-selected="true"], [aria-current], :disabled):hover {
  border-color: var(--eon-accent);
  color: var(--eon-accent-text);
}

html, body, #root {
  background: var(--color-background);
  height: 100%;
  color: var(--color-foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

body {
  font-size: .9375rem;
  line-height: 1.6;
}

p, td, dd, figcaption, input, textarea, select, blockquote {
  font-family: var(--eon-font-text-first), var(--eon-font-body);
}

button, th, label, legend, summary, h1, h2, h3, h4, nav a {
  font-family: var(--eon-font-body);
}

button {
  cursor: pointer;
  font-family: var(--eon-font-body);
}

.font-bold, .font-extrabold, .font-black {
  font-weight: 600;
}

:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}

.border-quiet {
  border-color: var(--color-quiet);
}

.scroll-y {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
  overflow-y: auto;
}

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

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

.shell-gradient {
  background: var(--eon-surface);
  border-bottom: 1px solid var(--eon-card-border);
}

.page-title {
  font-family: var(--eon-font-head);
  letter-spacing: -.015em;
  font-weight: 600;
}

[data-pane] button, [data-pane] [role="tab"], [data-pane] [role="button"], [data-pane] [role="menuitemradio"] {
  min-width: 2.25rem;
  min-height: 2.25rem;
}

[data-pane] table button, [data-pane] table [role="button"] {
  min-width: 2rem;
  min-height: 2rem;
}

@media (pointer: coarse) {
  [data-pane] button, [data-pane] [role="tab"], [data-pane] [role="button"], [data-pane] [role="menuitemradio"] {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}

:root {
  --card-radius: var(--eon-r-card);
  --card-padding: 1.25rem;
  --control-radius: var(--eon-r-control);
  --transition-fast: var(--eon-dur-fast);
}

h1, h2, h3 {
  text-wrap: balance;
}

p, li, dd, figcaption {
  text-wrap: pretty;
}

[role="timer"], table, .tabular {
  font-variant-numeric: tabular-nums;
}

img {
  outline-offset: -1px;
  outline: 1px solid #ffffff1a;
}

button, a, [role="tab"], [role="menuitemradio"] {
  transition-property: background-color, border-color, color, box-shadow;
  transition-duration: var(--transition-fast);
  transition-timing-function: ease;
}

section, article {
  border-radius: var(--card-radius);
}

[data-pane] svg {
  flex-shrink: 0;
}

.text-display-xl {
  letter-spacing: -.02em;
  font-size: 2.5rem;
  line-height: 3rem;
}

.text-display-lg {
  letter-spacing: -.015em;
  font-size: 1.75rem;
  line-height: 2.25rem;
}

.text-title {
  letter-spacing: -.01em;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-body {
  font-size: .9375rem;
  line-height: 1.5rem;
}

.text-body-sm {
  font-size: .9375rem;
  line-height: 1.375rem;
}

.text-caption {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.text-kpi {
  letter-spacing: -.02em;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 2.125rem;
}

.text-section-title {
  font: var(--eon-type-section-title);
  letter-spacing: -.01em;
}

.text-subsection-title {
  font: var(--eon-type-subsection-title);
  letter-spacing: -.01em;
}

.text-card-title {
  font: var(--eon-type-card-title);
}

.text-body-strong {
  font: var(--eon-type-body-strong);
}

.text-button {
  font: var(--eon-type-button);
}

.text-dense-strong {
  font: var(--eon-type-dense-strong);
}

.text-meta {
  font: var(--eon-type-meta);
}

.text-label {
  font: var(--eon-type-label);
  text-transform: uppercase;
  letter-spacing: .08em;
}

@media (max-width: 1279px) {
  .text-display-xl {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }

  .text-display-lg {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
}

@media (max-width: 640px) {
  .text-display-xl {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }

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

.tabular {
  font-variant-numeric: tabular-nums;
}

.gap-region {
  gap: 1.5rem;
}

.gap-region-lg {
  gap: 2rem;
}

.pad-card {
  padding: 1.5rem;
}

.pad-board {
  padding: 2.5rem 3rem;
}

@keyframes fade-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fade-rise {
  animation: fade-rise var(--eon-dur-panel) var(--eon-ease-out) both;
}

.rise-2 {
  animation-delay: 40ms;
}

.rise-3 {
  animation-delay: 80ms;
}

.drift, .pulse-glow {
  animation: none;
}

.hover-lift {
  transition-property: border-color, background-color;
  transition-duration: var(--eon-dur-fast);
}

.hover-lift:hover {
  border-color: var(--eon-border-hover);
}

.selected-ring {
  background-color: var(--eon-surface-selected);
  border-color: var(--eon-accent);
}

@media (prefers-reduced-motion: reduce) {
  .fade-rise {
    animation: none !important;
  }
}

[data-region="player-board"] button.bg-primary:focus-visible {
  outline: 3px solid var(--eon-paper-ink);
  outline-offset: 3px;
}

[data-region="player-board"] button.bg-primary:disabled {
  box-shadow: none;
  cursor: not-allowed;
  background: var(--eon-fill) !important;
  color: var(--eon-ink-muted) !important;
  border-color: var(--eon-border) !important;
}

[data-new-root] table th {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
}

[data-new-root] table td {
  font-size: .875rem;
}

.row-act {
  border-radius: var(--eon-r-control);
  border: 1px solid var(--color-border);
  min-height: 2.25rem;
  color: var(--color-foreground);
  background: none;
  justify-content: center;
  align-items: center;
  padding: 0 .875rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-flex;
}

.row-act:hover {
  border-color: var(--eon-border-hover);
  background: var(--eon-hover);
}

.truncate, .whitespace-nowrap {
  text-wrap: nowrap;
}

.shell-tab {
  cursor: pointer;
  font: 600 .9375rem/1.375rem var(--eon-font-body);
  color: var(--eon-ink-muted);
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  padding: 0 .75rem;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.shell-tab:hover, .shell-tab[aria-current="page"] {
  color: var(--eon-ink);
}

.shell-tab[aria-current="page"]:after {
  content: "";
  background: var(--eon-accent);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: .75rem;
  right: .75rem;
}

.shell-tab:focus-visible {
  outline-offset: -2px;
}

.eon-mk {
  width: 1.5rem;
  height: 1.40625rem;
  color: var(--eon-logo-lavender);
  flex: none;
  display: block;
}

:root[data-theme="light"] .eon-mk {
  box-sizing: content-box;
  background: var(--eon-mark-tile);
  border-radius: var(--eon-r-control);
  width: 1.25rem;
  height: 1.17188rem;
  padding: .4375rem;
}

@media (max-width: 640px) {
  .shell-name {
    display: none;
  }
}

@media (max-width: 1023px) {
  .shell-tabs {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .shell-menu-btn {
    display: none !important;
  }
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus-visible, textarea:focus-visible, select:focus-visible {
  border-color: var(--eon-field-focus);
  box-shadow: 0 0 0 3px var(--eon-field-halo);
  outline: none;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover:not(:focus-visible):not(:disabled), textarea:hover:not(:focus-visible):not(:disabled), select:hover:not(:focus-visible):not(:disabled) {
  border-color: var(--eon-field-border-hover);
}

input[type="checkbox"], input[type="radio"] {
  accent-color: var(--eon-action);
}

input[type="checkbox"]:not(.sr-only), input[type="radio"]:not(.sr-only) {
  width: 1.125rem;
  height: 1.125rem;
}

select {
  background-color: var(--eon-field-bg);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--eon-border-control) transparent;
}

[data-pane="new"] {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

[data-pane="new"] > [data-new-root] {
  flex: auto;
}

[data-new-root] table th {
  white-space: nowrap;
}

[role="tablist"] {
  gap: .25rem;
}

[data-pane] [role="tablist"] [role="tab"], [data-new-root] [role="tablist"] [role="tab"] {
  min-width: 0;
  font: 600 .9375rem/1.375rem var(--eon-font-body);
  letter-spacing: 0;
  color: var(--eon-ink-muted);
  white-space: nowrap;
  background: none;
  border: 0 solid #0000;
  border-bottom-width: 2px;
  border-radius: 0;
  flex: 0 auto;
  padding-inline: .75rem;
  overflow: visible;
}

[data-pane] [role="tablist"] [role="tab"]:hover, [data-new-root] [role="tablist"] [role="tab"]:hover {
  color: var(--eon-ink);
  background: var(--eon-hover);
}

[data-pane] [role="tablist"] [role="tab"][aria-selected="true"], [data-new-root] [role="tablist"] [role="tab"][aria-selected="true"] {
  color: var(--eon-ink);
  border-bottom-color: var(--eon-accent);
  background: none;
}

[role="tab"] > * {
  font-size: inherit;
}

[role="tablist"][data-tabs="page"] {
  gap: 1.5rem;
}

[role="tablist"][data-tabs="page"] > [role="tab"] {
  min-height: 2.75rem;
  padding-inline: 0;
}

[role="tablist"][data-tabs="page"] > [role="tab"]:hover {
  color: var(--eon-ink);
  background: none;
}

[role="tablist"][data-tabs="page"] > [role="tab"][aria-selected="true"] {
  color: var(--eon-accent-text);
  border-bottom-color: var(--eon-accent);
  background: none;
}

[role="tablist"][data-tabs="page"] > [role="tab"]:focus-visible {
  outline: 2px solid var(--eon-focus-ring);
  outline-offset: -4px;
  border-radius: .25rem;
}

.bg-card .bg-card:is(div, section, aside, article, figure, li):not(.selected-ring):not([role]):not([tabindex]):not([class*="eon-accent"]):not([class*="border-ok"]):not([class*="border-warn"]) {
  background-color: var(--eon-fill);
  box-shadow: none;
  border-color: #0000;
}

span.text-meta, div.text-meta, li.text-meta, span.text-xs, div.text-xs, li.text-xs, span.text-dense, div.text-dense, label.text-meta, th, .font-normal.text-xs {
  font-weight: 600;
}

[data-media] > img {
  filter: saturate(.75) brightness(.92);
}

[aria-label="Ready to begin training"], [aria-label="Pick how you want to learn"], [aria-label="Training complete"] {
  box-shadow: none;
}

.ls-root:has([aria-label="Ready to begin training"]) > :not(.ls-over), .ls-root:has([aria-label="Pick how you want to learn"]) > :not(.ls-over), .ls-root:has([aria-label="Training complete"]) > :not(.ls-over) {
  filter: none;
}

.divide-y > * + *, [data-pane] table tr, [data-pane] table th, [data-pane] table td, [data-new-root] table tr, [data-new-root] table th, [data-new-root] table td, [data-new-root] table tbody, [data-new-root] [class*="divide-"] > * + *, [data-new-root] .bg-card ul > li + li {
  border-color: var(--eon-divider);
}

[data-new-root] table button:not(.bg-primary), [data-new-root] table .row-act, [data-new-root] table [role="button"]:not(.bg-primary) {
  color: var(--eon-ink);
  background: none;
  border-color: #0000;
}

[data-new-root] table button:not(.bg-primary):hover, [data-new-root] table .row-act:hover {
  background: var(--eon-hover);
  border-color: #0000;
}

[data-new-root] main > div:is(:is(:is(:is([style*="max-width: 1360px"], [style*="max-width: 85rem"]), [style*="max-width: 85rem"]), [style*="max-width: 85rem"]), [style*="max-width: 85rem"]) {
  max-width: none !important;
}

[data-new-root] .grid > :is(section, aside, article, div).bg-card:not(.sticky):not([class*="sticky"]) {
  align-self: stretch;
}

[data-new-root] .grid-cols-\[1fr_1fr_1fr_1\.4fr_1\.4fr\] {
  border-bottom: 1px solid var(--eon-card-border);
  gap: 0;
}

[data-new-root] .grid-cols-\[1fr_1fr_1fr_1\.4fr_1\.4fr\] > button {
  min-height: 2.5rem;
  font: 600 .9375rem/1.375rem var(--eon-font-body);
  color: var(--eon-ink-muted);
  background: none;
  border-width: 0 0 2px;
  border-color: #0000;
  border-radius: 0;
  padding-inline: .25rem;
}

[data-new-root] .grid-cols-\[1fr_1fr_1fr_1\.4fr_1\.4fr\] > button[aria-pressed="true"] {
  color: var(--eon-ink);
  border-bottom-color: var(--eon-accent);
  background: none;
}

[data-new-root] .grid-cols-\[1fr_1fr_1fr_1\.4fr_1\.4fr\] > button:hover {
  background: var(--eon-hover);
}

[data-new-root] h1.page-title {
  letter-spacing: -.015em;
  font-size: 1.75rem;
  line-height: 2.25rem;
}

[data-new-root] h1.page-title + p, [data-new-root] .page-title + p.text-body-sm, [data-new-root] .page-title + p.text-meta {
  max-width: 80ch;
  font: 400 .875rem/1.25rem var(--eon-font-text-first), var(--eon-font-body);
  color: var(--eon-ink-muted);
  margin-top: 2px;
}

.wiz-step {
  min-height: 2.75rem;
  font: 600 .9375rem/1.375rem var(--eon-font-body);
  color: var(--eon-ink-muted);
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  align-items: center;
  gap: .375rem;
  padding: 0 .875rem;
  display: inline-flex;
}

.wiz-step-done {
  color: var(--eon-ink);
}

.wiz-step-cur {
  color: var(--eon-ink);
  border-bottom-color: var(--eon-accent);
}

.wiz-step svg {
  color: var(--eon-ok, currentColor);
}

[data-region="wiz-bar"] {
  margin-bottom: .25rem;
}

[data-region="wiz-bar"] [role="group"] > .text-dense-strong {
  margin-right: .25rem;
}

[data-new-root] .bg-card {
  border-color: var(--eon-card-border);
}

[data-new-root] .bg-card.rounded-xl, [data-new-root] .bg-card.rounded-lg, [data-new-root] section.bg-card {
  border-radius: .5rem;
}

[data-new-root] .bg-card .border.rounded-lg:not(.bg-card):not([role]):not([tabindex]):not([class*="eon-accent"]):not([class*="border-ok"]):not([class*="border-warn"]):not(button):not(input):not(select):not(textarea):not(img):not(video) {
  background: var(--eon-fill);
  border-color: #0000;
}

[data-new-root] table thead tr, [data-new-root] table thead th {
  background: var(--eon-fill);
}

[data-new-root] table tbody tr:hover {
  background: var(--eon-hover);
}

[data-new-root] .text-caption, [data-new-root] .text-meta, [data-new-root] .text-xs {
  font-size: .8125rem;
  line-height: 1.125rem;
}

[data-new-root] .text-dense {
  font-size: .875rem;
  line-height: 1.25rem;
}

:is(span, div, p, dd, dt, li, small).text-muted-foreground:not(.font-semibold):not(.font-medium):not(.text-label):not(.eon-label):not(.text-kpi):not(.page-title):not([class*="text-card-title"]):not([class*="text-section-title"]) {
  font-family: var(--eon-font-text-first), var(--eon-font-body);
  font-weight: 400;
}

button.uppercase, h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase {
  text-transform: none;
}

b, strong {
  font-weight: 600;
}

[data-new-root] :is(:is(:is(:is([class*="text-[10px]"], [class*="text-[0.625rem]"]), [class*="text-[0.625rem]"]), [class*="text-[0.625rem]"]), [class*="text-[0.625rem]"]), [data-new-root] :is(:is(:is(:is([class*="text-[11px]"], [class*="text-[0.6875rem]"]), [class*="text-[0.6875rem]"]), [class*="text-[0.6875rem]"]), [class*="text-[0.6875rem]"]), [data-new-root] :is(:is(:is(:is([class*="text-[12px]"], [class*="text-[0.75rem]"]), [class*="text-[0.75rem]"]), [class*="text-[0.75rem]"]), [class*="text-[0.75rem]"]) {
  font-size: .8125rem !important;
}

[data-region="wiz-bar"] li:first-child > .wiz-step {
  padding-left: 0;
}

[data-region="wiz-bar"] ol {
  margin-left: 0;
}

.ls-root:has([aria-label="Ready to begin training"]), .ls-root:has([aria-label="Pick how you want to learn"]) {
  filter: saturate(.35) brightness(.7);
}

[aria-label="Ready to begin training"], [aria-label="Pick how you want to learn"] {
  background: var(--eon-surface);
  border-color: var(--eon-card-border);
}

[data-new-root] figure.bg-card, [data-new-root] section.bg-card.items-center {
  border-radius: .5rem;
}

[data-new-root] .row-act, [data-new-root] table .text-eon-link {
  font-weight: 600;
}

[data-new-root] article :is(h3, h4), [data-new-root] li > :is(h3, h4), [data-new-root] .bg-card > :is(h3, h4):not(.text-section-title):not(.text-subsection-title) {
  font: 600 1rem/1.375rem var(--eon-font-body);
  color: var(--eon-ink);
}

[data-new-root] article :is(h3, h4) + p, [data-new-root] .bg-card :is(h3, h4) + p, [data-new-root] article p.line-clamp-2 {
  font: 400 .875rem/1.25rem var(--eon-font-text-first), var(--eon-font-body);
  color: var(--eon-ink-muted);
}

[data-new-root] article p.line-clamp-2, [data-new-root] .bg-card p.line-clamp-2 {
  color: var(--eon-ink-muted);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

[data-new-root] article h2.page-title {
  font: 600 1rem/1.375rem var(--eon-font-body);
  letter-spacing: 0;
}

[data-new-root] table thead, [data-new-root] table thead tr, [data-new-root] table thead th, [data-pane] table thead th {
  text-transform: none;
  letter-spacing: 0;
}

[data-new-root] table th, [data-pane] table th, .san .san-table th {
  font: 600 .8125rem/1.125rem var(--eon-font-body);
  color: var(--eon-th-ink);
  text-transform: none;
  letter-spacing: 0;
}

[data-new-root] table thead, [data-new-root] table thead tr, [data-new-root] table thead th, .san .san-table thead th {
  background: var(--eon-th-bg);
}

[data-new-root] table thead th {
  border-bottom: 1px solid var(--eon-card-border);
  height: 2.5rem;
}

[data-new-root] table tbody tr {
  height: 3rem;
}

[data-new-root] table tbody tr + tr td, [data-new-root] table tbody tr + tr th {
  border-top: 1px solid var(--eon-card-border);
}

[data-new-root] table tbody tr:last-child td {
  border-bottom: 0;
}

.san .san-table tbody tr {
  height: 3rem;
}

.san .san-table td, .san .san-table tbody th {
  border-top: 1px solid var(--eon-card-border);
  padding-block: 0;
}

.san .san-table tbody tr:first-child td, .san .san-table tbody tr:first-child th {
  border-top: 0;
}

.san .san-table thead th {
  border-bottom: 1px solid var(--eon-card-border);
  height: 2.5rem;
  padding-block: 0;
}

.row-act {
  min-height: 2rem;
  font: 600 .875rem/1.25rem var(--eon-font-body);
  color: var(--eon-ink-muted);
  background: none;
  border-color: #0000;
  padding: 0 .5rem;
}

.row-act:after {
  content: "›";
  margin-inline-start: .375rem;
  font-size: 1rem;
}

tr:hover .row-act {
  color: var(--eon-accent);
}

.row-act:hover {
  background: var(--eon-hover);
  border-color: #0000;
}

.eon-pager button {
  border-radius: var(--eon-r-control);
  min-width: 2rem;
  min-height: 2rem;
  color: var(--eon-ink);
  font: 600 .875rem/1.25rem var(--eon-font-body);
  background: none;
  border: 1px solid #0000;
  padding: 0 .625rem;
}

.eon-pager button:hover:not(:disabled) {
  background: var(--eon-hover);
}

.eon-pager button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.eon-pager button[aria-current="page"] {
  background: var(--eon-th-bg);
  border-color: var(--eon-card-border);
}

[data-new-root] section.bg-card:is([class*="p-5"], [class*="p-6"], [class*="p-8"]), [data-new-root] article.bg-card:is([class*="p-5"], [class*="p-6"]) {
  padding: 1rem;
}

[data-new-root] .bg-card:not([class*="shadow-"]), [data-new-root] .bg-card[class*="shadow-sm"], [data-new-root] .bg-card[class*="shadow-md"] {
  box-shadow: none;
}

[data-new-root] .grid > article.bg-card, [data-new-root] .grid > li.bg-card, [data-new-root] .grid > section.bg-card {
  align-self: stretch;
}

[data-new-root] section.bg-card > header > h2, [data-new-root] section.bg-card > h2:first-child {
  font: var(--eon-type-subsection-title);
  letter-spacing: -.01em;
}

[data-new-root] .bg-card li p.text-meta, [data-new-root] .bg-card li .text-meta, [data-new-root] .bg-card .text-meta {
  font-family: var(--eon-font-text-first), var(--eon-font-body);
  color: var(--eon-ink-muted);
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}

[data-new-root] article .text-caption, [data-new-root] article .text-meta {
  font-size: .8125rem;
  line-height: 1.125rem;
}

input:where(:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [aria-invalid="true"])):not([class*="destructive"]), textarea:not([aria-invalid="true"]):not([class*="destructive"]), select:not([aria-invalid="true"]):not([class*="destructive"]) {
  background-color: var(--eon-field-bg);
  border-color: var(--eon-card-border);
}

.chips-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.chips-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

button .text-label, [role="button"] .text-label {
  text-transform: none;
  letter-spacing: 0;
  font-size: .8125rem;
  line-height: 1.125rem;
}

h3.text-body, h3.text-body-sm {
  font: var(--eon-type-card-title);
}

[data-new-root] :is(p.text-body, p.text-body-sm, p.text-muted-foreground, p:is(:is(:is(:is([class*="text-[15px]"], [class*="text-[0.9375rem]"]), [class*="text-[0.9375rem]"]), [class*="text-[0.9375rem]"]), [class*="text-[0.9375rem]"])):not(.text-center):not([class*="max-w"]) {
  max-width: 75ch;
}

button:not([class*="font-"]), [role="button"]:not([class*="font-"]), p.page-title, span.absolute.rounded-sm {
  font-weight: 600;
}

h2.page-title.text-section-title {
  font: var(--eon-type-section-title);
  letter-spacing: -.01em;
}

@keyframes eon-pop {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.eon-pop-in {
  animation: .15s cubic-bezier(.22, 1, .36, 1) eon-pop;
}

@media (prefers-reduced-motion: reduce) {
  .eon-pop-in {
    animation: none !important;
  }
}

.insp-search {
  flex: none;
  display: block;
  position: relative;
}

.insp-search > svg {
  width: 1rem;
  height: 1rem;
  color: var(--eon-ink-muted);
  pointer-events: none;
  position: absolute;
  top: .625rem;
  left: .625rem;
}

.insp-search input {
  background: var(--eon-surface-sunken);
  border: 1px solid var(--eon-card-border);
  border-radius: var(--eon-r-control);
  width: 100%;
  height: 2.25rem;
  font: 400 .875rem/1.25rem var(--eon-font-body);
  color: var(--eon-ink);
  padding: 0 2.125rem;
}

.insp-search input::-webkit-search-cancel-button {
  display: none;
}

.insp-search input::placeholder {
  color: var(--eon-ink-placeholder);
}

.insp-search input:hover {
  border-color: var(--eon-field-border-hover);
}

.insp-search input:focus {
  border-color: var(--eon-field-focus);
  box-shadow: 0 0 0 3px var(--eon-field-halo);
  outline: none;
}

.insp-clear {
  border-radius: var(--eon-r-control);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--eon-ink-muted);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: .25rem;
  right: .25rem;
}

.insp-clear:hover {
  color: var(--eon-ink);
  background: var(--eon-hover);
}

.insp-clear svg {
  width: 1rem;
  height: 1rem;
}

.insp-list {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--eon-border-control) transparent;
}

.insp-list:focus-visible {
  outline: 2px solid var(--eon-accent);
  outline-offset: 2px;
  border-radius: var(--eon-r-control);
}

.insp-list {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scroll-padding-top: .25rem;
}

.insp-list::-webkit-scrollbar {
  width: .5rem;
}

.insp-list::-webkit-scrollbar-track {
  background: none;
}

.insp-list::-webkit-scrollbar-thumb {
  background: var(--eon-border-control);
  border-radius: .25rem;
}

.insp-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.eon-switch {
  border-radius: var(--eon-r-control, .3125rem);
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.eon-switch-track {
  background: var(--eon-surface-sunken);
  width: 2.125rem;
  height: 1.25rem;
  box-shadow: inset 0 0 0 1px var(--eon-border-control);
  border-radius: 999px;
  transition: background-color .15s, box-shadow .15s;
  display: block;
  position: relative;
}

.eon-switch-knob {
  background: var(--eon-ink-muted);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  transition: transform .15s, background-color .15s;
  position: absolute;
  top: 2px;
  left: 2px;
}

.eon-switch:hover .eon-switch-track {
  box-shadow: inset 0 0 0 1px var(--eon-border-hover, var(--eon-border-control));
}

.eon-switch[aria-checked="true"] .eon-switch-track {
  background: var(--eon-action);
  box-shadow: inset 0 0 0 1px var(--eon-action);
}

.eon-switch[aria-checked="true"] .eon-switch-knob {
  background: #fff;
  transform: translateX(14px);
  box-shadow: 0 1px 2px #00000059;
}

.eon-switch:focus-visible .eon-switch-track {
  box-shadow: inset 0 0 0 1px var(--eon-border-control), 0 0 0 3px var(--eon-field-halo);
}

.eon-switch[aria-checked="true"]:focus-visible .eon-switch-track {
  box-shadow: inset 0 0 0 1px var(--eon-action), 0 0 0 3px var(--eon-field-halo);
}

.eon-switch:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (prefers-reduced-motion: reduce) {
  .eon-switch-track, .eon-switch-knob {
    transition: none;
  }
}

html {
  scrollbar-width: thin;
  scrollbar-color: #29405a transparent;
  scrollbar-gutter: stable;
}

body[data-scroll-locked] {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #29405a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #35b1ff;
}

::-webkit-scrollbar-corner {
  background: none;
}

.eon-modal-card {
  overscroll-behavior: contain;
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
}

.library-scroll::-webkit-scrollbar {
  width: 8px;
}

.library-scroll::-webkit-scrollbar-track {
  background: #060c17;
  border-radius: 4px;
}

.library-scroll::-webkit-scrollbar-thumb {
  background: #3a5070;
  border-radius: 4px;
}

.library-scroll::-webkit-scrollbar-thumb:hover {
  background: #35b1ff;
}

.reviewer-scroll {
  scrollbar-width: thin;
  scrollbar-color: #29405a transparent;
}

.reviewer-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.reviewer-scroll::-webkit-scrollbar-track {
  background: none;
}

.reviewer-scroll::-webkit-scrollbar-thumb {
  background: #29405a;
  border-radius: 3px;
}

.reviewer-scroll::-webkit-scrollbar-thumb:hover {
  background: #3a5070;
}

.pid-scroll {
  scrollbar-width: thin;
  scrollbar-color: #29405a transparent;
}

.pid-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.pid-scroll::-webkit-scrollbar-track {
  background: none;
}

.pid-scroll::-webkit-scrollbar-thumb {
  background: #29405a;
  border-radius: 3px;
}

.pid-scroll::-webkit-scrollbar-thumb:hover {
  background: #3a5070;
}

.chain-tool-btn {
  color: #dbe6f5;
  cursor: pointer;
  background: #132844;
  border: 1px solid #6f92c9;
  transition: background-color .15s, border-color .15s, color .15s;
}

.chain-tool-btn:hover:not(:disabled) {
  color: #fff;
  background: #33538a;
  border-color: #9dbdf0;
}

.chain-tool-btn:focus-visible {
  border-color: #35b1ff;
  outline: none;
  box-shadow: 0 0 0 3px #35b1ff80;
}

.chain-tool-btn:disabled {
  color: #8598b5;
  cursor: not-allowed;
  background: none;
  border-color: #41577c;
}

.chain-tool-btn.chain-tool-danger:not(:disabled) {
  color: #f87171;
}

.chain-tool-btn.chain-tool-danger:hover:not(:disabled) {
  color: #fecaca;
  background: #ef444438;
  border-color: #ef4444;
}

.chain-collapse-btn {
  cursor: pointer;
  transition: box-shadow .15s;
}

.chain-collapse-chev {
  color: #7f94b5;
  transition: transform .15s, color .15s;
}

.chain-collapse-label {
  color: #e6ebf3;
  transition: color .15s;
}

.chain-collapse-btn:hover .chain-collapse-chev {
  color: #cfe0ff;
}

.chain-collapse-btn:hover .chain-collapse-label {
  color: #fff;
}

.chain-collapse-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #35b1ff80;
}

@media (prefers-reduced-motion: reduce) {
  .chain-collapse-btn, .chain-collapse-chev, .chain-collapse-label {
    transition: none;
  }
}

:root {
  --field-edge: #4d6d9b;
}

.editor-field {
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}

.editor-field::placeholder {
  color: #93a7c4;
  opacity: 1;
}

.editor-field:hover:not(:disabled):not(:focus-visible) {
  --field-edge: #6d8db8;
}

.editor-field:focus-visible {
  --field-edge: #35b1ff;
  box-shadow: 0 0 0 3px #35b1ff80;
}

.editor-field:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.editor-field-selected {
  --field-edge: #35b1ff;
  box-shadow: inset 0 1px #ffffff12, 0 0 10px -2px #35b1ff73;
}

.editor-field-selected:hover:not(:disabled):not(:focus-visible) {
  --field-edge: #6ea2ff;
}

@media (prefers-reduced-motion: reduce) {
  .chain-tool-btn, .editor-field {
    transition: none;
  }
}

.field-select {
  --field-well: #090f1d;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  appearance: none;
  width: 100%;
  color: var(--foreground);
  background-color: var(--field-well);
  background-image: var(--select-chevron);
  border: 1px solid var(--input);
  color-scheme: dark;
  cursor: pointer;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border-radius: 10px;
  margin-top: 6px;
  padding: 12px 44px 12px 14px;
  font-family: inherit;
  font-size: 13.5px;
  line-height: 1.3;
  transition: border-color .2s, box-shadow .2s;
}

.field-select:hover {
  border-color: var(--eon-field-border-hover);
}

.field-select:focus-visible {
  border-color: var(--ring);
  outline: none;
  box-shadow: 0 0 0 3px #35b1ff80;
}

@media (prefers-reduced-motion: reduce) {
  .field-select {
    transition: none;
  }
}

[data-slot="sidebar-content"]::-webkit-scrollbar {
  width: 4px;
}

[data-slot="sidebar-content"]::-webkit-scrollbar-track {
  background: none;
}

[data-slot="sidebar-content"]::-webkit-scrollbar-thumb {
  background: var(--sidebar-border);
  border-radius: 2px;
}

[data-slot="sidebar-content"]::-webkit-scrollbar-thumb:hover {
  background: var(--sidebar-foreground);
  opacity: .2;
}

[data-slot="sidebar-inset"]:has(.help-center-root), .help-center-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--sidebar-border) transparent;
}

[data-slot="sidebar-inset"]:has(.help-center-root)::-webkit-scrollbar {
  width: 4px;
}

.help-center-scroll::-webkit-scrollbar {
  width: 4px;
}

[data-slot="sidebar-inset"]:has(.help-center-root)::-webkit-scrollbar-track {
  background: none;
}

.help-center-scroll::-webkit-scrollbar-track {
  background: none;
}

[data-slot="sidebar-inset"]:has(.help-center-root)::-webkit-scrollbar-thumb {
  background: var(--sidebar-border);
  border-radius: 2px;
}

.help-center-scroll::-webkit-scrollbar-thumb {
  background: var(--sidebar-border);
  border-radius: 2px;
}

[data-slot="sidebar-inset"]:has(.help-center-root)::-webkit-scrollbar-thumb:hover {
  background: var(--sidebar-foreground);
  opacity: .2;
}

.help-center-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--sidebar-foreground);
  opacity: .2;
}

.eon-wizard, .eon-scroll {
  scrollbar-width: thin;
  scrollbar-color: #29405a transparent;
}

.eon-wizard ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.eon-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.eon-wizard ::-webkit-scrollbar-track {
  background: none;
}

.eon-scroll::-webkit-scrollbar-track {
  background: none;
}

.eon-wizard ::-webkit-scrollbar-thumb {
  background: #29405a;
  border-radius: 4px;
}

.eon-scroll::-webkit-scrollbar-thumb {
  background: #29405a;
  border-radius: 4px;
}

.eon-wizard ::-webkit-scrollbar-thumb:hover {
  background: #35b1ff;
}

.eon-scroll::-webkit-scrollbar-thumb:hover {
  background: #35b1ff;
}

@keyframes eon-artifact-in {
  from {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(10px) scale(.985);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: none;
  }
}

.eon-artifact-in {
  animation: .52s cubic-bezier(.16, 1, .3, 1) both eon-artifact-in;
}

@media (prefers-reduced-motion: reduce) {
  .eon-artifact-in {
    animation: none;
  }
}

@keyframes eon-caption-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.eon-caption-in {
  animation: .26s cubic-bezier(.16, 1, .3, 1) both eon-caption-in;
}

@media (prefers-reduced-motion: reduce) {
  .eon-caption-in {
    animation: none;
  }
}

@keyframes eon-kit-draw {
  from {
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes eon-kit-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes eon-kit-flicker {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .eon-kit-motion {
    animation: none !important;
  }
}

@keyframes eon-pulse {
  0%, 100% {
    opacity: .35;
  }

  50% {
    opacity: 1;
  }
}

.eon-pulse-dot {
  animation: 1.4s ease-in-out infinite eon-pulse;
}

@media (prefers-reduced-motion: reduce) {
  .eon-pulse-dot {
    animation: none;
  }
}

@keyframes eon-card-leave {
  to {
    opacity: 0;
    transform: scale(.97);
  }
}

.eon-card-leaving {
  pointer-events: none;
  animation: .2s ease-out forwards eon-card-leave;
}

@media (prefers-reduced-motion: reduce) {
  .eon-card-leaving {
    opacity: 0;
    transition: opacity .2s;
    animation: none;
  }
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}