tyrell-components 1.0.0-TC58 → 1.0.0-TC59

package/css/tyrell-colors-static.css

@@ -64,6 +64,8 @@ html {
   --ty-bg-neutral: #e0e0e0;
   --ty-bg-neutral-bold: #cecece;
   --ty-bg-neutral-soft: #ededed;
+  --ty-bg-neutral-strong: #222222;
+  --ty-bg-neutral-faint: #fcfcfc;
 
   /* Borders */
   --ty-border: #e5e7eb;
@@ -165,6 +167,12 @@ html {
   --ty-solid-neutral-strong-fg: white;
   --ty-solid-neutral-soft-fg: white;
 
+  /* Solid interaction offsets — OKLCH L nudges the tone+/tone- fills take
+     on hover/active (they have no literal -hover/-active token). Same
+     values as tyrell-theme.css; light darkens on press. */
+  --ty-solid-hover-l: -0.04;
+  --ty-solid-active-l: -0.08;
+
 }
 
 /* =================================================================
@@ -224,6 +232,8 @@ html[data-theme="dark"] {
   --ty-bg-neutral: #323232;
   --ty-bg-neutral-bold: #414141;
   --ty-bg-neutral-soft: #242424;
+  --ty-bg-neutral-strong: #eeeeee;
+  --ty-bg-neutral-faint: #0b0b0b;
 
   /* Borders */
   --ty-border: #3e3e3e;
@@ -313,4 +323,8 @@ html[data-theme="dark"] {
   --ty-solid-neutral-strong-fg: black;
   --ty-solid-neutral-soft-fg: white;
 
+  /* Solid interaction offsets — dark lightens on press */
+  --ty-solid-hover-l: 0.07;
+  --ty-solid-active-l: 0.11;
+
 }

package/css/tyrell-theme.css

@@ -652,6 +652,7 @@ html:root,
     from var(--ty-neutral-seed-resolved) var(--ty-l-bg-neutral-faint)
       calc(c * var(--ty-c-bg-neutral-faint-mult)) h
   );
