tyrell-components 1.0.0-TC54 → 1.0.0-TC56

package/README.md

@@ -7,9 +7,17 @@ TypeScript web components for universal UI development.
 ## Installation
 
 ```bash
-npm install tyrell-components
+npm install tyrell-components        # latest -> the RC line
+npm install tyrell-components@tc     # tc     -> the TC line (current work)
 ```
 
+**Two dist-tags, and `latest` is not the newest version.** `latest`/`rc` point
+at the RC line — the promoted, stable releases. `tc` points at the TC line,
+where features land first and which can run several versions and weeks ahead of
+`latest`. A plain `npm install` therefore gets you the RC, deliberately. Reach
+for `@tc` when you want the newest components; check
+[CHANGELOG.md](../../CHANGELOG.md) for what is only on the TC line so far.
+
 ## Usage
 
 ### Import All Components
@@ -62,23 +70,44 @@ import 'tyrell-components/input'
 
 ## Available Components
 
-- **ty-button** - Button with multiple flavors (primary, success, danger, warning, neutral)
-- **ty-modal** - Modal dialog with backdrop, ESC key, focus trap
-- **ty-input** - Input field with validation, number formatting
-- **ty-dropdown** - Dropdown with positioning, keyboard navigation
-- **ty-checkbox** - Checkbox with form integration
-- **ty-textarea** - Textarea with auto-resize
-- **ty-popup** - Popup positioning system
-- **ty-tooltip** - Tooltip with hover/focus triggers
-- **ty-tag** - Tag with removable state
-- **ty-option** - Option for dropdown/multiselect
-- **ty-icon** - Icon with registry system
-- **ty-copy** - Copy-to-clipboard field for API keys, tokens, URLs
-- **ty-calendar** - Full calendar with navigation and date selection
-- **ty-calendar-month** - Month view component
-- **ty-calendar-navigation** - Calendar navigation controls
-- **ty-date-picker** - Date picker with calendar popup
-- **ty-multiselect** - Multi-select dropdown with tags
+**Actions**
+- **ty-button** - Button in five flavors with `+`/`-` tones, sizes, icon slots
+- **ty-tag** - Label, status or filter chip; optionally dismissible
+
+**Text input**
+- **ty-input** - Text, number, currency and percent input with locale-aware formatting
+- **ty-textarea** - Auto-resizing textarea
+- **ty-file-upload** - Drop zone and file list, form-associated
+- **ty-copy** - Read-only field with copy-to-clipboard (alias `ty-copy-field`)
+
+**Toggles**
+- **ty-checkbox** - Checkbox, form-associated
+- **ty-switch** - On/off switch
+- **ty-radio-group** / **ty-radio** - Radio group with arrow-key navigation
+
+**Selection**
+- **ty-select** - Single and multiple select with search, async options and create-on-the-fly
+- **ty-option** - Option for `ty-select`
+- **ty-selected-options** - Selected values as dismissible tags, placed anywhere (alias `ty-selected-tags`)
+
+**Date & time**
+- **ty-date-picker** - Date (and time) picker with calendar popup
+- **ty-calendar** - Inline calendar with month/year view and keyboard navigation
+- **ty-calendar-month** / **ty-calendar-navigation** - The calendar's building blocks
+
+**Overlays**
+- **ty-modal** - Modal dialog with backdrop, Escape and focus trap (alias `ty-dialog`)
+- **ty-popup** - Anchored popup with placement and flipping
+- **ty-tooltip** - Tooltip on hover and focus
+
+**Layout**
+- **ty-tabs** / **ty-tab** - Tabs with a scrollable strip and overflow menu
+- **ty-wizard** / **ty-step** - Multi-step flow
+- **ty-scroll-container** - Scroll area with edge shadows and scroll anchoring
+- **ty-resize-observer** - Publishes an element's size for layout code
+
+**Visual**
+- **ty-icon** - Icon from the registry (Lucide, Heroicons, Material, Font Awesome)
 
 ## Development
 
@@ -163,49 +192,20 @@ button.addEventListener('ty-click', (e) => {
 
 ### Icon System
 
-The core package includes the icon registry utility but **not the icon libraries** themselves (to keep package size small).
-
-**Option 1: Use the separate icon package** (coming soon):
-```bash
-npm install tyrell-components/icons
-```
+Every icon set ships in this package as named exports. Import the ones you use and register them; the rest is tree-shaken.
 
-```typescript
-import { check, heart, star } from 'tyrell-components/icons/lucide'
+```js
 import { registerIcons } from 'tyrell-components/icons/registry'
+import { check, chevronDown } from 'tyrell-components/icons/lucide'
 
-registerIcons({ check, heart, star })
+registerIcons({ check, 'action-down': chevronDown })  // the key is the name
 ```
 
-**Option 2: Bring your own SVG icons**:
-```typescript
-import { registerIcons } from 'tyrell-components/icons/registry'
-
-registerIcons({
-  'check': '<svg xmlns="http://www.w3.org/2000/svg">...</svg>',
-  'custom-logo': '<svg>...</svg>'
-})
-```
-
-**Option 3: Use the global API**:
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tyrell-components/dist/tyrell.js"></script>
-<script>
-  window.tyIcons.register({
-    'check': '<svg>...</svg>',
-    'heart': '<svg>...</svg>'
-  })
-  
-  console.log(window.tyVersion)              // '0.2.0'
-  console.log(window.tyIcons.has('check'))   // true
-  console.log(window.tyIcons.list())         // ['check', 'heart']
-</script>
+<ty-icon name="check"></ty-icon>
 ```
 
-**Why separate packages?**
-- Core package stays lightweight (~2.6MB)
-- Install icons only if you need them
-- Or use your own custom SVG icons
+CDN build: `window.tyIcons.register({ … })`. Sets, tree-shaking, custom SVGs and troubleshooting: [ICONS_GUIDE.md](https://github.com/gersak/ty/blob/master/guides/ICONS_GUIDE.md).
 
 ## Browser Support
 

package/css/tyrell-theme.css

@@ -736,7 +736,12 @@ html:root,
    * Inputs — tied to neutral ramp so form controls retint with primary.
    * --------------------------------------------------------------*/
   --ty-input-bg: var(--ty-surface-input);
-  --ty-input-color: var(--ty-color-neutral-strong);
+  /* Value text and placeholder ride the TEXT ladder, like the static
+     palette (#111827 / #9ca3af). The neutral ink ramp they used before is
+     scaled by --ty-neutral-l-factor (0.8 in dark), which put typed text at
+     L 0.58 — dimmer than the field's own label — and the placeholder at
+     L 0.37 on an L 0.18 surface. */
+  --ty-input-color: var(--ty-text);
   /* Borders come from the BORDER family, not the neutral ink ramp: ink is
      multiplied by --ty-neutral-l-factor (0.8 in dark), which crushed the
      resting input border to L 0.24 against an L 0.18 input surface — half
@@ -746,7 +751,7 @@ html:root,
   --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-color-neutral-soft);
+  --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);

package/css/tyrell.css

@@ -444,24 +444,19 @@ DESIGN SYSTEM TOKENS
   --ty-tooltip-bg: #262626;
   --ty-tooltip-color: #f5f5f5;
   --ty-tooltip-border: #404040;
-
-  /* =================================================================
-  CALENDAR — "other month" day de-emphasis
-  --ty-color-neutral-faint alone is only ~2.5:1 against white — already
-  below the 4.5:1 WCAG AA text minimum before the (now-removed) opacity
-  fade made it worse still. This is its own token, calibrated to actually
-  pass, rather than reusing -faint here. Real bug, caught by adding
-  axe-core coverage for the first time, not a design choice being revised.
-  ================================================================= */
-  --ty-calendar-other-month-color: #6b7280; /* 4.83:1 vs white */
 }
 
 /* =================================================================
 DARK THEME OVERRIDES
 ================================================================= */
 
+/* [data-ty-theme].dark scopes dark mode to a subtree, matching the selectors
+   in tyrell-theme.css — without it, colors flip there but labels, modals,
+   shadows and scrollbars keep their light values. */
 html.dark,
-html[data-theme="dark"] {
+html[data-theme="dark"],
+[data-ty-theme].dark,
+[data-ty-theme][data-theme="dark"] {
   /* Weight dials flip with the mode — light-on-dark text blooms, so dark
      mode runs genuinely lighter. See the :root definitions. */
   --ty-weight-action: var(--ty-font-normal);
@@ -530,10 +525,6 @@ html[data-theme="dark"] {
     rgba(0, 0, 0, 0),
     transparent
   );
-
-  /* Calendar "other month" de-emphasis — see the :root definition for why
-     this is its own token instead of --ty-color-neutral-faint. */
-  --ty-calendar-other-month-color: #8a8a8a; /* 5.04:1 vs dark content bg (#1a1a1a) */
 }
 
 /* =================================================================

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-color-neutral-strong);--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-color-neutral-soft);--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-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}

package/dist/tyrell.css

@@ -1 +1 @@
-ty-icon:not(:defined){display:inline-block;aspect-ratio:1 / 1;opacity:0;transition:opacity .15s ease-in}ty-icon:not(:defined),ty-icon:not(:defined)[size=md]{width:1em;height:1em}ty-icon:not(:defined)[size=xs]{width:.75em;height:.75em}ty-icon:not(:defined)[size=sm]{width:.875em;height:.875em}ty-icon:not(:defined)[size=lg]{width:1.25em;height:1.25em}ty-icon:not(:defined)[size=xl]{width:1.5em;height:1.5em}ty-icon:not(:defined)[size="2xl"]{width:2em;height:2em}ty-icon:not(:defined)[size="12"]{width:12px;height:12px}ty-icon:not(:defined)[size="14"]{width:14px;height:14px}ty-icon:not(:defined)[size="16"]{width:16px;height:16px}ty-icon:not(:defined)[size="18"]{width:18px;height:18px}ty-icon:not(:defined)[size="20"]{width:20px;height:20px}ty-icon:not(:defined)[size="24"]{width:24px;height:24px}ty-icon:not(:defined)[size="32"]{width:32px;height:32px}ty-icon:not(:defined)[size="48"]{width:48px;height:48px}ty-icon:not(:defined)[size="64"]{width:64px;height:64px}ty-icon:not(:defined)[size="80"]{width:80px;height:80px}ty-icon:not(:defined)[size="96"]{width:96px;height:96px}ty-icon{opacity:1}html{--ty-bg-faint: #f8fafc;--ty-bg-soft: #f1f5f9;--ty-bg: #ffffff;--ty-bg-bold: #f8fafc;--ty-bg-strong: #e2e8f0;--ty-focus-ring-gap: #ffffff;--ty-border-width: 1px;--ty-scrollbar-thumb: rgba(0, 0, 0, .35);--ty-scrollbar-thumb-hover: rgba(0, 0, 0, .5);--ty-scrollbar-thumb-active: rgba(0, 0, 0, .6);--ty-scrollbar-track: transparent;--ty-scrollbar-track-hover: rgba(0, 0, 0, .06);--ty-elevated-border-width: var(--ty-border-width);--ty-elevated-border-style: solid;--ty-floating-border-width: var(--ty-border-width);--ty-floating-border-style: solid;--ty-canvas-border: transparent;--ty-canvas-border-width: var(--ty-border-width);--ty-canvas-border-style: solid;--ty-content-border-width: var(--ty-border-width);--ty-content-border-style: solid;--ty-input-border-width: var(--ty-border-width);--ty-input-border-style: solid;--ty-divide-color: var(--ty-border);--ty-divide-width: var(--ty-border-width);--ty-modal-bg: #ffffff;--ty-modal-color: #111827;--ty-modal-border: #e5e7eb;--ty-modal-backdrop: rgba(0, 0, 0, .5);--ty-modal-backdrop-blur: blur(2px);--ty-modal-border-radius: 16px;--ty-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ty-modal-duration: .2s;--ty-modal-sm-width: 300px;--ty-modal-md-width: 500px;--ty-modal-lg-width: 700px;--ty-modal-xl-width: 900px;--ty-modal-full-width: 95vw;--ty-modal-full-height: 95vh;--ty-label-color: #374151;--ty-spacing-0: 0;--ty-spacing-px: 1px;--ty-spacing-mini: .125rem;--ty-spacing-1: .25rem;--ty-spacing-2: .5rem;--ty-spacing-3: .75rem;--ty-spacing-4: 1rem;--ty-spacing-5: 1.25rem;--ty-spacing-6: 1.5rem;--ty-spacing-7: 1.75rem;--ty-spacing-8: 2rem;--ty-spacing-9: 2.25rem;--ty-spacing-10: 2.5rem;--ty-spacing-12: 3rem;--ty-spacing-16: 4rem;--ty-spacing-20: 5rem;--ty-spacing-24: 6rem;--ty-radius-none: 0;--ty-radius-sm: .25rem;--ty-radius-base: .375rem;--ty-radius-md: .5rem;--ty-radius-lg: .75rem;--ty-radius-xl: 1rem;--ty-radius-2xl: 1.5rem;--ty-radius-3xl: 2rem;--ty-radius-full: 9999px;--ty-shadow-none: none;--ty-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ty-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--ty-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ty-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ty-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ty-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--ty-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ty-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--ty-font-xxs: .625rem;--ty-font-xs: .75rem;--ty-font-sm: .875rem;--ty-font-base: 1rem;--ty-font-lg: 1.125rem;--ty-font-xl: 1.25rem;--ty-font-2xl: 1.5rem;--ty-font-3xl: 1.875rem;--ty-font-4xl: 2.25rem;--ty-font-5xl: 3rem;--ty-leading-xxs: .9375rem;--ty-leading-xs: 1.05rem;--ty-leading-sm: 1.3125rem;--ty-leading-base: 1.5rem;--ty-leading-lg: 1.6875rem;--ty-leading-xl: 1.75rem;--ty-leading-2xl: 2rem;--ty-leading-3xl: 2.25rem;--ty-leading-4xl: 2.5rem;--ty-leading-5xl: 1;--ty-tracking-xxs: -.015em;--ty-tracking-xs: 0;--ty-tracking-sm: -.013em;--ty-tracking-base: -.011em;--ty-tracking-lg: 0;--ty-tracking-tight: -.022em;--ty-tracking-title: -.012em;--ty-font-thin: 100;--ty-font-light: 300;--ty-font-normal: 400;--ty-font-medium: 510;--ty-font-semibold: 590;--ty-font-bold: 680;--ty-font-extrabold: 800;--ty-weight-action: var(--ty-font-medium);--ty-weight-label: 440;--ty-button-depth: .35;--ty-button-border-l: -.08;--ty-button-border-l-neutral: -.25;--ty-line-height-none: 1;--ty-line-height-tight: 1.25;--ty-line-height-snug: 1.375;--ty-line-height-normal: 1.5;--ty-line-height-relaxed: 1.625;--ty-line-height-loose: 2;--ty-transition-none: none;--ty-transition-all: var(--ty-local-transition, all .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-colors: var(--ty-local-transition, bg-color, border-color, color, fill, stroke .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-shadow: var(--ty-local-transition, box-shadow .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-transform: var(--ty-local-transition, transform .15s cubic-bezier(.4, 0, .2, 1));--ty-size-xs: 1.75rem;--ty-size-sm: 2rem;--ty-size-md: 2.25rem;--ty-size-lg: 2.5rem;--ty-size-xl: 2.75rem;--ty-z-auto: auto;--ty-z-0: 0;--ty-z-10: 10;--ty-z-20: 20;--ty-z-30: 30;--ty-z-40: 40;--ty-z-50: 50;--ty-z-sticky: 1020;--ty-z-fixed: 1030;--ty-z-modal-backdrop: 1040;--ty-z-modal: 1050;--ty-z-popover: 1060;--ty-z-tooltip: 1070;--ty-z-dropdown: 1080;--ty-scroll-shadow-top: radial-gradient( ellipse 100% 30% at center, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-bottom: radial-gradient( ellipse 100% 20% at center, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-transition: opacity .2s ease-out;--ty-tooltip-bg: #262626;--ty-tooltip-color: #f5f5f5;--ty-tooltip-border: #404040;--ty-calendar-other-month-color: #6b7280}html.dark,html[data-theme=dark]{--ty-weight-action: var(--ty-font-normal);--ty-weight-label: var(--ty-font-normal);--ty-button-border-l: 0;--ty-button-border-l-neutral: .5;--ty-bg-faint: #0f1419;--ty-bg-soft: #111827;--ty-bg: #1f2937;--ty-bg-bold: #374151;--ty-bg-strong: #6b7280;--ty-focus-ring-gap: #1f2937;--ty-scrollbar-thumb: rgba(255, 255, 255, .13);--ty-scrollbar-thumb-hover: rgba(255, 255, 255, .22);--ty-scrollbar-thumb-active: rgba(255, 255, 255, .3);--ty-scrollbar-track: transparent;--ty-scrollbar-track-hover: rgba(255, 255, 255, .04);--ty-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--ty-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--ty-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--ty-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--ty-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--ty-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--ty-label-color: #d1d5db;--ty-modal-bg: var(--ty-bg-bold);--ty-modal-color: var(--ty-color-neutral-bold);--ty-modal-border: var(--ty-border);--ty-modal-backdrop: rgba(0, 0, 0, .7);--ty-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--ty-scroll-shadow-top: radial-gradient( ellipse 100% 30% at center, rgba(172, 172, 172, .2), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-bottom: radial-gradient( ellipse 100% 20% at center, rgba(172, 172, 172, .3), rgba(0, 0, 0, 0), transparent );--ty-calendar-other-month-color: #8a8a8a}::selection{background-color:var(--ty-selection-bg, var(--ty-bg-primary-bold));color:var(--ty-selection-color, var(--ty-text-strong))}::-moz-selection{background-color:var(--ty-selection-bg, var(--ty-color-primary));color:var(--ty-selection-color, var(--ty-text-strong))}pre ::selection,code ::selection,pre::-moz-selection,code::-moz-selection{background-color:var(--ty-color-warning-soft);color:var(--ty-color-neutral-strong)}html.dark pre ::selection,html.dark code ::selection,html.dark pre::-moz-selection,html.dark code::-moz-selection{background-color:var(--ty-color-warning);color:var(--ty-bg-strong)}input::selection,textarea::selection,input::-moz-selection,textarea::-moz-selection{background-color:var(--ty-color-primary);color:#fff}html.dark input::selection,html.dark textarea::selection,html.dark input::-moz-selection,html.dark textarea::-moz-selection{background-color:var(--ty-color-primary-soft);color:var(--ty-color-primary-strong)}.ty-selection-primary ::selection,.ty-selection-primary::-moz-selection{background-color:var(--ty-color-primary-soft);color:var(--ty-color-primary-strong)}.ty-selection-success ::selection,.ty-selection-success::-moz-selection{background-color:var(--ty-color-success-soft);color:var(--ty-color-success-strong)}.ty-selection-warning ::selection,.ty-selection-warning::-moz-selection{background-color:var(--ty-color-warning-soft);color:var(--ty-color-warning-strong)}.ty-selection-danger ::selection,.ty-selection-danger::-moz-selection{background-color:var(--ty-color-danger-soft);color:var(--ty-color-danger-strong)}.ty-selection-neutral ::selection,.ty-selection-neutral::-moz-selection{background-color:var(--ty-color-neutral-soft);color:var(--ty-color-neutral-strong)}html.dark .ty-selection-primary ::selection,html.dark .ty-selection-primary::-moz-selection{background-color:var(--ty-color-primary);color:#fff}html.dark .ty-selection-success ::selection,html.dark .ty-selection-success::-moz-selection{background-color:var(--ty-color-success);color:#fff}html.dark .ty-selection-warning ::selection,html.dark .ty-selection-warning::-moz-selection{background-color:var(--ty-color-warning);color:var(--ty-bg-strong)}html.dark .ty-selection-danger ::selection,html.dark .ty-selection-danger::-moz-selection{background-color:var(--ty-color-danger);color:#fff}html.dark .ty-selection-neutral ::selection,html.dark .ty-selection-neutral::-moz-selection{background-color:var(--ty-color-neutral);color:#fff}html *,html :before,html :after{border-color:var(--ty-border)}.ty-elevated{box-sizing:border-box!important;background-color:var(--ty-surface-elevated)!important;border:var(--ty-elevated-border-width, var(--ty-border-width, 1px)) var(--ty-elevated-border-style, solid) var(--ty-elevated-border, transparent)!important;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a!important;--ty-divide-color: var(--ty-elevated-border)}.ty-floating{box-sizing:border-box!important;background-color:var(--ty-surface-floating)!important;border:var(--ty-floating-border-width, var(--ty-border-width, 1px)) var(--ty-floating-border-style, solid) var(--ty-floating-border, transparent)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;--ty-divide-color: var(--ty-floating-border)}.ty-canvas{box-sizing:border-box!important;background-color:var(--ty-surface-canvas)!important;border:var(--ty-canvas-border-width, var(--ty-border-width, 1px)) var(--ty-canvas-border-style, solid) var(--ty-canvas-border, transparent)!important;--ty-divide-color: var(--ty-canvas-border)}.ty-content{box-sizing:border-box!important;background-color:var(--ty-surface-content)!important;border:var(--ty-content-border-width, var(--ty-border-width, 1px)) var(--ty-content-border-style, solid) var(--ty-content-border, transparent)!important;--ty-divide-color: var(--ty-content-border)}.ty-input{box-sizing:border-box!important;background-color:var(--ty-input-bg)!important;border:var(--ty-input-border-width, var(--ty-border-width, 1px)) var(--ty-input-border-style, solid) var(--ty-input-border, transparent)!important;--ty-divide-color: var(--ty-input-border)}.ty-divide-y>*+*{border-top:var(--ty-divide-width, var(--ty-border-width, 1px)) solid var(--ty-divide-color, var(--ty-border))}.ty-divide-x>*+*{border-left:var(--ty-divide-width, var(--ty-border-width, 1px)) solid var(--ty-divide-color, var(--ty-border))}html.dark .ty-elevated{background-color:var(--ty-surface-elevated)!important;box-shadow:0 1px 3px #0003,0 1px 2px -1px #0003!important}html.dark .ty-floating{background-color:var(--ty-surface-floating)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d!important}html.dark .ty-high-elevation{background-color:var(--ty-surface-floating)!important;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006!important}html.dark .ty-sunken{background-color:var(--ty-surface-input)!important;box-shadow:inset 0 1px 2px #0000001a!important}.ty-bg-primary{background-color:var(--ty-bg-primary)}.ty-bg-primary\+{background-color:var(--ty-bg-primary-bold)}.ty-bg-primary-{background-color:var(--ty-bg-primary-soft)}.ty-bg-success{background-color:var(--ty-bg-success)}.ty-bg-success\+{background-color:var(--ty-bg-success-bold)}.ty-bg-success-{background-color:var(--ty-bg-success-soft)}.ty-bg-danger{background-color:var(--ty-bg-danger)}.ty-bg-danger\+{background-color:var(--ty-bg-danger-bold)}.ty-bg-danger-{background-color:var(--ty-bg-danger-soft)}.ty-bg-warning{background-color:var(--ty-bg-warning)}.ty-bg-warning\+{background-color:var(--ty-bg-warning-bold)}.ty-bg-warning-{background-color:var(--ty-bg-warning-soft)}.ty-bg-neutral{background-color:var(--ty-bg-neutral)}.ty-bg-neutral\+{background-color:var(--ty-bg-neutral-bold)}.ty-bg-neutral-{background-color:var(--ty-bg-neutral-soft)}.ty-text{color:var(--ty-text)!important}.ty-text\+{color:var(--ty-text-bold)!important}.ty-text\+\+{color:var(--ty-text-strong)!important}.ty-text-{color:var(--ty-text-soft)!important}.ty-text--{color:var(--ty-text-faint)!important}.ty-text-primary\+\+{color:var(--ty-color-primary-strong)!important}.ty-text-primary\+{color:var(--ty-color-primary-bold)!important}.ty-text-primary{color:var(--ty-color-primary)!important}.ty-text-primary-{color:var(--ty-color-primary-soft)!important}.ty-text-primary--{color:var(--ty-color-primary-faint)!important}.ty-text-success\+\+{color:var(--ty-color-success-strong)!important}.ty-text-success\+{color:var(--ty-color-success-bold)!important}.ty-text-success{color:var(--ty-color-success)!important}.ty-text-success-{color:var(--ty-color-success-soft)!important}.ty-text-success--{color:var(--ty-color-success-faint)!important}.ty-text-danger\+\+{color:var(--ty-color-danger-strong)!important}.ty-text-danger\+{color:var(--ty-color-danger-bold)!important}.ty-text-danger{color:var(--ty-color-danger)!important}.ty-text-danger-{color:var(--ty-color-danger-soft)!important}.ty-text-danger--{color:var(--ty-color-danger-faint)!important}.ty-text-warning\+\+{color:var(--ty-color-warning-strong)!important}.ty-text-warning\+{color:var(--ty-color-warning-bold)!important}.ty-text-warning{color:var(--ty-color-warning)!important}.ty-text-warning-{color:var(--ty-color-warning-soft)!important}.ty-text-warning--{color:var(--ty-color-warning-faint)!important}.ty-text-neutral\+\+{color:var(--ty-color-neutral-strong)!important}.ty-text-neutral\+{color:var(--ty-color-neutral-bold)!important}.ty-text-neutral{color:var(--ty-color-neutral)!important}.ty-text-neutral-{color:var(--ty-color-neutral-soft)!important}.ty-text-neutral--{color:var(--ty-color-neutral-faint)!important}.ty-border{border-color:var(--ty-border)!important}.ty-border\+{border-color:var(--ty-border-bold)!important}.ty-border\+\+{border-color:var(--ty-border-strong)!important}.ty-border-{border-color:var(--ty-border-soft)}.ty-border--{border-color:var(--ty-border-faint)}.ty-border-primary{border-color:var(--ty-border-primary)}.ty-border-success{border-color:var(--ty-border-success)}.ty-border-danger{border-color:var(--ty-border-danger)}.ty-border-warning{border-color:var(--ty-border-warning)}.ty-border-neutral{border-color:var(--ty-border-neutral)}.ty-card{background-color:var(--ty-surface-elevated);color:var(--ty-color-neutral-bold)}.ty-card-elevated{background-color:var(--ty-surface-floating);box-shadow:var(--ty-shadow-md)}.ty-input-bg{background-color:var(--ty-input-bg)}.ty-input-border{border-color:var(--ty-input-border)}.ty-input-focus{border-color:var(--ty-input-border-focus)}.ty-modal-bg{background-color:var(--ty-modal-bg)}.ty-modal-backdrop{background-color:var(--ty-modal-backdrop)}.hover\:ty-bg-neutral--:hover{background-color:var(--ty-bg-neutral-faint)!important}.hover\:ty-bg-neutral-:hover{background-color:var(--ty-bg-neutral-soft)!important}.hover\:ty-bg-neutral:hover{background-color:var(--ty-bg-neutral)!important}.hover\:ty-bg-neutral\+:hover{background-color:var(--ty-bg-neutral-bold)!important}.hover\:ty-bg-neutral\+\+:hover{background-color:var(--ty-bg-neutral-strong)!important}.hover\:ty-bg-primary:hover{background-color:var(--ty-bg-primary)!important}.hover\:ty-bg-primary\+:hover{background-color:var(--ty-bg-primary-bold)!important}.hover\:ty-bg-success:hover{background-color:var(--ty-bg-success)!important}.hover\:ty-bg-success\+:hover{background-color:var(--ty-bg-success-bold)!important}.hover\:ty-bg-danger:hover{background-color:var(--ty-bg-danger)!important}.hover\:ty-bg-danger\+:hover{background-color:var(--ty-bg-danger-bold)!important}.hover\:ty-bg-danger-:hover{background-color:var(--ty-bg-danger-soft)!important}.hover\:ty-text:hover{color:var(--ty-text)!important}.hover\:ty-text\+:hover{color:var(--ty-text-bold)!important}.hover\:ty-text\+\+:hover{color:var(--ty-text-strong)!important}.hover\:ty-text-:hover{color:var(--ty-text-soft)!important}.hover\:ty-text--:hover{color:var(--ty-text-faint)!important}.hover\:ty-text-primary\+\+:hover{color:var(--ty-color-primary-strong)!important}.hover\:ty-text-primary\+:hover{color:var(--ty-color-primary-bold)!important}.hover\:ty-text-primary:hover{color:var(--ty-color-primary)!important}.hover\:ty-text-primary-:hover{color:var(--ty-color-primary-soft)!important}.hover\:ty-text-primary--:hover{color:var(--ty-color-primary-faint)!important}.hover\:ty-text-success\+\+:hover{color:var(--ty-color-success-strong)!important}.hover\:ty-text-success\+:hover{color:var(--ty-color-success-bold)!important}.hover\:ty-text-success:hover{color:var(--ty-color-success)!important}.hover\:ty-text-success-:hover{color:var(--ty-color-success-soft)!important}.hover\:ty-text-success--:hover{color:var(--ty-color-success-faint)!important}.hover\:ty-text-danger\+\+:hover{color:var(--ty-color-danger-strong)!important}.hover\:ty-text-danger\+:hover{color:var(--ty-color-danger-bold)!important}.hover\:ty-text-danger:hover{color:var(--ty-color-danger)!important}.hover\:ty-text-danger-:hover{color:var(--ty-color-danger-soft)!important}.hover\:ty-text-danger--:hover{color:var(--ty-color-danger-faint)!important}.hover\:ty-text-warning\+\+:hover{color:var(--ty-color-warning-strong)!important}.hover\:ty-text-warning\+:hover{color:var(--ty-color-warning-bold)!important}.hover\:ty-text-warning:hover{color:var(--ty-color-warning)!important}.hover\:ty-text-warning-:hover{color:var(--ty-color-warning-soft)!important}.hover\:ty-text-warning--:hover{color:var(--ty-color-warning-faint)!important}.hover\:ty-text-neutral\+\+:hover{color:var(--ty-color-neutral-strong)!important}.hover\:ty-text-neutral+:hover{color:var(--ty-color-neutral-bold)!important}.hover\:ty-text-neutral:hover{color:var(--ty-color-neutral)!important}.hover\:ty-text-neutral-:hover{color:var(--ty-color-neutral-soft)!important}.hover\:ty-text-neutral--:hover{color:var(--ty-color-neutral-faint)!important}.hover\:ty-border\+\+:hover{border-color:var(--ty-border-strong)!important}.hover\:ty-border\+:hover{border-color:var(--ty-border-bold)!important}.hover\:ty-border:hover{border-color:var(--ty-border)!important}.hover\:ty-border-:hover{border-color:var(--ty-border-soft)!important}.hover\:ty-border--:hover{border-color:var(--ty-border-faint)!important}.hover\:ty-border-primary:hover{border-color:var(--ty-border-primary)!important}.hover\:ty-border-success:hover{border-color:var(--ty-border-success)!important}.hover\:ty-border-danger:hover{border-color:var(--ty-border-danger)!important}.hover\:ty-border-warning:hover{border-color:var(--ty-border-warning)!important}.hover\:ty-border-neutral:hover{border-color:var(--ty-border-neutral)!important}.focus\:ty-border\+\+:focus{border-color:var(--ty-border-strong)!important}.focus\:ty-border+:focus{border-color:var(--ty-border-bold)!important}.focus\:ty-border:focus{border-color:var(--ty-border)!important}.focus\:ty-border-:focus{border-color:var(--ty-border-soft)!important}.focus\:ty-border--:focus{border-color:var(--ty-border-faint)!important}.focus\:ty-border-primary:focus{border-color:var(--ty-border-primary)!important}.focus\:ty-border-success:focus{border-color:var(--ty-border-success)!important}.focus\:ty-border-danger:focus{border-color:var(--ty-border-danger)!important}.focus\:ty-border-warning:focus{border-color:var(--ty-border-warning)!important}.focus\:ty-border-neutral:focus{border-color:var(--ty-border-neutral)!important}@media(min-width:640px){.sm\:ty-bg-primary{background-color:var(--ty-bg-primary)}.sm\:ty-text-primary{color:var(--ty-color-primary)}}@media(min-width:768px){.md\:ty-bg-primary{background-color:var(--ty-bg-primary)}.md\:ty-text-primary{color:var(--ty-color-primary)}}@media(min-width:1024px){.lg\:ty-bg-primary{background-color:var(--ty-bg-primary)}.lg\:ty-text-primary{color:var(--ty-color-primary)}}@media(max-width:768px){:root{--ty-font-sm: 1rem}}body{transition:scale var(--ty-modal-duration, .2s) ease-out}html.ty-modal-zoom body{scale:.99;transform-origin:50% 50%}
+ty-icon:not(:defined){display:inline-block;aspect-ratio:1 / 1;opacity:0;transition:opacity .15s ease-in}ty-icon:not(:defined),ty-icon:not(:defined)[size=md]{width:1em;height:1em}ty-icon:not(:defined)[size=xs]{width:.75em;height:.75em}ty-icon:not(:defined)[size=sm]{width:.875em;height:.875em}ty-icon:not(:defined)[size=lg]{width:1.25em;height:1.25em}ty-icon:not(:defined)[size=xl]{width:1.5em;height:1.5em}ty-icon:not(:defined)[size="2xl"]{width:2em;height:2em}ty-icon:not(:defined)[size="12"]{width:12px;height:12px}ty-icon:not(:defined)[size="14"]{width:14px;height:14px}ty-icon:not(:defined)[size="16"]{width:16px;height:16px}ty-icon:not(:defined)[size="18"]{width:18px;height:18px}ty-icon:not(:defined)[size="20"]{width:20px;height:20px}ty-icon:not(:defined)[size="24"]{width:24px;height:24px}ty-icon:not(:defined)[size="32"]{width:32px;height:32px}ty-icon:not(:defined)[size="48"]{width:48px;height:48px}ty-icon:not(:defined)[size="64"]{width:64px;height:64px}ty-icon:not(:defined)[size="80"]{width:80px;height:80px}ty-icon:not(:defined)[size="96"]{width:96px;height:96px}ty-icon{opacity:1}html{--ty-bg-faint: #f8fafc;--ty-bg-soft: #f1f5f9;--ty-bg: #ffffff;--ty-bg-bold: #f8fafc;--ty-bg-strong: #e2e8f0;--ty-focus-ring-gap: #ffffff;--ty-border-width: 1px;--ty-scrollbar-thumb: rgba(0, 0, 0, .35);--ty-scrollbar-thumb-hover: rgba(0, 0, 0, .5);--ty-scrollbar-thumb-active: rgba(0, 0, 0, .6);--ty-scrollbar-track: transparent;--ty-scrollbar-track-hover: rgba(0, 0, 0, .06);--ty-elevated-border-width: var(--ty-border-width);--ty-elevated-border-style: solid;--ty-floating-border-width: var(--ty-border-width);--ty-floating-border-style: solid;--ty-canvas-border: transparent;--ty-canvas-border-width: var(--ty-border-width);--ty-canvas-border-style: solid;--ty-content-border-width: var(--ty-border-width);--ty-content-border-style: solid;--ty-input-border-width: var(--ty-border-width);--ty-input-border-style: solid;--ty-divide-color: var(--ty-border);--ty-divide-width: var(--ty-border-width);--ty-modal-bg: #ffffff;--ty-modal-color: #111827;--ty-modal-border: #e5e7eb;--ty-modal-backdrop: rgba(0, 0, 0, .5);--ty-modal-backdrop-blur: blur(2px);--ty-modal-border-radius: 16px;--ty-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ty-modal-duration: .2s;--ty-modal-sm-width: 300px;--ty-modal-md-width: 500px;--ty-modal-lg-width: 700px;--ty-modal-xl-width: 900px;--ty-modal-full-width: 95vw;--ty-modal-full-height: 95vh;--ty-label-color: #374151;--ty-spacing-0: 0;--ty-spacing-px: 1px;--ty-spacing-mini: .125rem;--ty-spacing-1: .25rem;--ty-spacing-2: .5rem;--ty-spacing-3: .75rem;--ty-spacing-4: 1rem;--ty-spacing-5: 1.25rem;--ty-spacing-6: 1.5rem;--ty-spacing-7: 1.75rem;--ty-spacing-8: 2rem;--ty-spacing-9: 2.25rem;--ty-spacing-10: 2.5rem;--ty-spacing-12: 3rem;--ty-spacing-16: 4rem;--ty-spacing-20: 5rem;--ty-spacing-24: 6rem;--ty-radius-none: 0;--ty-radius-sm: .25rem;--ty-radius-base: .375rem;--ty-radius-md: .5rem;--ty-radius-lg: .75rem;--ty-radius-xl: 1rem;--ty-radius-2xl: 1.5rem;--ty-radius-3xl: 2rem;--ty-radius-full: 9999px;--ty-shadow-none: none;--ty-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ty-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--ty-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ty-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--ty-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--ty-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--ty-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ty-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--ty-font-xxs: .625rem;--ty-font-xs: .75rem;--ty-font-sm: .875rem;--ty-font-base: 1rem;--ty-font-lg: 1.125rem;--ty-font-xl: 1.25rem;--ty-font-2xl: 1.5rem;--ty-font-3xl: 1.875rem;--ty-font-4xl: 2.25rem;--ty-font-5xl: 3rem;--ty-leading-xxs: .9375rem;--ty-leading-xs: 1.05rem;--ty-leading-sm: 1.3125rem;--ty-leading-base: 1.5rem;--ty-leading-lg: 1.6875rem;--ty-leading-xl: 1.75rem;--ty-leading-2xl: 2rem;--ty-leading-3xl: 2.25rem;--ty-leading-4xl: 2.5rem;--ty-leading-5xl: 1;--ty-tracking-xxs: -.015em;--ty-tracking-xs: 0;--ty-tracking-sm: -.013em;--ty-tracking-base: -.011em;--ty-tracking-lg: 0;--ty-tracking-tight: -.022em;--ty-tracking-title: -.012em;--ty-font-thin: 100;--ty-font-light: 300;--ty-font-normal: 400;--ty-font-medium: 510;--ty-font-semibold: 590;--ty-font-bold: 680;--ty-font-extrabold: 800;--ty-weight-action: var(--ty-font-medium);--ty-weight-label: 440;--ty-button-depth: .35;--ty-button-border-l: -.08;--ty-button-border-l-neutral: -.25;--ty-line-height-none: 1;--ty-line-height-tight: 1.25;--ty-line-height-snug: 1.375;--ty-line-height-normal: 1.5;--ty-line-height-relaxed: 1.625;--ty-line-height-loose: 2;--ty-transition-none: none;--ty-transition-all: var(--ty-local-transition, all .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-colors: var(--ty-local-transition, bg-color, border-color, color, fill, stroke .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-shadow: var(--ty-local-transition, box-shadow .15s cubic-bezier(.4, 0, .2, 1));--ty-transition-transform: var(--ty-local-transition, transform .15s cubic-bezier(.4, 0, .2, 1));--ty-size-xs: 1.75rem;--ty-size-sm: 2rem;--ty-size-md: 2.25rem;--ty-size-lg: 2.5rem;--ty-size-xl: 2.75rem;--ty-z-auto: auto;--ty-z-0: 0;--ty-z-10: 10;--ty-z-20: 20;--ty-z-30: 30;--ty-z-40: 40;--ty-z-50: 50;--ty-z-sticky: 1020;--ty-z-fixed: 1030;--ty-z-modal-backdrop: 1040;--ty-z-modal: 1050;--ty-z-popover: 1060;--ty-z-tooltip: 1070;--ty-z-dropdown: 1080;--ty-scroll-shadow-top: radial-gradient( ellipse 100% 30% at center, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-bottom: radial-gradient( ellipse 100% 20% at center, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-transition: opacity .2s ease-out;--ty-tooltip-bg: #262626;--ty-tooltip-color: #f5f5f5;--ty-tooltip-border: #404040}html.dark,html[data-theme=dark],[data-ty-theme].dark,[data-ty-theme][data-theme=dark]{--ty-weight-action: var(--ty-font-normal);--ty-weight-label: var(--ty-font-normal);--ty-button-border-l: 0;--ty-button-border-l-neutral: .5;--ty-bg-faint: #0f1419;--ty-bg-soft: #111827;--ty-bg: #1f2937;--ty-bg-bold: #374151;--ty-bg-strong: #6b7280;--ty-focus-ring-gap: #1f2937;--ty-scrollbar-thumb: rgba(255, 255, 255, .13);--ty-scrollbar-thumb-hover: rgba(255, 255, 255, .22);--ty-scrollbar-thumb-active: rgba(255, 255, 255, .3);--ty-scrollbar-track: transparent;--ty-scrollbar-track-hover: rgba(255, 255, 255, .04);--ty-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--ty-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--ty-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--ty-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--ty-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--ty-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--ty-label-color: #d1d5db;--ty-modal-bg: var(--ty-bg-bold);--ty-modal-color: var(--ty-color-neutral-bold);--ty-modal-border: var(--ty-border);--ty-modal-backdrop: rgba(0, 0, 0, .7);--ty-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--ty-scroll-shadow-top: radial-gradient( ellipse 100% 30% at center, rgba(172, 172, 172, .2), rgba(0, 0, 0, 0), transparent );--ty-scroll-shadow-bottom: radial-gradient( ellipse 100% 20% at center, rgba(172, 172, 172, .3), rgba(0, 0, 0, 0), transparent )}::selection{background-color:var(--ty-selection-bg, var(--ty-bg-primary-bold));color:var(--ty-selection-color, var(--ty-text-strong))}::-moz-selection{background-color:var(--ty-selection-bg, var(--ty-color-primary));color:var(--ty-selection-color, var(--ty-text-strong))}pre ::selection,code ::selection,pre::-moz-selection,code::-moz-selection{background-color:var(--ty-color-warning-soft);color:var(--ty-color-neutral-strong)}html.dark pre ::selection,html.dark code ::selection,html.dark pre::-moz-selection,html.dark code::-moz-selection{background-color:var(--ty-color-warning);color:var(--ty-bg-strong)}input::selection,textarea::selection,input::-moz-selection,textarea::-moz-selection{background-color:var(--ty-color-primary);color:#fff}html.dark input::selection,html.dark textarea::selection,html.dark input::-moz-selection,html.dark textarea::-moz-selection{background-color:var(--ty-color-primary-soft);color:var(--ty-color-primary-strong)}.ty-selection-primary ::selection,.ty-selection-primary::-moz-selection{background-color:var(--ty-color-primary-soft);color:var(--ty-color-primary-strong)}.ty-selection-success ::selection,.ty-selection-success::-moz-selection{background-color:var(--ty-color-success-soft);color:var(--ty-color-success-strong)}.ty-selection-warning ::selection,.ty-selection-warning::-moz-selection{background-color:var(--ty-color-warning-soft);color:var(--ty-color-warning-strong)}.ty-selection-danger ::selection,.ty-selection-danger::-moz-selection{background-color:var(--ty-color-danger-soft);color:var(--ty-color-danger-strong)}.ty-selection-neutral ::selection,.ty-selection-neutral::-moz-selection{background-color:var(--ty-color-neutral-soft);color:var(--ty-color-neutral-strong)}html.dark .ty-selection-primary ::selection,html.dark .ty-selection-primary::-moz-selection{background-color:var(--ty-color-primary);color:#fff}html.dark .ty-selection-success ::selection,html.dark .ty-selection-success::-moz-selection{background-color:var(--ty-color-success);color:#fff}html.dark .ty-selection-warning ::selection,html.dark .ty-selection-warning::-moz-selection{background-color:var(--ty-color-warning);color:var(--ty-bg-strong)}html.dark .ty-selection-danger ::selection,html.dark .ty-selection-danger::-moz-selection{background-color:var(--ty-color-danger);color:#fff}html.dark .ty-selection-neutral ::selection,html.dark .ty-selection-neutral::-moz-selection{background-color:var(--ty-color-neutral);color:#fff}html *,html :before,html :after{border-color:var(--ty-border)}.ty-elevated{box-sizing:border-box!important;background-color:var(--ty-surface-elevated)!important;border:var(--ty-elevated-border-width, var(--ty-border-width, 1px)) var(--ty-elevated-border-style, solid) var(--ty-elevated-border, transparent)!important;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a!important;--ty-divide-color: var(--ty-elevated-border)}.ty-floating{box-sizing:border-box!important;background-color:var(--ty-surface-floating)!important;border:var(--ty-floating-border-width, var(--ty-border-width, 1px)) var(--ty-floating-border-style, solid) var(--ty-floating-border, transparent)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;--ty-divide-color: var(--ty-floating-border)}.ty-canvas{box-sizing:border-box!important;background-color:var(--ty-surface-canvas)!important;border:var(--ty-canvas-border-width, var(--ty-border-width, 1px)) var(--ty-canvas-border-style, solid) var(--ty-canvas-border, transparent)!important;--ty-divide-color: var(--ty-canvas-border)}.ty-content{box-sizing:border-box!important;background-color:var(--ty-surface-content)!important;border:var(--ty-content-border-width, var(--ty-border-width, 1px)) var(--ty-content-border-style, solid) var(--ty-content-border, transparent)!important;--ty-divide-color: var(--ty-content-border)}.ty-input{box-sizing:border-box!important;background-color:var(--ty-input-bg)!important;border:var(--ty-input-border-width, var(--ty-border-width, 1px)) var(--ty-input-border-style, solid) var(--ty-input-border, transparent)!important;--ty-divide-color: var(--ty-input-border)}.ty-divide-y>*+*{border-top:var(--ty-divide-width, var(--ty-border-width, 1px)) solid var(--ty-divide-color, var(--ty-border))}.ty-divide-x>*+*{border-left:var(--ty-divide-width, var(--ty-border-width, 1px)) solid var(--ty-divide-color, var(--ty-border))}html.dark .ty-elevated{background-color:var(--ty-surface-elevated)!important;box-shadow:0 1px 3px #0003,0 1px 2px -1px #0003!important}html.dark .ty-floating{background-color:var(--ty-surface-floating)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d!important}html.dark .ty-high-elevation{background-color:var(--ty-surface-floating)!important;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006!important}html.dark .ty-sunken{background-color:var(--ty-surface-input)!important;box-shadow:inset 0 1px 2px #0000001a!important}.ty-bg-primary{background-color:var(--ty-bg-primary)}.ty-bg-primary\+{background-color:var(--ty-bg-primary-bold)}.ty-bg-primary-{background-color:var(--ty-bg-primary-soft)}.ty-bg-success{background-color:var(--ty-bg-success)}.ty-bg-success\+{background-color:var(--ty-bg-success-bold)}.ty-bg-success-{background-color:var(--ty-bg-success-soft)}.ty-bg-danger{background-color:var(--ty-bg-danger)}.ty-bg-danger\+{background-color:var(--ty-bg-danger-bold)}.ty-bg-danger-{background-color:var(--ty-bg-danger-soft)}.ty-bg-warning{background-color:var(--ty-bg-warning)}.ty-bg-warning\+{background-color:var(--ty-bg-warning-bold)}.ty-bg-warning-{background-color:var(--ty-bg-warning-soft)}.ty-bg-neutral{background-color:var(--ty-bg-neutral)}.ty-bg-neutral\+{background-color:var(--ty-bg-neutral-bold)}.ty-bg-neutral-{background-color:var(--ty-bg-neutral-soft)}.ty-text{color:var(--ty-text)!important}.ty-text\+{color:var(--ty-text-bold)!important}.ty-text\+\+{color:var(--ty-text-strong)!important}.ty-text-{color:var(--ty-text-soft)!important}.ty-text--{color:var(--ty-text-faint)!important}.ty-text-primary\+\+{color:var(--ty-color-primary-strong)!important}.ty-text-primary\+{color:var(--ty-color-primary-bold)!important}.ty-text-primary{color:var(--ty-color-primary)!important}.ty-text-primary-{color:var(--ty-color-primary-soft)!important}.ty-text-primary--{color:var(--ty-color-primary-faint)!important}.ty-text-success\+\+{color:var(--ty-color-success-strong)!important}.ty-text-success\+{color:var(--ty-color-success-bold)!important}.ty-text-success{color:var(--ty-color-success)!important}.ty-text-success-{color:var(--ty-color-success-soft)!important}.ty-text-success--{color:var(--ty-color-success-faint)!important}.ty-text-danger\+\+{color:var(--ty-color-danger-strong)!important}.ty-text-danger\+{color:var(--ty-color-danger-bold)!important}.ty-text-danger{color:var(--ty-color-danger)!important}.ty-text-danger-{color:var(--ty-color-danger-soft)!important}.ty-text-danger--{color:var(--ty-color-danger-faint)!important}.ty-text-warning\+\+{color:var(--ty-color-warning-strong)!important}.ty-text-warning\+{color:var(--ty-color-warning-bold)!important}.ty-text-warning{color:var(--ty-color-warning)!important}.ty-text-warning-{color:var(--ty-color-warning-soft)!important}.ty-text-warning--{color:var(--ty-color-warning-faint)!important}.ty-text-neutral\+\+{color:var(--ty-color-neutral-strong)!important}.ty-text-neutral\+{color:var(--ty-color-neutral-bold)!important}.ty-text-neutral{color:var(--ty-color-neutral)!important}.ty-text-neutral-{color:var(--ty-color-neutral-soft)!important}.ty-text-neutral--{color:var(--ty-color-neutral-faint)!important}.ty-border{border-color:var(--ty-border)!important}.ty-border\+{border-color:var(--ty-border-bold)!important}.ty-border\+\+{border-color:var(--ty-border-strong)!important}.ty-border-{border-color:var(--ty-border-soft)}.ty-border--{border-color:var(--ty-border-faint)}.ty-border-primary{border-color:var(--ty-border-primary)}.ty-border-success{border-color:var(--ty-border-success)}.ty-border-danger{border-color:var(--ty-border-danger)}.ty-border-warning{border-color:var(--ty-border-warning)}.ty-border-neutral{border-color:var(--ty-border-neutral)}.ty-card{background-color:var(--ty-surface-elevated);color:var(--ty-color-neutral-bold)}.ty-card-elevated{background-color:var(--ty-surface-floating);box-shadow:var(--ty-shadow-md)}.ty-input-bg{background-color:var(--ty-input-bg)}.ty-input-border{border-color:var(--ty-input-border)}.ty-input-focus{border-color:var(--ty-input-border-focus)}.ty-modal-bg{background-color:var(--ty-modal-bg)}.ty-modal-backdrop{background-color:var(--ty-modal-backdrop)}.hover\:ty-bg-neutral--:hover{background-color:var(--ty-bg-neutral-faint)!important}.hover\:ty-bg-neutral-:hover{background-color:var(--ty-bg-neutral-soft)!important}.hover\:ty-bg-neutral:hover{background-color:var(--ty-bg-neutral)!important}.hover\:ty-bg-neutral\+:hover{background-color:var(--ty-bg-neutral-bold)!important}.hover\:ty-bg-neutral\+\+:hover{background-color:var(--ty-bg-neutral-strong)!important}.hover\:ty-bg-primary:hover{background-color:var(--ty-bg-primary)!important}.hover\:ty-bg-primary\+:hover{background-color:var(--ty-bg-primary-bold)!important}.hover\:ty-bg-success:hover{background-color:var(--ty-bg-success)!important}.hover\:ty-bg-success\+:hover{background-color:var(--ty-bg-success-bold)!important}.hover\:ty-bg-danger:hover{background-color:var(--ty-bg-danger)!important}.hover\:ty-bg-danger\+:hover{background-color:var(--ty-bg-danger-bold)!important}.hover\:ty-bg-danger-:hover{background-color:var(--ty-bg-danger-soft)!important}.hover\:ty-text:hover{color:var(--ty-text)!important}.hover\:ty-text\+:hover{color:var(--ty-text-bold)!important}.hover\:ty-text\+\+:hover{color:var(--ty-text-strong)!important}.hover\:ty-text-:hover{color:var(--ty-text-soft)!important}.hover\:ty-text--:hover{color:var(--ty-text-faint)!important}.hover\:ty-text-primary\+\+:hover{color:var(--ty-color-primary-strong)!important}.hover\:ty-text-primary\+:hover{color:var(--ty-color-primary-bold)!important}.hover\:ty-text-primary:hover{color:var(--ty-color-primary)!important}.hover\:ty-text-primary-:hover{color:var(--ty-color-primary-soft)!important}.hover\:ty-text-primary--:hover{color:var(--ty-color-primary-faint)!important}.hover\:ty-text-success\+\+:hover{color:var(--ty-color-success-strong)!important}.hover\:ty-text-success\+:hover{color:var(--ty-color-success-bold)!important}.hover\:ty-text-success:hover{color:var(--ty-color-success)!important}.hover\:ty-text-success-:hover{color:var(--ty-color-success-soft)!important}.hover\:ty-text-success--:hover{color:var(--ty-color-success-faint)!important}.hover\:ty-text-danger\+\+:hover{color:var(--ty-color-danger-strong)!important}.hover\:ty-text-danger\+:hover{color:var(--ty-color-danger-bold)!important}.hover\:ty-text-danger:hover{color:var(--ty-color-danger)!important}.hover\:ty-text-danger-:hover{color:var(--ty-color-danger-soft)!important}.hover\:ty-text-danger--:hover{color:var(--ty-color-danger-faint)!important}.hover\:ty-text-warning\+\+:hover{color:var(--ty-color-warning-strong)!important}.hover\:ty-text-warning\+:hover{color:var(--ty-color-warning-bold)!important}.hover\:ty-text-warning:hover{color:var(--ty-color-warning)!important}.hover\:ty-text-warning-:hover{color:var(--ty-color-warning-soft)!important}.hover\:ty-text-warning--:hover{color:var(--ty-color-warning-faint)!important}.hover\:ty-text-neutral\+\+:hover{color:var(--ty-color-neutral-strong)!important}.hover\:ty-text-neutral+:hover{color:var(--ty-color-neutral-bold)!important}.hover\:ty-text-neutral:hover{color:var(--ty-color-neutral)!important}.hover\:ty-text-neutral-:hover{color:var(--ty-color-neutral-soft)!important}.hover\:ty-text-neutral--:hover{color:var(--ty-color-neutral-faint)!important}.hover\:ty-border\+\+:hover{border-color:var(--ty-border-strong)!important}.hover\:ty-border\+:hover{border-color:var(--ty-border-bold)!important}.hover\:ty-border:hover{border-color:var(--ty-border)!important}.hover\:ty-border-:hover{border-color:var(--ty-border-soft)!important}.hover\:ty-border--:hover{border-color:var(--ty-border-faint)!important}.hover\:ty-border-primary:hover{border-color:var(--ty-border-primary)!important}.hover\:ty-border-success:hover{border-color:var(--ty-border-success)!important}.hover\:ty-border-danger:hover{border-color:var(--ty-border-danger)!important}.hover\:ty-border-warning:hover{border-color:var(--ty-border-warning)!important}.hover\:ty-border-neutral:hover{border-color:var(--ty-border-neutral)!important}.focus\:ty-border\+\+:focus{border-color:var(--ty-border-strong)!important}.focus\:ty-border+:focus{border-color:var(--ty-border-bold)!important}.focus\:ty-border:focus{border-color:var(--ty-border)!important}.focus\:ty-border-:focus{border-color:var(--ty-border-soft)!important}.focus\:ty-border--:focus{border-color:var(--ty-border-faint)!important}.focus\:ty-border-primary:focus{border-color:var(--ty-border-primary)!important}.focus\:ty-border-success:focus{border-color:var(--ty-border-success)!important}.focus\:ty-border-danger:focus{border-color:var(--ty-border-danger)!important}.focus\:ty-border-warning:focus{border-color:var(--ty-border-warning)!important}.focus\:ty-border-neutral:focus{border-color:var(--ty-border-neutral)!important}@media(min-width:640px){.sm\:ty-bg-primary{background-color:var(--ty-bg-primary)}.sm\:ty-text-primary{color:var(--ty-color-primary)}}@media(min-width:768px){.md\:ty-bg-primary{background-color:var(--ty-bg-primary)}.md\:ty-text-primary{color:var(--ty-color-primary)}}@media(min-width:1024px){.lg\:ty-bg-primary{background-color:var(--ty-bg-primary)}.lg\:ty-text-primary{color:var(--ty-color-primary)}}@media(max-width:768px){:root{--ty-font-sm: 1rem}}body{transition:scale var(--ty-modal-duration, .2s) ease-out}html.ty-modal-zoom body{scale:.99;transform-origin:50% 50%}