+  --ty-border-neutral: var(--ty-color-neutral-soft);
 
   /* ----------------------------------------------------------------
    * Global neutral borders — own family, own L ladder (Tier 2).

package/css/tyrell.css

@@ -434,7 +434,7 @@ DESIGN SYSTEM TOKENS
   on, light page or dark; every major library (Material, Bootstrap, Ant,
   Shoelace) keeps its default tooltip a fixed dark chip regardless of page
   theme. Override on :root (or scope to a container) to retheme globally
-  without touching flavor="light"/"info"/other components.
+  without touching other flavors or components.
   Values are pure achromatic gray (R=G=B, no hue) — matches
   --ty-solid-neutral's "no tint" convention. Don't reuse a Tailwind
   slate/cool-gray hex here (e.g. #1f2937) — those carry a real blue
@@ -1367,12 +1367,14 @@ RESPONSIVE VARIANTS
 
 /* =================================================================
    MODAL BACKDROP ZOOM (default; turn off with no-zoom)
-   While any <ty-modal open> without no-zoom is open, the component toggles
-   .ty-modal-zoom on <html> and the page body scales down slightly
-   (Vaul/shadcn-style). The modal itself renders in the top layer, which
-   escapes ancestor transforms — only the page behind it moves.
+   While an open <ty-modal> with a backdrop and without no-zoom is open, the
+   component toggles .ty-modal-zoom on <html> and the page body scales down
+   slightly (Vaul/shadcn-style). The modal itself renders in the top layer,
+   which escapes ancestor transforms — only the page behind it moves.
    Caveat: a scaled <body> becomes the containing block for position:fixed
-   descendants — apps with fixed headers/sidebars should set no-zoom.
+   descendants — apps with fixed headers/sidebars should set no-zoom. A
+   no-backdrop modal is one of them (not in the top layer): it never zooms,
+   and while one is open in the page nothing does.
 ================================================================= */
 
 body {

package/dist/tyrell-colors-static.css

@@ -1 +1 @@
-html{--ty-color-primary-strong: #163793;--ty-color-primary-bold: #304c9f;--ty-color-primary: #466bce;--ty-color-primary-soft: #60a5fa;--ty-color-primary-faint: #93c5fd;--ty-color-success-strong: #177858;--ty-color-success-bold: #3e9779;--ty-color-success: #3eaa86;--ty-color-success-soft: #64b399;--ty-color-success-faint: #7fd4b2;--ty-color-danger-strong: #b91c1c;--ty-color-danger-bold: #dc2626;--ty-color-danger: #ef4444;--ty-color-danger-soft: #f87171;--ty-color-danger-faint: #fca5a5;--ty-color-warning-strong: #e86400;--ty-color-warning-bold: #ee7f00;--ty-color-warning: #f59e0b;--ty-color-warning-soft: #fbbf24;--ty-color-warning-faint: #fcd34d;--ty-color-neutral-strong: #000000;--ty-color-neutral-bold: #000000;--ty-color-neutral: #111827;--ty-color-neutral-soft: #374151;--ty-color-neutral-faint: #9ca3af;--ty-bg-primary: #e3eefc;--ty-bg-primary-bold: #d5e4f8;--ty-bg-primary-soft: #eff6ff;--ty-bg-success: #d1fae5;--ty-bg-success-bold: #a7f3d0;--ty-bg-success-soft: #ecfdf5;--ty-bg-danger: #fee2e2;--ty-bg-danger-bold: #fecaca;--ty-bg-danger-soft: #fef2f2;--ty-bg-warning: #fef3c7;--ty-bg-warning-bold: #fde68a;--ty-bg-warning-soft: #fffbeb;--ty-bg-neutral: #e0e0e0;--ty-bg-neutral-bold: #cecece;--ty-bg-neutral-soft: #ededed;--ty-border: #e5e7eb;--ty-border-bold: #d1d5db;--ty-border-strong: #6b7280;--ty-border-soft: #f3f4f6;--ty-border-faint: #fafafa;--ty-border-primary: var(--ty-color-primary);--ty-border-success: var(--ty-color-success);--ty-border-danger: var(--ty-color-danger);--ty-border-warning: var(--ty-color-warning);--ty-border-neutral: var(--ty-color-neutral);--ty-surface-canvas: #fcfcfc;--ty-surface-content: #ffffff;--ty-surface-elevated: #ffffff;--ty-surface-floating: #ffffff;--ty-surface-input: #ffffff;--ty-elevated-border: #e5e7eb;--ty-floating-border: #e5e7eb;--ty-content-border: #e5e7eb;--ty-text: #111827;--ty-text-bold: #000000;--ty-text-strong: #000000;--ty-text-soft: #374151;--ty-text-faint: #9ca3af;--ty-input-bg: #ffffff;--ty-input-color: #111827;--ty-input-border: #e5e7eb;--ty-input-border-hover: #d1d5db;--ty-input-border-focus: var(--ty-color-primary);--ty-input-shadow-focus: rgba(59, 130, 246, .1);--ty-input-placeholder: #9ca3af;--ty-input-disabled-bg: #f9fafb;--ty-input-disabled-border: #e5e7eb;--ty-input-disabled-color: #9ca3af;--ty-input-success-border: var(--ty-color-success-soft);--ty-input-danger-border: var(--ty-color-danger-soft);--ty-input-warning-border: var(--ty-color-warning-soft);--ty-solid-primary: #4076b9;--ty-solid-primary-strong: var(--ty-color-primary-bold);--ty-solid-primary-soft: #7ea7d9;--ty-solid-primary-hover: var(--ty-solid-primary-strong);--ty-solid-primary-active: var(--ty-solid-primary-strong);--ty-solid-primary-fg: white;--ty-solid-primary-strong-fg: white;--ty-solid-primary-soft-fg: black;--ty-solid-success: #3bb68d;--ty-solid-success-strong: #27956e;--ty-solid-success-soft: #69b99e;--ty-solid-success-hover: var(--ty-solid-success-strong);--ty-solid-success-active: var(--ty-solid-success-strong);--ty-solid-success-fg: black;--ty-solid-success-strong-fg: black;--ty-solid-success-soft-fg: black;--ty-solid-danger: #df5b5b;--ty-solid-danger-strong: #cc3e3e;--ty-solid-danger-soft: #d57a7a;--ty-solid-danger-hover: var(--ty-solid-danger-strong);--ty-solid-danger-active: var(--ty-solid-danger-strong);--ty-solid-danger-fg: black;--ty-solid-danger-strong-fg: white;--ty-solid-danger-soft-fg: black;--ty-solid-warning: #e1a644;--ty-solid-warning-strong: #f59e0b;--ty-solid-warning-soft: #fbc56d;--ty-solid-warning-hover: var(--ty-solid-warning-strong);--ty-solid-warning-active: var(--ty-solid-warning-strong);--ty-solid-warning-fg: black;--ty-solid-warning-strong-fg: black;--ty-solid-warning-soft-fg: black;--ty-solid-neutral: #414141;--ty-solid-neutral-strong: #000000;--ty-solid-neutral-soft: #6e6e6e;--ty-solid-neutral-hover: var(--ty-solid-neutral-strong);--ty-solid-neutral-active: var(--ty-solid-neutral-strong);--ty-solid-neutral-fg: white;--ty-solid-neutral-strong-fg: white;--ty-solid-neutral-soft-fg: white}html.dark,html[data-theme=dark]{--ty-color-primary-strong: #9cbde5;--ty-color-primary-bold: #6c9bd5;--ty-color-primary: #4976ae;--ty-color-primary-soft: #4b698b;--ty-color-primary-faint: #445b77;--ty-color-success-strong: #c2f0df;--ty-color-success-bold: #6ee7b7;--ty-color-success: #3aba8b;--ty-color-success-soft: #459679;--ty-color-success-faint: #1b795c;--ty-color-danger-strong: #ffabab;--ty-color-danger-bold: #e58787;--ty-color-danger: #d06f6f;--ty-color-danger-soft: #b06666;--ty-color-danger-faint: #aa6e6e;--ty-color-warning-strong: #fde68a;--ty-color-warning-bold: #fcd34d;--ty-color-warning: #fbbf24;--ty-color-warning-soft: #f59e0b;--ty-color-warning-faint: #a06726;--ty-color-neutral-strong: #ffffff;--ty-color-neutral-bold: #f9fafb;--ty-color-neutral: #d6d6d6;--ty-color-neutral-soft: #696969;--ty-color-neutral-faint: #474747;--ty-bg-primary: #394159;--ty-bg-primary-bold: #43517a;--ty-bg-primary-soft: #323a4f;--ty-bg-success: #3a4442;--ty-bg-success-bold: #405752;--ty-bg-success-soft: #2f3b38;--ty-bg-danger: #522828;--ty-bg-danger-bold: #853535;--ty-bg-danger-soft: #483c3c;--ty-bg-warning: #694555;--ty-bg-warning-bold: #743953;--ty-bg-warning-soft: #45333b;--ty-bg-neutral: #323232;--ty-bg-neutral-bold: #414141;--ty-bg-neutral-soft: #242424;--ty-border: #3e3e3e;--ty-border-bold: #666666;--ty-border-strong: #8c8c8c;--ty-border-soft: #1f2937;--ty-border-faint: #030712;--ty-surface-canvas: black;--ty-surface-content: #1a1a1a;--ty-surface-elevated: #282828;--ty-surface-floating: #343434;--ty-surface-input: #1f2937;--ty-elevated-border: #414141;--ty-floating-border: #494949;--ty-content-border: #030712;--ty-text: #d6d6d6;--ty-text-bold: #f9fafb;--ty-text-strong: #ffffff;--ty-text-soft: #7f8590;--ty-text-faint: #555a63;--ty-input-bg: #1b1b1b;--ty-input-color: #f9fafb;--ty-input-border: #3a3a3a;--ty-input-border-hover: #505050;--ty-input-border-focus: var(--ty-color-primary);--ty-input-shadow-focus: rgba(96, 165, 250, .1);--ty-input-placeholder: #717171;--ty-input-disabled-bg: #282828;--ty-input-disabled-border: #2e2e2e;--ty-input-disabled-color: #717171;--ty-solid-primary: #3e536c;--ty-solid-primary-strong: #426084;--ty-solid-primary-soft: #343f4c;--ty-solid-primary-hover: var(--ty-solid-primary-strong);--ty-solid-primary-active: var(--ty-solid-primary-strong);--ty-solid-primary-fg: white;--ty-solid-primary-strong-fg: white;--ty-solid-primary-soft-fg: white;--ty-solid-success: #3bb68d;--ty-solid-success-strong: #459679;--ty-solid-success-soft: #285748;--ty-solid-success-hover: var(--ty-solid-success-strong);--ty-solid-success-active: var(--ty-solid-success-strong);--ty-solid-success-fg: black;--ty-solid-success-strong-fg: black;--ty-solid-success-soft-fg: white;--ty-solid-danger: #df5b5b;--ty-solid-danger-strong: #cc3e3e;--ty-solid-danger-soft: #875656;--ty-solid-danger-hover: var(--ty-solid-danger-strong);--ty-solid-danger-active: var(--ty-solid-danger-strong);--ty-solid-danger-fg: black;--ty-solid-danger-strong-fg: white;--ty-solid-danger-soft-fg: white;--ty-solid-warning: #e1a644;--ty-solid-warning-strong: #f59e0b;--ty-solid-warning-soft: #8b6334;--ty-solid-warning-hover: var(--ty-solid-warning-strong);--ty-solid-warning-active: var(--ty-solid-warning-strong);--ty-solid-warning-fg: black;--ty-solid-warning-strong-fg: black;--ty-solid-warning-soft-fg: white;--ty-solid-neutral: #414141;--ty-solid-neutral-strong: #f5f5f5;--ty-solid-neutral-soft: #2a2a2a;--ty-solid-neutral-hover: #4c4c4c;--ty-solid-neutral-active: #4c4c4c;--ty-solid-neutral-fg: white;--ty-solid-neutral-strong-fg: black;--ty-solid-neutral-soft-fg: white}
+html{--ty-color-primary-strong: #163793;--ty-color-primary-bold: #304c9f;--ty-color-primary: #466bce;--ty-color-primary-soft: #60a5fa;--ty-color-primary-faint: #93c5fd;--ty-color-success-strong: #177858;--ty-color-success-bold: #3e9779;--ty-color-success: #3eaa86;--ty-color-success-soft: #64b399;--ty-color-success-faint: #7fd4b2;--ty-color-danger-strong: #b91c1c;--ty-color-danger-bold: #dc2626;--ty-color-danger: #ef4444;--ty-color-danger-soft: #f87171;--ty-color-danger-faint: #fca5a5;--ty-color-warning-strong: #e86400;--ty-color-warning-bold: #ee7f00;--ty-color-warning: #f59e0b;--ty-color-warning-soft: #fbbf24;--ty-color-warning-faint: #fcd34d;--ty-color-neutral-strong: #000000;--ty-color-neutral-bold: #000000;--ty-color-neutral: #111827;--ty-color-neutral-soft: #374151;--ty-color-neutral-faint: #9ca3af;--ty-bg-primary: #e3eefc;--ty-bg-primary-bold: #d5e4f8;--ty-bg-primary-soft: #eff6ff;--ty-bg-success: #d1fae5;--ty-bg-success-bold: #a7f3d0;--ty-bg-success-soft: #ecfdf5;--ty-bg-danger: #fee2e2;--ty-bg-danger-bold: #fecaca;--ty-bg-danger-soft: #fef2f2;--ty-bg-warning: #fef3c7;--ty-bg-warning-bold: #fde68a;--ty-bg-warning-soft: #fffbeb;--ty-bg-neutral: #e0e0e0;--ty-bg-neutral-bold: #cecece;--ty-bg-neutral-soft: #ededed;--ty-bg-neutral-strong: #222222;--ty-bg-neutral-faint: #fcfcfc;--ty-border: #e5e7eb;--ty-border-bold: #d1d5db;--ty-border-strong: #6b7280;--ty-border-soft: #f3f4f6;--ty-border-faint: #fafafa;--ty-border-primary: var(--ty-color-primary);--ty-border-success: var(--ty-color-success);--ty-border-danger: var(--ty-color-danger);--ty-border-warning: var(--ty-color-warning);--ty-border-neutral: var(--ty-color-neutral);--ty-surface-canvas: #fcfcfc;--ty-surface-content: #ffffff;--ty-surface-elevated: #ffffff;--ty-surface-floating: #ffffff;--ty-surface-input: #ffffff;--ty-elevated-border: #e5e7eb;--ty-floating-border: #e5e7eb;--ty-content-border: #e5e7eb;--ty-text: #111827;--ty-text-bold: #000000;--ty-text-strong: #000000;--ty-text-soft: #374151;--ty-text-faint: #9ca3af;--ty-input-bg: #ffffff;--ty-input-color: #111827;--ty-input-border: #e5e7eb;--ty-input-border-hover: #d1d5db;--ty-input-border-focus: var(--ty-color-primary);--ty-input-shadow-focus: rgba(59, 130, 246, .1);--ty-input-placeholder: #9ca3af;--ty-input-disabled-bg: #f9fafb;--ty-input-disabled-border: #e5e7eb;--ty-input-disabled-color: #9ca3af;--ty-input-success-border: var(--ty-color-success-soft);--ty-input-danger-border: var(--ty-color-danger-soft);--ty-input-warning-border: var(--ty-color-warning-soft);--ty-solid-primary: #4076b9;--ty-solid-primary-strong: var(--ty-color-primary-bold);--ty-solid-primary-soft: #7ea7d9;--ty-solid-primary-hover: var(--ty-solid-primary-strong);--ty-solid-primary-active: var(--ty-solid-primary-strong);--ty-solid-primary-fg: white;--ty-solid-primary-strong-fg: white;--ty-solid-primary-soft-fg: black;--ty-solid-success: #3bb68d;--ty-solid-success-strong: #27956e;--ty-solid-success-soft: #69b99e;--ty-solid-success-hover: var(--ty-solid-success-strong);--ty-solid-success-active: var(--ty-solid-success-strong);--ty-solid-success-fg: black;--ty-solid-success-strong-fg: black;--ty-solid-success-soft-fg: black;--ty-solid-danger: #df5b5b;--ty-solid-danger-strong: #cc3e3e;--ty-solid-danger-soft: #d57a7a;--ty-solid-danger-hover: var(--ty-solid-danger-strong);--ty-solid-danger-active: var(--ty-solid-danger-strong);--ty-solid-danger-fg: black;--ty-solid-danger-strong-fg: white;--ty-solid-danger-soft-fg: black;--ty-solid-warning: #e1a644;--ty-solid-warning-strong: #f59e0b;--ty-solid-warning-soft: #fbc56d;--ty-solid-warning-hover: var(--ty-solid-warning-strong);--ty-solid-warning-active: var(--ty-solid-warning-strong);--ty-solid-warning-fg: black;--ty-solid-warning-strong-fg: black;--ty-solid-warning-soft-fg: black;--ty-solid-neutral: #414141;--ty-solid-neutral-strong: #000000;--ty-solid-neutral-soft: #6e6e6e;--ty-solid-neutral-hover: var(--ty-solid-neutral-strong);--ty-solid-neutral-active: var(--ty-solid-neutral-strong);--ty-solid-neutral-fg: white;--ty-solid-neutral-strong-fg: white;--ty-solid-neutral-soft-fg: white;--ty-solid-hover-l: -.04;--ty-solid-active-l: -.08}html.dark,html[data-theme=dark]{--ty-color-primary-strong: #9cbde5;--ty-color-primary-bold: #6c9bd5;--ty-color-primary: #4976ae;--ty-color-primary-soft: #4b698b;--ty-color-primary-faint: #445b77;--ty-color-success-strong: #c2f0df;--ty-color-success-bold: #6ee7b7;--ty-color-success: #3aba8b;--ty-color-success-soft: #459679;--ty-color-success-faint: #1b795c;--ty-color-danger-strong: #ffabab;--ty-color-danger-bold: #e58787;--ty-color-danger: #d06f6f;--ty-color-danger-soft: #b06666;--ty-color-danger-faint: #aa6e6e;--ty-color-warning-strong: #fde68a;--ty-color-warning-bold: #fcd34d;--ty-color-warning: #fbbf24;--ty-color-warning-soft: #f59e0b;--ty-color-warning-faint: #a06726;--ty-color-neutral-strong: #ffffff;--ty-color-neutral-bold: #f9fafb;--ty-color-neutral: #d6d6d6;--ty-color-neutral-soft: #696969;--ty-color-neutral-faint: #474747;--ty-bg-primary: #394159;--ty-bg-primary-bold: #43517a;--ty-bg-primary-soft: #323a4f;--ty-bg-success: #3a4442;--ty-bg-success-bold: #405752;--ty-bg-success-soft: #2f3b38;--ty-bg-danger: #522828;--ty-bg-danger-bold: #853535;--ty-bg-danger-soft: #483c3c;--ty-bg-warning: #694555;--ty-bg-warning-bold: #743953;--ty-bg-warning-soft: #45333b;--ty-bg-neutral: #323232;--ty-bg-neutral-bold: #414141;--ty-bg-neutral-soft: #242424;--ty-bg-neutral-strong: #eeeeee;--ty-bg-neutral-faint: #0b0b0b;--ty-border: #3e3e3e;--ty-border-bold: #666666;--ty-border-strong: #8c8c8c;--ty-border-soft: #1f2937;--ty-border-faint: #030712;--ty-surface-canvas: black;--ty-surface-content: #1a1a1a;--ty-surface-elevated: #282828;--ty-surface-floating: #343434;--ty-surface-input: #1f2937;--ty-elevated-border: #414141;--ty-floating-border: #494949;--ty-content-border: #030712;--ty-text: #d6d6d6;--ty-text-bold: #f9fafb;--ty-text-strong: #ffffff;--ty-text-soft: #7f8590;--ty-text-faint: #555a63;--ty-input-bg: #1b1b1b;--ty-input-color: #f9fafb;--ty-input-border: #3a3a3a;--ty-input-border-hover: #505050;--ty-input-border-focus: var(--ty-color-primary);--ty-input-shadow-focus: rgba(96, 165, 250, .1);--ty-input-placeholder: #717171;--ty-input-disabled-bg: #282828;--ty-input-disabled-border: #2e2e2e;--ty-input-disabled-color: #717171;--ty-solid-primary: #3e536c;--ty-solid-primary-strong: #426084;--ty-solid-primary-soft: #343f4c;--ty-solid-primary-hover: var(--ty-solid-primary-strong);--ty-solid-primary-active: var(--ty-solid-primary-strong);--ty-solid-primary-fg: white;--ty-solid-primary-strong-fg: white;--ty-solid-primary-soft-fg: white;--ty-solid-success: #3bb68d;--ty-solid-success-strong: #459679;--ty-solid-success-soft: #285748;--ty-solid-success-hover: var(--ty-solid-success-strong);--ty-solid-success-active: var(--ty-solid-success-strong);--ty-solid-success-fg: black;--ty-solid-success-strong-fg: black;--ty-solid-success-soft-fg: white;--ty-solid-danger: #df5b5b;--ty-solid-danger-strong: #cc3e3e;--ty-solid-danger-soft: #875656;--ty-solid-danger-hover: var(--ty-solid-danger-strong);--ty-solid-danger-active: var(--ty-solid-danger-strong);--ty-solid-danger-fg: black;--ty-solid-danger-strong-fg: white;--ty-solid-danger-soft-fg: white;--ty-solid-warning: #e1a644;--ty-solid-warning-strong: #f59e0b;--ty-solid-warning-soft: #8b6334;--ty-solid-warning-hover: var(--ty-solid-warning-strong);--ty-solid-warning-active: var(--ty-solid-warning-strong);--ty-solid-warning-fg: black;--ty-solid-warning-strong-fg: black;--ty-solid-warning-soft-fg: white;--ty-solid-neutral: #414141;--ty-solid-neutral-strong: #f5f5f5;--ty-solid-neutral-soft: #2a2a2a;--ty-solid-neutral-hover: #4c4c4c;--ty-solid-neutral-active: #4c4c4c;--ty-solid-neutral-fg: white;--ty-solid-neutral-strong-fg: black;--ty-solid-neutral-soft-fg: white;--ty-solid-hover-l: .07;--ty-solid-active-l: .11}

package/dist/tyrell-theme.css

@@ -1 +1 @@
-:root{--ty-primary-hue: 252;--ty-primary-chroma: .08;--ty-surface-chroma: 0;--ty-success-hue: 145;--ty-success-chroma: .086;--ty-warning-hue: 76;--ty-warning-chroma: .178;--ty-danger-hue: 31;--ty-danger-chroma: .134;--ty-neutral-hue: 0;--ty-neutral-chroma: 0;--ty-l-strong: .38;--ty-l-bold: .46;--ty-l-base: .54;--ty-l-soft: .72;--ty-l-faint: .88;--ty-a-bg-base: 9%;--ty-a-bg-bold: 17%;--ty-a-bg-soft: 4%;--ty-l-text-strong: 0;--ty-l-text-bold: 0;--ty-l-text-base: .21;--ty-l-text-soft: .37;--ty-l-text-faint: .71;--ty-l-border-content: .93;--ty-l-border-elevated: .93;--ty-l-border-floating: .93;--ty-l-border-strong: .46;--ty-l-border-bold: .64;--ty-l-border: .76;--ty-l-border-soft: .88;--ty-l-border-faint: .92;--ty-l-surface-canvas: .985;--ty-l-surface-content: 1;--ty-l-surface-elevated: 1;--ty-l-surface-floating: 1;--ty-l-surface-input: 1;--ty-l-solid-neutral: .4;--ty-l-solid-neutral-strong: .15;--ty-l-bg-neutral-strong: .25;--ty-l-bg-neutral-faint: .99;--ty-c-bg-neutral-faint-mult: .4;--ty-focus-ring-alpha: 5%;--ty-c-strong-mult: .77;--ty-c-bold-mult: 1;--ty-c-base-mult: .92;--ty-c-soft-mult: .77;--ty-c-faint-mult: .46;--ty-primary-l-factor: .96;--ty-success-l-factor: 1;--ty-warning-l-factor: 1.3;--ty-danger-l-factor: .93;--ty-neutral-l-factor: 1;--ty-solid-hover-l: -.04;--ty-solid-active-l: -.08;--ty-solid-strong-l: -.06;--ty-solid-soft-l: .1;--ty-solid-l: 0;--ty-solid-c: 1;--ty-solid-h: 0;--ty-primary-solid-l: 0;--ty-success-solid-l: 0;--ty-warning-solid-l: 0;--ty-danger-solid-l: 0}html.dark,html[data-theme=dark],[data-ty-theme].dark,[data-ty-theme][data-theme=dark]{--ty-primary-l-factor: 1;--ty-solid-fg-threshold: .5 !important;--ty-primary-hue: 226;--ty-primary-chroma: .065;--ty-success-hue: 129;--ty-success-chroma: .092;--ty-success-l-factor: 1.09;--ty-danger-hue: 13;--ty-danger-chroma: .101;--ty-danger-l-factor: 1.06;--ty-warning-hue: 82;--ty-warning-chroma: .195;--ty-warning-l-factor: 1.5;--ty-l-strong: .72;--ty-l-bold: .66;--ty-l-base: .62;--ty-l-soft: .46;--ty-l-faint: .3;--ty-a-bg-base: 13%;--ty-a-bg-bold: 22%;--ty-a-bg-soft: 7%;--ty-l-text-strong: 1;--ty-l-text-bold: .985;--ty-l-text-base: .88;--ty-l-text-soft: .62;--ty-l-text-faint: .47;--ty-l-border-content: .13;--ty-l-border-elevated: .375;--ty-l-border-floating: .41;--ty-l-border-strong: .66;--ty-l-border-bold: .46;--ty-l-border: .38;--ty-l-border-soft: .3;--ty-l-border-faint: .3;--ty-l-surface-canvas: .12;--ty-l-surface-content: .16;--ty-l-surface-elevated: .19;--ty-l-surface-floating: .22;--ty-l-surface-input: .18;--ty-l-solid-neutral: .18;--ty-l-solid-neutral-strong: .88;--ty-l-bg-neutral-strong: .95;--ty-l-bg-neutral-faint: .15;--ty-c-bg-neutral-faint-mult: 2;--ty-neutral-l-factor: .8;--ty-focus-ring-alpha: 20%;--ty-c-strong-mult: .77;--ty-c-bold-mult: 1;--ty-c-base-mult: .92;--ty-c-soft-mult: .77;--ty-c-faint-mult: .5;--ty-solid-hover-l: .07;--ty-solid-active-l: .11;--ty-solid-strong-l: .06;--ty-solid-soft-l: -.1;--ty-solid-l: -.2;--ty-solid-c: .7;--ty-solid-h: 0;--ty-warning-solid-l: 0}html:root,[data-ty-theme]{--ty-primary-seed-resolved: var( --ty-primary-seed, oklch(.5 var(--ty-primary-chroma) var(--ty-primary-hue)) );--ty-success-seed-resolved: var( --ty-success-seed, oklch(.5 var(--ty-success-chroma) var(--ty-success-hue)) );--ty-warning-seed-resolved: var( --ty-warning-seed, oklch(.5 var(--ty-warning-chroma) var(--ty-warning-hue)) );--ty-danger-seed-resolved: var( --ty-danger-seed, oklch(.5 var(--ty-danger-chroma) var(--ty-danger-hue)) );--ty-neutral-seed-resolved: var( --ty-neutral-seed, oklch(.5 var(--ty-neutral-chroma) var(--ty-neutral-hue)) );--ty-color-primary-strong: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-strong) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-primary-bold: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-bold) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-primary: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-base) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-primary-soft: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-soft) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-primary-faint: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-faint) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-primary: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-base) );--ty-bg-primary-bold: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-bold) );--ty-bg-primary-soft: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-soft) );--ty-border-primary: var(--ty-color-primary-soft);--ty-color-success-strong: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-strong) * var(--ty-success-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-success-bold: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-bold) * var(--ty-success-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-success: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-base) * var(--ty-success-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-success-soft: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-soft) * var(--ty-success-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-success-faint: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-faint) * var(--ty-success-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-success: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-base) );--ty-bg-success-bold: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-bold) );--ty-bg-success-soft: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-soft) );--ty-border-success: var(--ty-color-success-soft);--ty-color-danger-strong: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-strong) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-danger-bold: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-bold) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-danger: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-base) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-danger-soft: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-soft) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-danger-faint: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-faint) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-danger: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-base) );--ty-bg-danger-bold: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-bold) );--ty-bg-danger-soft: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-soft) );--ty-border-danger: var(--ty-color-danger-soft);--ty-color-warning-strong: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-strong) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-warning-bold: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-bold) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-warning: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-base) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-warning-soft: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-soft) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-warning-faint: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-faint) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-warning: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-base) );--ty-bg-warning-bold: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-bold) );--ty-bg-warning-soft: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-soft) );--ty-border-warning: var(--ty-color-warning-soft);--ty-color-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-strong) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-neutral-bold: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-bold) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-neutral: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-base) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-neutral-soft: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-soft) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-neutral-faint: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-faint) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-neutral: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-base) );--ty-bg-neutral-bold: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-bold) );--ty-bg-neutral-soft: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-soft) );--ty-bg-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-bg-neutral-strong) calc(c*2) h );--ty-bg-neutral-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-bg-neutral-faint) calc(c * var(--ty-c-bg-neutral-faint-mult)) h );--ty-border-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-strong) c h );--ty-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border) c h );--ty-border-bold: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-bold) c h );--ty-border-soft: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-soft) c h );--ty-border-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-faint) c h );--ty-text-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-strong) c h );--ty-text-bold: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-bold) c h );--ty-text: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-base) c h );--ty-text-soft: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-soft) c h );--ty-text-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-faint) c h );--ty-content-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-content) c h );--ty-elevated-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-elevated) c h );--ty-floating-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-floating) c h );--ty-surface-canvas: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-canvas) var(--ty-surface-chroma) h );--ty-surface-content: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-content) var(--ty-surface-chroma) h );--ty-surface-elevated: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-elevated) var(--ty-surface-chroma) h );--ty-surface-floating: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-floating) var(--ty-surface-chroma) h );--ty-surface-input: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-input) var(--ty-surface-chroma) h );--ty-input-bg: var(--ty-surface-input);--ty-input-color: var(--ty-text);--ty-input-border: var(--ty-border-soft);--ty-input-border-hover: var(--ty-border);--ty-input-border-focus: var(--ty-color-primary);--ty-input-placeholder: var(--ty-text-faint);--ty-input-disabled-bg: var(--ty-color-neutral-faint);--ty-input-disabled-border: var(--ty-color-neutral-faint);--ty-input-disabled-color: var(--ty-color-neutral-bold);--ty-input-shadow-focus: color-mix( in oklab, var(--ty-color-primary) var(--ty-focus-ring-alpha), transparent )}html.dark,html[data-theme=dark],[data-ty-theme].dark,[data-ty-theme][data-theme=dark]{--ty-input-border: var(--ty-border);--ty-input-border-hover: var(--ty-border-bold)}html:root,[data-ty-theme]{--ty-solid-primary: oklch( from var(--ty-color-primary) calc(l + var(--ty-solid-l) + var(--ty-primary-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-success: oklch( from var(--ty-color-success) calc(l + var(--ty-solid-l) + var(--ty-success-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-danger: oklch( from var(--ty-color-danger) calc(l + var(--ty-solid-l) + var(--ty-danger-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-warning: oklch( from var(--ty-color-warning) calc(l + var(--ty-solid-l) + var(--ty-warning-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-neutral: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-solid-neutral) calc(c * var(--ty-c-strong-mult)) h );--ty-solid-fg-threshold: .75;--ty-solid-primary-fg: oklch( from var(--ty-solid-primary) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-soft-fg: oklch( from var(--ty-solid-primary-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-strong-fg: oklch( from var(--ty-solid-primary-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-fg: oklch( from var(--ty-solid-success) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-soft-fg: oklch( from var(--ty-solid-success-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-strong-fg: oklch( from var(--ty-solid-success-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-fg: oklch( from var(--ty-solid-danger) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-soft-fg: oklch( from var(--ty-solid-danger-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-strong-fg: oklch( from var(--ty-solid-danger-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-fg: oklch( from var(--ty-solid-warning) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-soft-fg: oklch( from var(--ty-solid-warning-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-strong-fg: oklch( from var(--ty-solid-warning-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-fg: oklch( from var(--ty-solid-neutral) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-soft-fg: oklch( from var(--ty-solid-neutral-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-strong-fg: oklch( from var(--ty-solid-neutral-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-hover: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-primary-active: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-primary-strong: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-primary-soft: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-success-hover: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-success-active: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-success-strong: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-success-soft: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-danger-hover: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-danger-active: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-danger-strong: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-danger-soft: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-warning-hover: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-warning-active: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-warning-strong: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-warning-soft: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-neutral-hover: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-neutral-active: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-solid-neutral-strong) calc(c * var(--ty-c-strong-mult)) h );--ty-solid-neutral-soft: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-soft-l)) c h )}@property --ty-primary-hue{syntax: "<number>"; inherits: true; initial-value: 252;}@property --ty-primary-chroma{syntax: "<number>"; inherits: true; initial-value: .08;}@property --ty-surface-chroma{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-success-hue{syntax: "<number>"; inherits: true; initial-value: 145;}@property --ty-success-chroma{syntax: "<number>"; inherits: true; initial-value: .135;}@property --ty-warning-hue{syntax: "<number>"; inherits: true; initial-value: 75;}@property --ty-warning-chroma{syntax: "<number>"; inherits: true; initial-value: .25;}@property --ty-danger-hue{syntax: "<number>"; inherits: true; initial-value: 25;}@property --ty-danger-chroma{syntax: "<number>"; inherits: true; initial-value: .164;}@property --ty-neutral-hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-neutral-chroma{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-strong{syntax: "<number>"; inherits: true; initial-value: .38;}@property --ty-l-bold{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-l-base{syntax: "<number>"; inherits: true; initial-value: .54;}@property --ty-l-soft{syntax: "<number>"; inherits: true; initial-value: .72;}@property --ty-l-faint{syntax: "<number>"; inherits: true; initial-value: .88;}@property --ty-a-bg-base{syntax: "<percentage>"; inherits: true; initial-value: 9%;}@property --ty-a-bg-bold{syntax: "<percentage>"; inherits: true; initial-value: 17%;}@property --ty-a-bg-soft{syntax: "<percentage>"; inherits: true; initial-value: 4%;}@property --ty-l-text-strong{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-text-bold{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-text-base{syntax: "<number>"; inherits: true; initial-value: .21;}@property --ty-l-text-soft{syntax: "<number>"; inherits: true; initial-value: .37;}@property --ty-l-text-faint{syntax: "<number>"; inherits: true; initial-value: .71;}@property --ty-l-border-content{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-elevated{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-floating{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-strong{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-l-border-bold{syntax: "<number>"; inherits: true; initial-value: .64;}@property --ty-l-border{syntax: "<number>"; inherits: true; initial-value: .76;}@property --ty-l-border-soft{syntax: "<number>"; inherits: true; initial-value: .88;}@property --ty-l-border-faint{syntax: "<number>"; inherits: true; initial-value: .92;}@property --ty-l-surface-canvas{syntax: "<number>"; inherits: true; initial-value: .985;}@property --ty-l-surface-content{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-elevated{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-floating{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-input{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-solid-neutral{syntax: "<number>"; inherits: true; initial-value: .4;}@property --ty-l-solid-neutral-strong{syntax: "<number>"; inherits: true; initial-value: .15;}@property --ty-l-bg-neutral-strong{syntax: "<number>"; inherits: true; initial-value: .25;}@property --ty-l-bg-neutral-faint{syntax: "<number>"; inherits: true; initial-value: .99;}@property --ty-c-bg-neutral-faint-mult{syntax: "<number>"; inherits: true; initial-value: .4;}@property --ty-c-strong-mult{syntax: "<number>"; inherits: true; initial-value: .77;}@property --ty-c-bold-mult{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-c-base-mult{syntax: "<number>"; inherits: true; initial-value: .92;}@property --ty-c-soft-mult{syntax: "<number>"; inherits: true; initial-value: .77;}@property --ty-c-faint-mult{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-primary-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-success-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-warning-l-factor{syntax: "<number>"; inherits: true; initial-value: 1.15;}@property --ty-danger-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-neutral-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-weight-action{syntax: "<number>"; inherits: true; initial-value: 510;}@property --ty-weight-label{syntax: "<number>"; inherits: true; initial-value: 440;}@property --ty-button-depth{syntax: "<number>"; inherits: true; initial-value: .35;}@property --ty-button-border-l{syntax: "<number>"; inherits: true; initial-value: -.08;}@property --ty-button-border-l-neutral{syntax: "<number>"; inherits: true; initial-value: -.25;}@property --ty-primary-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-success-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-warning-solid-l{syntax: "<number>"; inherits: true; initial-value: .1;}@property --ty-danger-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-hover-l{syntax: "<number>"; inherits: true; initial-value: -.04;}@property --ty-solid-active-l{syntax: "<number>"; inherits: true; initial-value: -.08;}@property --ty-solid-strong-l{syntax: "<number>"; inherits: true; initial-value: -.06;}@property --ty-solid-soft-l{syntax: "<number>"; inherits: true; initial-value: .1;}@property --ty-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-c{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-solid-h{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-fg-threshold{syntax: "<number>"; inherits: true; initial-value: .75;}@property --ty-focus-ring-alpha{syntax: "<percentage>"; inherits: true; initial-value: 5%;}@property --ty-primary-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-success-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-warning-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-danger-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-neutral-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@media(prefers-reduced-motion:no-preference){html,[data-ty-theme]{transition-property:--ty-primary-hue,--ty-primary-chroma,--ty-surface-chroma,--ty-success-hue,--ty-success-chroma,--ty-warning-hue,--ty-warning-chroma,--ty-danger-hue,--ty-danger-chroma,--ty-neutral-hue,--ty-neutral-chroma,--ty-l-strong,--ty-l-bold,--ty-l-base,--ty-l-soft,--ty-l-faint,--ty-a-bg-base,--ty-a-bg-bold,--ty-a-bg-soft,--ty-l-text-strong,--ty-l-text-bold,--ty-l-text-base,--ty-l-text-soft,--ty-l-text-faint,--ty-l-border-content,--ty-l-border-elevated,--ty-l-border-floating,--ty-l-border-strong,--ty-l-border-bold,--ty-l-border,--ty-l-border-soft,--ty-l-border-faint,--ty-l-surface-canvas,--ty-l-surface-content,--ty-l-surface-elevated,--ty-l-surface-floating,--ty-l-surface-input,--ty-l-solid-neutral,--ty-l-solid-neutral-strong,--ty-l-bg-neutral-strong,--ty-l-bg-neutral-faint,--ty-c-bg-neutral-faint-mult,--ty-c-strong-mult,--ty-c-bold-mult,--ty-c-base-mult,--ty-c-soft-mult,--ty-c-faint-mult,--ty-primary-l-factor,--ty-success-l-factor,--ty-warning-l-factor,--ty-danger-l-factor,--ty-neutral-l-factor,--ty-primary-solid-l,--ty-success-solid-l,--ty-warning-solid-l,--ty-danger-solid-l,--ty-solid-hover-l,--ty-solid-active-l,--ty-solid-strong-l,--ty-solid-soft-l,--ty-solid-l,--ty-solid-c,--ty-solid-h,--ty-solid-fg-threshold,--ty-focus-ring-alpha,--ty-weight-action,--ty-weight-label,--ty-button-depth,--ty-button-border-l,--ty-button-border-l-neutral;transition-duration:var(--ty-theme-transition, .45s);transition-timing-function:ease}}.ty-theme-switching{--ty-local-transition: none}.ty-theme-switching *,.ty-theme-switching *:before,.ty-theme-switching *:after{transition:none!important}
+:root{--ty-primary-hue: 252;--ty-primary-chroma: .08;--ty-surface-chroma: 0;--ty-success-hue: 145;--ty-success-chroma: .086;--ty-warning-hue: 76;--ty-warning-chroma: .178;--ty-danger-hue: 31;--ty-danger-chroma: .134;--ty-neutral-hue: 0;--ty-neutral-chroma: 0;--ty-l-strong: .38;--ty-l-bold: .46;--ty-l-base: .54;--ty-l-soft: .72;--ty-l-faint: .88;--ty-a-bg-base: 9%;--ty-a-bg-bold: 17%;--ty-a-bg-soft: 4%;--ty-l-text-strong: 0;--ty-l-text-bold: 0;--ty-l-text-base: .21;--ty-l-text-soft: .37;--ty-l-text-faint: .71;--ty-l-border-content: .93;--ty-l-border-elevated: .93;--ty-l-border-floating: .93;--ty-l-border-strong: .46;--ty-l-border-bold: .64;--ty-l-border: .76;--ty-l-border-soft: .88;--ty-l-border-faint: .92;--ty-l-surface-canvas: .985;--ty-l-surface-content: 1;--ty-l-surface-elevated: 1;--ty-l-surface-floating: 1;--ty-l-surface-input: 1;--ty-l-solid-neutral: .4;--ty-l-solid-neutral-strong: .15;--ty-l-bg-neutral-strong: .25;--ty-l-bg-neutral-faint: .99;--ty-c-bg-neutral-faint-mult: .4;--ty-focus-ring-alpha: 5%;--ty-c-strong-mult: .77;--ty-c-bold-mult: 1;--ty-c-base-mult: .92;--ty-c-soft-mult: .77;--ty-c-faint-mult: .46;--ty-primary-l-factor: .96;--ty-success-l-factor: 1;--ty-warning-l-factor: 1.3;--ty-danger-l-factor: .93;--ty-neutral-l-factor: 1;--ty-solid-hover-l: -.04;--ty-solid-active-l: -.08;--ty-solid-strong-l: -.06;--ty-solid-soft-l: .1;--ty-solid-l: 0;--ty-solid-c: 1;--ty-solid-h: 0;--ty-primary-solid-l: 0;--ty-success-solid-l: 0;--ty-warning-solid-l: 0;--ty-danger-solid-l: 0}html.dark,html[data-theme=dark],[data-ty-theme].dark,[data-ty-theme][data-theme=dark]{--ty-primary-l-factor: 1;--ty-solid-fg-threshold: .5 !important;--ty-primary-hue: 226;--ty-primary-chroma: .065;--ty-success-hue: 129;--ty-success-chroma: .092;--ty-success-l-factor: 1.09;--ty-danger-hue: 13;--ty-danger-chroma: .101;--ty-danger-l-factor: 1.06;--ty-warning-hue: 82;--ty-warning-chroma: .195;--ty-warning-l-factor: 1.5;--ty-l-strong: .72;--ty-l-bold: .66;--ty-l-base: .62;--ty-l-soft: .46;--ty-l-faint: .3;--ty-a-bg-base: 13%;--ty-a-bg-bold: 22%;--ty-a-bg-soft: 7%;--ty-l-text-strong: 1;--ty-l-text-bold: .985;--ty-l-text-base: .88;--ty-l-text-soft: .62;--ty-l-text-faint: .47;--ty-l-border-content: .13;--ty-l-border-elevated: .375;--ty-l-border-floating: .41;--ty-l-border-strong: .66;--ty-l-border-bold: .46;--ty-l-border: .38;--ty-l-border-soft: .3;--ty-l-border-faint: .3;--ty-l-surface-canvas: .12;--ty-l-surface-content: .16;--ty-l-surface-elevated: .19;--ty-l-surface-floating: .22;--ty-l-surface-input: .18;--ty-l-solid-neutral: .18;--ty-l-solid-neutral-strong: .88;--ty-l-bg-neutral-strong: .95;--ty-l-bg-neutral-faint: .15;--ty-c-bg-neutral-faint-mult: 2;--ty-neutral-l-factor: .8;--ty-focus-ring-alpha: 20%;--ty-c-strong-mult: .77;--ty-c-bold-mult: 1;--ty-c-base-mult: .92;--ty-c-soft-mult: .77;--ty-c-faint-mult: .5;--ty-solid-hover-l: .07;--ty-solid-active-l: .11;--ty-solid-strong-l: .06;--ty-solid-soft-l: -.1;--ty-solid-l: -.2;--ty-solid-c: .7;--ty-solid-h: 0;--ty-warning-solid-l: 0}html:root,[data-ty-theme]{--ty-primary-seed-resolved: var( --ty-primary-seed, oklch(.5 var(--ty-primary-chroma) var(--ty-primary-hue)) );--ty-success-seed-resolved: var( --ty-success-seed, oklch(.5 var(--ty-success-chroma) var(--ty-success-hue)) );--ty-warning-seed-resolved: var( --ty-warning-seed, oklch(.5 var(--ty-warning-chroma) var(--ty-warning-hue)) );--ty-danger-seed-resolved: var( --ty-danger-seed, oklch(.5 var(--ty-danger-chroma) var(--ty-danger-hue)) );--ty-neutral-seed-resolved: var( --ty-neutral-seed, oklch(.5 var(--ty-neutral-chroma) var(--ty-neutral-hue)) );--ty-color-primary-strong: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-strong) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-primary-bold: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-bold) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-primary: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-base) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-primary-soft: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-soft) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-primary-faint: oklch( from var(--ty-primary-seed-resolved) calc(var(--ty-l-faint) * var(--ty-primary-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-primary: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-base) );--ty-bg-primary-bold: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-bold) );--ty-bg-primary-soft: oklch( from var(--ty-color-primary) l c h / var(--ty-a-bg-soft) );--ty-border-primary: var(--ty-color-primary-soft);--ty-color-success-strong: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-strong) * var(--ty-success-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-success-bold: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-bold) * var(--ty-success-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-success: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-base) * var(--ty-success-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-success-soft: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-soft) * var(--ty-success-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-success-faint: oklch( from var(--ty-success-seed-resolved) calc(var(--ty-l-faint) * var(--ty-success-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-success: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-base) );--ty-bg-success-bold: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-bold) );--ty-bg-success-soft: oklch( from var(--ty-color-success) l c h / var(--ty-a-bg-soft) );--ty-border-success: var(--ty-color-success-soft);--ty-color-danger-strong: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-strong) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-danger-bold: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-bold) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-danger: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-base) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-danger-soft: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-soft) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-danger-faint: oklch( from var(--ty-danger-seed-resolved) calc(var(--ty-l-faint) * var(--ty-danger-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-danger: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-base) );--ty-bg-danger-bold: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-bold) );--ty-bg-danger-soft: oklch( from var(--ty-color-danger) l c h / var(--ty-a-bg-soft) );--ty-border-danger: var(--ty-color-danger-soft);--ty-color-warning-strong: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-strong) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-warning-bold: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-bold) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-warning: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-base) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-warning-soft: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-soft) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-warning-faint: oklch( from var(--ty-warning-seed-resolved) calc(var(--ty-l-faint) * var(--ty-warning-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-warning: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-base) );--ty-bg-warning-bold: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-bold) );--ty-bg-warning-soft: oklch( from var(--ty-color-warning) l c h / var(--ty-a-bg-soft) );--ty-border-warning: var(--ty-color-warning-soft);--ty-color-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-strong) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-strong-mult)) h );--ty-color-neutral-bold: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-bold) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-bold-mult)) h );--ty-color-neutral: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-base) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-base-mult)) h );--ty-color-neutral-soft: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-soft) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-soft-mult)) h );--ty-color-neutral-faint: oklch( from var(--ty-neutral-seed-resolved) calc(var(--ty-l-faint) * var(--ty-neutral-l-factor)) calc(c * var(--ty-c-faint-mult)) h );--ty-bg-neutral: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-base) );--ty-bg-neutral-bold: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-bold) );--ty-bg-neutral-soft: oklch( from var(--ty-color-neutral) l c h / var(--ty-a-bg-soft) );--ty-bg-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-bg-neutral-strong) calc(c*2) h );--ty-bg-neutral-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-bg-neutral-faint) calc(c * var(--ty-c-bg-neutral-faint-mult)) h );--ty-border-neutral: var(--ty-color-neutral-soft);--ty-border-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-strong) c h );--ty-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border) c h );--ty-border-bold: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-bold) c h );--ty-border-soft: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-soft) c h );--ty-border-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-faint) c h );--ty-text-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-strong) c h );--ty-text-bold: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-bold) c h );--ty-text: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-base) c h );--ty-text-soft: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-soft) c h );--ty-text-faint: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-text-faint) c h );--ty-content-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-content) c h );--ty-elevated-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-elevated) c h );--ty-floating-border: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-border-floating) c h );--ty-surface-canvas: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-canvas) var(--ty-surface-chroma) h );--ty-surface-content: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-content) var(--ty-surface-chroma) h );--ty-surface-elevated: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-elevated) var(--ty-surface-chroma) h );--ty-surface-floating: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-floating) var(--ty-surface-chroma) h );--ty-surface-input: oklch( from var(--ty-primary-seed-resolved) var(--ty-l-surface-input) var(--ty-surface-chroma) h );--ty-input-bg: var(--ty-surface-input);--ty-input-color: var(--ty-text);--ty-input-border: var(--ty-border-soft);--ty-input-border-hover: var(--ty-border);--ty-input-border-focus: var(--ty-color-primary);--ty-input-placeholder: var(--ty-text-faint);--ty-input-disabled-bg: var(--ty-color-neutral-faint);--ty-input-disabled-border: var(--ty-color-neutral-faint);--ty-input-disabled-color: var(--ty-color-neutral-bold);--ty-input-shadow-focus: color-mix( in oklab, var(--ty-color-primary) var(--ty-focus-ring-alpha), transparent )}html.dark,html[data-theme=dark],[data-ty-theme].dark,[data-ty-theme][data-theme=dark]{--ty-input-border: var(--ty-border);--ty-input-border-hover: var(--ty-border-bold)}html:root,[data-ty-theme]{--ty-solid-primary: oklch( from var(--ty-color-primary) calc(l + var(--ty-solid-l) + var(--ty-primary-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-success: oklch( from var(--ty-color-success) calc(l + var(--ty-solid-l) + var(--ty-success-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-danger: oklch( from var(--ty-color-danger) calc(l + var(--ty-solid-l) + var(--ty-danger-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-warning: oklch( from var(--ty-color-warning) calc(l + var(--ty-solid-l) + var(--ty-warning-solid-l, 0)) calc(c * var(--ty-solid-c)) calc(h + var(--ty-solid-h)) );--ty-solid-neutral: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-solid-neutral) calc(c * var(--ty-c-strong-mult)) h );--ty-solid-fg-threshold: .75;--ty-solid-primary-fg: oklch( from var(--ty-solid-primary) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-soft-fg: oklch( from var(--ty-solid-primary-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-strong-fg: oklch( from var(--ty-solid-primary-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-fg: oklch( from var(--ty-solid-success) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-soft-fg: oklch( from var(--ty-solid-success-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-success-strong-fg: oklch( from var(--ty-solid-success-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-fg: oklch( from var(--ty-solid-danger) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-soft-fg: oklch( from var(--ty-solid-danger-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-danger-strong-fg: oklch( from var(--ty-solid-danger-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-fg: oklch( from var(--ty-solid-warning) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-soft-fg: oklch( from var(--ty-solid-warning-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-warning-strong-fg: oklch( from var(--ty-solid-warning-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-fg: oklch( from var(--ty-solid-neutral) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-soft-fg: oklch( from var(--ty-solid-neutral-soft) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-neutral-strong-fg: oklch( from var(--ty-solid-neutral-strong) clamp(0, (var(--ty-solid-fg-threshold) - l) * 1000, 1) 0 0 );--ty-solid-primary-hover: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-primary-active: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-primary-strong: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-primary-soft: oklch( from var(--ty-solid-primary) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-success-hover: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-success-active: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-success-strong: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-success-soft: oklch( from var(--ty-solid-success) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-danger-hover: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-danger-active: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-danger-strong: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-danger-soft: oklch( from var(--ty-solid-danger) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-warning-hover: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-warning-active: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-warning-strong: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-strong-l)) c h );--ty-solid-warning-soft: oklch( from var(--ty-solid-warning) calc(l + var(--ty-solid-soft-l)) c h );--ty-solid-neutral-hover: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-hover-l)) c h );--ty-solid-neutral-active: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-active-l)) c h );--ty-solid-neutral-strong: oklch( from var(--ty-neutral-seed-resolved) var(--ty-l-solid-neutral-strong) calc(c * var(--ty-c-strong-mult)) h );--ty-solid-neutral-soft: oklch( from var(--ty-solid-neutral) calc(l + var(--ty-solid-soft-l)) c h )}@property --ty-primary-hue{syntax: "<number>"; inherits: true; initial-value: 252;}@property --ty-primary-chroma{syntax: "<number>"; inherits: true; initial-value: .08;}@property --ty-surface-chroma{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-success-hue{syntax: "<number>"; inherits: true; initial-value: 145;}@property --ty-success-chroma{syntax: "<number>"; inherits: true; initial-value: .135;}@property --ty-warning-hue{syntax: "<number>"; inherits: true; initial-value: 75;}@property --ty-warning-chroma{syntax: "<number>"; inherits: true; initial-value: .25;}@property --ty-danger-hue{syntax: "<number>"; inherits: true; initial-value: 25;}@property --ty-danger-chroma{syntax: "<number>"; inherits: true; initial-value: .164;}@property --ty-neutral-hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-neutral-chroma{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-strong{syntax: "<number>"; inherits: true; initial-value: .38;}@property --ty-l-bold{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-l-base{syntax: "<number>"; inherits: true; initial-value: .54;}@property --ty-l-soft{syntax: "<number>"; inherits: true; initial-value: .72;}@property --ty-l-faint{syntax: "<number>"; inherits: true; initial-value: .88;}@property --ty-a-bg-base{syntax: "<percentage>"; inherits: true; initial-value: 9%;}@property --ty-a-bg-bold{syntax: "<percentage>"; inherits: true; initial-value: 17%;}@property --ty-a-bg-soft{syntax: "<percentage>"; inherits: true; initial-value: 4%;}@property --ty-l-text-strong{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-text-bold{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-l-text-base{syntax: "<number>"; inherits: true; initial-value: .21;}@property --ty-l-text-soft{syntax: "<number>"; inherits: true; initial-value: .37;}@property --ty-l-text-faint{syntax: "<number>"; inherits: true; initial-value: .71;}@property --ty-l-border-content{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-elevated{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-floating{syntax: "<number>"; inherits: true; initial-value: .93;}@property --ty-l-border-strong{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-l-border-bold{syntax: "<number>"; inherits: true; initial-value: .64;}@property --ty-l-border{syntax: "<number>"; inherits: true; initial-value: .76;}@property --ty-l-border-soft{syntax: "<number>"; inherits: true; initial-value: .88;}@property --ty-l-border-faint{syntax: "<number>"; inherits: true; initial-value: .92;}@property --ty-l-surface-canvas{syntax: "<number>"; inherits: true; initial-value: .985;}@property --ty-l-surface-content{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-elevated{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-floating{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-surface-input{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-l-solid-neutral{syntax: "<number>"; inherits: true; initial-value: .4;}@property --ty-l-solid-neutral-strong{syntax: "<number>"; inherits: true; initial-value: .15;}@property --ty-l-bg-neutral-strong{syntax: "<number>"; inherits: true; initial-value: .25;}@property --ty-l-bg-neutral-faint{syntax: "<number>"; inherits: true; initial-value: .99;}@property --ty-c-bg-neutral-faint-mult{syntax: "<number>"; inherits: true; initial-value: .4;}@property --ty-c-strong-mult{syntax: "<number>"; inherits: true; initial-value: .77;}@property --ty-c-bold-mult{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-c-base-mult{syntax: "<number>"; inherits: true; initial-value: .92;}@property --ty-c-soft-mult{syntax: "<number>"; inherits: true; initial-value: .77;}@property --ty-c-faint-mult{syntax: "<number>"; inherits: true; initial-value: .46;}@property --ty-primary-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-success-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-warning-l-factor{syntax: "<number>"; inherits: true; initial-value: 1.15;}@property --ty-danger-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-neutral-l-factor{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-weight-action{syntax: "<number>"; inherits: true; initial-value: 510;}@property --ty-weight-label{syntax: "<number>"; inherits: true; initial-value: 440;}@property --ty-button-depth{syntax: "<number>"; inherits: true; initial-value: .35;}@property --ty-button-border-l{syntax: "<number>"; inherits: true; initial-value: -.08;}@property --ty-button-border-l-neutral{syntax: "<number>"; inherits: true; initial-value: -.25;}@property --ty-primary-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-success-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-warning-solid-l{syntax: "<number>"; inherits: true; initial-value: .1;}@property --ty-danger-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-hover-l{syntax: "<number>"; inherits: true; initial-value: -.04;}@property --ty-solid-active-l{syntax: "<number>"; inherits: true; initial-value: -.08;}@property --ty-solid-strong-l{syntax: "<number>"; inherits: true; initial-value: -.06;}@property --ty-solid-soft-l{syntax: "<number>"; inherits: true; initial-value: .1;}@property --ty-solid-l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-c{syntax: "<number>"; inherits: true; initial-value: 1;}@property --ty-solid-h{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ty-solid-fg-threshold{syntax: "<number>"; inherits: true; initial-value: .75;}@property --ty-focus-ring-alpha{syntax: "<percentage>"; inherits: true; initial-value: 5%;}@property --ty-primary-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-success-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-warning-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-danger-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --ty-neutral-seed-resolved{syntax: "<color>"; inherits: true; initial-value: #808080;}@media(prefers-reduced-motion:no-preference){html,[data-ty-theme]{transition-property:--ty-primary-hue,--ty-primary-chroma,--ty-surface-chroma,--ty-success-hue,--ty-success-chroma,--ty-warning-hue,--ty-warning-chroma,--ty-danger-hue,--ty-danger-chroma,--ty-neutral-hue,--ty-neutral-chroma,--ty-l-strong,--ty-l-bold,--ty-l-base,--ty-l-soft,--ty-l-faint,--ty-a-bg-base,--ty-a-bg-bold,--ty-a-bg-soft,--ty-l-text-strong,--ty-l-text-bold,--ty-l-text-base,--ty-l-text-soft,--ty-l-text-faint,--ty-l-border-content,--ty-l-border-elevated,--ty-l-border-floating,--ty-l-border-strong,--ty-l-border-bold,--ty-l-border,--ty-l-border-soft,--ty-l-border-faint,--ty-l-surface-canvas,--ty-l-surface-content,--ty-l-surface-elevated,--ty-l-surface-floating,--ty-l-surface-input,--ty-l-solid-neutral,--ty-l-solid-neutral-strong,--ty-l-bg-neutral-strong,--ty-l-bg-neutral-faint,--ty-c-bg-neutral-faint-mult,--ty-c-strong-mult,--ty-c-bold-mult,--ty-c-base-mult,--ty-c-soft-mult,--ty-c-faint-mult,--ty-primary-l-factor,--ty-success-l-factor,--ty-warning-l-factor,--ty-danger-l-factor,--ty-neutral-l-factor,--ty-primary-solid-l,--ty-success-solid-l,--ty-warning-solid-l,--ty-danger-solid-l,--ty-solid-hover-l,--ty-solid-active-l,--ty-solid-strong-l,--ty-solid-soft-l,--ty-solid-l,--ty-solid-c,--ty-solid-h,--ty-solid-fg-threshold,--ty-focus-ring-alpha,--ty-weight-action,--ty-weight-label,--ty-button-depth,--ty-button-border-l,--ty-button-border-l-neutral;transition-duration:var(--ty-theme-transition, .45s);transition-timing-function:ease}}.ty-theme-switching{--ty-local-transition: none}.ty-theme-switching *,.ty-theme-switching *:before,.ty-theme-switching *:after{transition:none!important}