@hypoth-ui/css 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 hypoth-org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,55 @@
+# @hypoth-ui/css
+
+![Alpha](https://img.shields.io/badge/status-alpha-orange)
+
+CSS layers and base styles for the hypoth-ui design system. Provides a structured CSS foundation using native `@layer` for reset, tokens, base styles, component styles, utilities, and overrides.
+
+## Installation
+
+```bash
+npm install @hypoth-ui/css
+```
+
+## Usage
+
+### Full Bundle
+
+```typescript
+import '@hypoth-ui/css';
+```
+
+Or in HTML:
+
+```html
+<link rel="stylesheet" href="node_modules/@hypoth-ui/css/dist/index.css">
+```
+
+### Individual Layers
+
+```typescript
+import '@hypoth-ui/css/layers/reset';
+import '@hypoth-ui/css/layers/tokens';
+import '@hypoth-ui/css/layers/base';
+import '@hypoth-ui/css/layers/components';
+import '@hypoth-ui/css/layers/utilities';
+import '@hypoth-ui/css/layers/overrides';
+```
+
+## CSS Layer Order
+
+The layers are ordered from lowest to highest specificity:
+
+1. `reset` -- Browser reset / normalize
+2. `tokens` -- Design token custom properties
+3. `base` -- Base element styles
+4. `components` -- Component styles
+5. `utilities` -- Utility classes
+6. `overrides` -- Consumer overrides (highest priority)
+
+## Documentation
+
+See the [main README](../../README.md) for full documentation and architecture overview.
+
+## License
+
+MIT

package/dist/index.css

@@ -0,0 +1,27 @@
+@layer reset, tokens, base, components, animations, utilities, high-contrast, overrides;@layer reset{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:inherit}button{background:none;border:none;cursor:pointer}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}}@layer tokens{}@layer tokens{@layer tokens{:root{--border-default:1px solid #e5e7eb;--border-error:1px solid #ef4444;--border-focus:2px solid #06c;--border-none:0 solid transparent;--border-strong:1px solid #d1d5db;--breakpoint-2xl:1536px;--breakpoint-3xl:1920px;--breakpoint-lg:1024px;--breakpoint-max:2560px;--breakpoint-md:768px;--breakpoint-sm:640px;--breakpoint-xl:1280px;--breakpoint-xs:320px;--color-background-elevated:#f9fafb;--color-background-subtle:#f3f4f6;--color-background-surface:#fff;--color-border-default:#e5e7eb;--color-border-focus:#06c;--color-border-strong:#d1d5db;--color-error:#ef4444;--color-interactive:#06c;--color-primary:#06c;--color-secondary:#6b7280;--color-success:#10b981;--color-text-disabled:#9ca3af;--color-text-inverse:#fff;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-warning:#f59e0b;--icon-size-2xl:2.5rem;--icon-size-3xl:3rem;--icon-size-lg:1.5rem;--icon-size-md:1.25rem;--icon-size-sm:1rem;--icon-size-xl:2rem;--icon-size-xs:0.75rem;--icon-stroke-bold:2.5px;--icon-stroke-medium:2px;--icon-stroke-regular:1.5px;--icon-stroke-thin:1px;--motion-duration-fast:100ms;--motion-duration-instant:0ms;--motion-duration-normal:200ms;--motion-duration-slow:300ms;--motion-duration-slower:500ms;--motion-duration-slowest:1000ms;--motion-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--motion-easing-ease:cubic-bezier(0.25,0.1,0.25,1);--motion-easing-ease-in:cubic-bezier(0.42,0,1,1);--motion-easing-ease-in-out:cubic-bezier(0.42,0,0.58,1);--motion-easing-ease-out:cubic-bezier(0,0,0.58,1);--motion-easing-linear:cubic-bezier(0,0,1,1);--motion-easing-spring:cubic-bezier(0.175,0.885,0.32,1.275);--opacity-0:0;--opacity-10:0.1;--opacity-100:1;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-5:0.05;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-75:0.75;--opacity-80:0.8;--opacity-90:0.9;--opacity-95:0.95;--opacity-disabled:0.5;--opacity-focus:0.12;--opacity-hover:0.08;--opacity-overlay:0.75;--opacity-pressed:0.16;--radius-2xl:1rem;--radius-full:9999px;--radius-lg:0.5rem;--radius-md:0.375rem;--radius-none:0;--radius-sm:0.125rem;--radius-xl:0.75rem;--shadow-inner:0 2px 4px 0 rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-none:0 0 0 0 transparent;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--sizing-0:0;--sizing-0-5:0.125rem;--sizing-1:0.25rem;--sizing-10:2.5rem;--sizing-12:3rem;--sizing-16:4rem;--sizing-2:0.5rem;--sizing-20:5rem;--sizing-24:6rem;--sizing-3:0.75rem;--sizing-32:8rem;--sizing-4:1rem;--sizing-40:10rem;--sizing-48:12rem;--sizing-5:1.25rem;--sizing-56:14rem;--sizing-6:1.5rem;--sizing-64:16rem;--sizing-8:2rem;--sizing-fit:fit-content;--sizing-full:100%;--sizing-max:max-content;--sizing-min:min-content;--sizing-px:1px;--sizing-screen:100vw;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-lg:1.5rem;--spacing-md:1rem;--spacing-none:0;--spacing-sm:0.5rem;--spacing-xl:2rem;--spacing-xs:0.25rem;--typography-body:400 1rem/1.5 Inter,system-ui,sans-serif;--typography-body-sm:400 0.875rem/1.5 Inter,system-ui,sans-serif;--typography-caption:400 0.75rem/1.4 Inter,system-ui,sans-serif;--typography-heading-h1:700 2.25rem/1.2 Inter,system-ui,sans-serif;--typography-heading-h2:600 1.875rem/1.3 Inter,system-ui,sans-serif;--typography-heading-h3:600 1.5rem/1.4 Inter,system-ui,sans-serif;--typography-heading-h4:600 1.25rem/1.4 Inter,system-ui,sans-serif;--typography-label:500 0.875rem/1.4 Inter,system-ui,sans-serif;--z-index-banner:1200;--z-index-base:0;--z-index-dropdown:1000;--z-index-hide:-1;--z-index-max:9999;--z-index-modal:1400;--z-index-overlay:1300;--z-index-popover:1500;--z-index-raised:1;--z-index-sticky:1100;--z-index-toast:1600;--z-index-tooltip:1700}:root[data-mode=dark]{--color-background-default:{color.primitives.gray.950};--color-background-emphasis:{color.primitives.gray.50};--color-background-muted:{color.primitives.gray.800};--color-background-subtle:{color.primitives.gray.900};--color-border-default:{color.primitives.gray.800};--color-border-emphasis:{color.primitives.gray.600};--color-border-muted:{color.primitives.gray.900};--color-destructive-active:{color.primitives.red.300};--color-destructive-default:{color.primitives.red.500};--color-destructive-hover:{color.primitives.red.400};--color-destructive-subtle:{color.primitives.red.950};--color-foreground-default:{color.primitives.gray.50};--color-foreground-inverted:{color.primitives.gray.900};--color-foreground-muted:{color.primitives.gray.400};--color-foreground-subtle:{color.primitives.gray.500};--color-primary-active:{color.primitives.blue.300};--color-primary-default:{color.primitives.blue.500};--color-primary-hover:{color.primitives.blue.400};--color-primary-subtle:{color.primitives.blue.950};--color-success-default:{color.primitives.green.500};--color-success-hover:{color.primitives.green.400};--color-success-subtle:{color.primitives.green.950};--color-warning-default:{color.primitives.amber.400};--color-warning-hover:{color.primitives.amber.300};--color-warning-subtle:{color.primitives.amber.950}}}@layer tokens{@media (prefers-color-scheme:dark){:root:not([data-mode]){--color-background-default:{color.primitives.gray.950};--color-background-emphasis:{color.primitives.gray.50};--color-background-muted:{color.primitives.gray.800};--color-background-subtle:{color.primitives.gray.900};--color-border-default:{color.primitives.gray.800};--color-border-emphasis:{color.primitives.gray.600};--color-border-muted:{color.primitives.gray.900};--color-destructive-active:{color.primitives.red.300};--color-destructive-default:{color.primitives.red.500};--color-destructive-hover:{color.primitives.red.400};--color-destructive-subtle:{color.primitives.red.950};--color-foreground-default:{color.primitives.gray.50};--color-foreground-inverted:{color.primitives.gray.900};--color-foreground-muted:{color.primitives.gray.400};--color-foreground-subtle:{color.primitives.gray.500};--color-primary-active:{color.primitives.blue.300};--color-primary-default:{color.primitives.blue.500};--color-primary-hover:{color.primitives.blue.400};--color-primary-subtle:{color.primitives.blue.950};--color-success-default:{color.primitives.green.500};--color-success-hover:{color.primitives.green.400};--color-success-subtle:{color.primitives.green.950};--color-warning-default:{color.primitives.amber.400};--color-warning-hover:{color.primitives.amber.300};--color-warning-subtle:{color.primitives.amber.950}}}}@layer tokens{:root[data-mode=high-contrast]{--color-background-default:{color.primitives.white};--color-background-emphasis:{color.primitives.black};--color-background-muted:{color.primitives.gray.100};--color-background-subtle:{color.primitives.white};--color-border-default:{color.primitives.black};--color-border-emphasis:{color.primitives.black};--color-border-muted:{color.primitives.gray.700};--color-destructive-active:{color.primitives.red.950};--color-destructive-default:{color.primitives.red.800};--color-destructive-hover:{color.primitives.red.900};--color-focus-ring:{color.primitives.black};--color-foreground-default:{color.primitives.black};--color-foreground-inverted:{color.primitives.white};--color-foreground-muted:{color.primitives.black};--color-foreground-subtle:{color.primitives.gray.700};--color-primary-active:{color.primitives.blue.950};--color-primary-default:{color.primitives.blue.800};--color-primary-hover:{color.primitives.blue.900}}@media (prefers-contrast:more){:root:not([data-mode]){--color-background-default:{color.primitives.white};--color-background-emphasis:{color.primitives.black};--color-background-muted:{color.primitives.gray.100};--color-background-subtle:{color.primitives.white};--color-border-default:{color.primitives.black};--color-border-emphasis:{color.primitives.black};--color-border-muted:{color.primitives.gray.700};--color-destructive-active:{color.primitives.red.950};--color-destructive-default:{color.primitives.red.800};--color-destructive-hover:{color.primitives.red.900};--color-focus-ring:{color.primitives.black};--color-foreground-default:{color.primitives.black};--color-foreground-inverted:{color.primitives.white};--color-foreground-muted:{color.primitives.black};--color-foreground-subtle:{color.primitives.gray.700};--color-primary-active:{color.primitives.blue.950};--color-primary-default:{color.primitives.blue.800};--color-primary-hover:{color.primitives.blue.900}}}}@layer tokens{:root[data-mode=light]{--color-background-default:{color.primitives.white};--color-background-emphasis:{color.primitives.gray.900};--color-background-muted:{color.primitives.gray.100};--color-background-subtle:{color.primitives.gray.50};--color-border-default:{color.primitives.gray.200};--color-border-emphasis:{color.primitives.gray.400};--color-border-muted:{color.primitives.gray.100};--color-foreground-default:{color.primitives.gray.900};--color-foreground-inverted:{color.primitives.white};--color-foreground-muted:{color.primitives.gray.600};--color-foreground-subtle:{color.primitives.gray.400}}:root[data-mode=reduced-motion]{--motion-duration-fast:0ms;--motion-duration-instant:0ms;--motion-duration-normal:0ms;--motion-duration-slow:0ms}}@layer tokens{@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0ms;--motion-duration-instant:0ms;--motion-duration-normal:0ms;--motion-duration-slow:0ms}}}@layer tokens{:root[data-brand=acme]{--color-interactive:#7c3aed;--color-primary:#7c3aed;--color-success:#059669}:root[data-brand=default]{--color-interactive:#06c;--color-primary:#06c}}@layer tokens{}}@layer base{:root{color-scheme:light dark}html{background-color:var(--ds-color-background-default);color:var(--ds-color-foreground-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-base,1rem);line-height:var(--ds-font-lineHeight-normal,1.5)}body{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-font-lineHeight-tight,1.25)}h1{font-size:var(--ds-font-size-4xl)}h2{font-size:var(--ds-font-size-3xl)}h3{font-size:var(--ds-font-size-2xl)}h4{font-size:var(--ds-font-size-xl)}h5{font-size:var(--ds-font-size-lg)}h6{font-size:var(--ds-font-size-base)}p{margin-block:var(--ds-spacing-component-gap-sm)}b,strong{font-weight:var(--ds-font-weight-bold)}small{font-size:var(--ds-font-size-sm)}code,kbd,pre,samp{font-family:var(--ds-font-family-mono);font-size:.875em}pre{border-radius:var(--ds-radius-md);overflow-x:auto;padding:var(--ds-spacing-component-padding-md)}code,pre{background-color:var(--ds-color-background-muted)}code{border-radius:var(--ds-radius-sm);padding:.125em .25em}pre code{background-color:transparent;padding:0}a:not([class]){color:var(--ds-color-primary-default);text-decoration:underline;text-underline-offset:.2em}a:not([class]):hover{color:var(--ds-color-primary-hover)}:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}::selection{background-color:var(--ds-color-primary-subtle);color:var(--ds-color-foreground-default)}hr{border:none;border-top:1px solid var(--ds-color-border-default);margin-block:var(--ds-spacing-layout-stack-md)}ol:where(:not([class])),ul:where(:not([class])){padding-left:var(--ds-spacing-component-padding-xl)}ul:where(:not([class])){list-style-type:disc}ol:where(:not([class])){list-style-type:decimal}li:where(:not([class])){margin-block:var(--ds-spacing-component-gap-xs)}blockquote{border-left:4px solid var(--ds-color-border-emphasis);color:var(--ds-color-foreground-muted);font-style:italic;padding-left:var(--ds-spacing-component-padding-lg)}}@layer components{@layer components{.ds-button{align-items:center;border:1px solid transparent;border-radius:var(--ds-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--ds-font-weight-medium);gap:var(--ds-spacing-component-gap-sm);justify-content:center;line-height:1;padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-lg);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.ds-button--sm{font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-md)}.ds-button--md{font-size:var(--ds-font-size-base);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-lg)}.ds-button--lg{font-size:var(--ds-font-size-lg);padding:var(--ds-spacing-component-padding-md) var(--ds-spacing-component-padding-xl)}.ds-button--primary{background-color:var(--ds-color-primary-default);border-color:var(--ds-color-primary-default);color:var(--ds-color-primary-foreground)}.ds-button--primary:hover:not(:disabled){background-color:var(--ds-color-primary-hover);border-color:var(--ds-color-primary-hover)}.ds-button--primary:active:not(:disabled){background-color:var(--ds-color-primary-active);border-color:var(--ds-color-primary-active)}.ds-button--secondary{background-color:var(--ds-color-background-default);border-color:var(--ds-color-border-default);color:var(--ds-color-foreground-default)}.ds-button--secondary:hover:not(:disabled){background-color:var(--ds-color-background-subtle);border-color:var(--ds-color-border-emphasis)}.ds-button--secondary:active:not(:disabled){background-color:var(--ds-color-background-muted)}.ds-button--ghost{background-color:transparent;border-color:transparent;color:var(--ds-color-foreground-default)}.ds-button--ghost:hover:not(:disabled){background-color:var(--ds-color-background-subtle)}.ds-button--ghost:active:not(:disabled){background-color:var(--ds-color-background-muted)}.ds-button--destructive{background-color:var(--ds-color-destructive-default);border-color:var(--ds-color-destructive-default);color:var(--ds-color-destructive-foreground)}.ds-button--destructive:hover:not(:disabled){background-color:var(--ds-color-destructive-hover);border-color:var(--ds-color-destructive-hover)}.ds-button--destructive:active:not(:disabled){background-color:var(--ds-color-destructive-active);border-color:var(--ds-color-destructive-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ds-button:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-button--loading{cursor:wait;position:relative}.ds-button--loading .ds-button__content{visibility:hidden}.ds-button__spinner{animation:ds-button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;height:1em;position:absolute;width:1em}@keyframes ds-button-spin{to{transform:rotate(1turn)}}.ds-button__content{align-items:center;display:inline-flex;gap:var(--ds-spacing-component-gap-sm)}ds-input{display:block}.ds-input{align-items:center;display:flex;width:100%}.ds-input__field{background-color:var(--ds-color-background-default);border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-md);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-base);line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ds-input[data-size=sm] .ds-input__field{font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-input[data-size=md] .ds-input__field{font-size:var(--ds-font-size-base);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md)}.ds-input[data-size=lg] .ds-input__field{font-size:var(--ds-font-size-lg);padding:var(--ds-spacing-component-padding-md) var(--ds-spacing-component-padding-lg)}}}@layer components{@layer components{.ds-input__field::placeholder{color:var(--ds-color-text-muted);opacity:1}.ds-input__field:focus{border-color:var(--ds-color-primary-default);box-shadow:0 0 0 3px var(--ds-color-focus-ring);outline:none}.ds-input__field:hover:not(:focus):not(:disabled){border-color:var(--ds-color-border-hover,#999)}ds-input[error] .ds-input__field,ds-input[error] .ds-input__field:focus{border-color:var(--ds-color-destructive-default)}ds-input[error] .ds-input__field:focus{box-shadow:0 0 0 3px rgba(220,38,38,.2)}.ds-input__field:disabled{background-color:var(--ds-color-background-subtle);cursor:not-allowed;opacity:.5}.ds-input__field:read-only{background-color:var(--ds-color-background-subtle)}}}@layer components{@layer components{.ds-link{align-items:center;color:var(--ds-color-link-default);cursor:pointer;display:inline;gap:.25em;text-decoration:none;transition:color .15s ease}.ds-link:hover{color:var(--ds-color-link-hover);text-decoration:underline}.ds-link:active{color:var(--ds-color-link-active)}.ds-link:visited{color:var(--ds-color-link-visited)}.ds-link:focus-visible{border-radius:2px;outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-link--default{color:var(--ds-color-link-default)}.ds-link--muted{color:var(--ds-color-foreground-muted)}.ds-link--muted:hover{color:var(--ds-color-foreground-default)}.ds-link--muted:visited{color:var(--ds-color-foreground-muted)}.ds-link--underline{text-decoration:underline}.ds-link--underline:hover{text-decoration-thickness:2px}.ds-link--external{align-items:center;display:inline-flex;gap:.25em}.ds-link__external-icon{display:inline-flex;flex-shrink:0;height:.875em;width:.875em}.ds-link__external-icon svg{height:100%;width:100%}.ds-link__content{display:inline}.ds-text{font-family:inherit;line-height:var(--ds-line-height-normal);margin:0;padding:0}.ds-text--xs{font-size:var(--ds-font-size-xs)}.ds-text--sm,.ds-text--xs{line-height:var(--ds-line-height-tight)}.ds-text--sm{font-size:var(--ds-font-size-sm)}.ds-text--md{font-size:var(--ds-font-size-base)}.ds-text--lg,.ds-text--md{line-height:var(--ds-line-height-normal)}.ds-text--lg{font-size:var(--ds-font-size-lg)}.ds-text--xl{font-size:var(--ds-font-size-xl)}.ds-text--2xl,.ds-text--xl{line-height:var(--ds-line-height-relaxed)}.ds-text--2xl{font-size:var(--ds-font-size-2xl)}.ds-text--normal{font-weight:var(--ds-font-weight-normal)}.ds-text--medium{font-weight:var(--ds-font-weight-medium)}.ds-text--semibold{font-weight:var(--ds-font-weight-semibold)}.ds-text--bold{font-weight:var(--ds-font-weight-bold)}.ds-text--default{color:var(--ds-color-foreground-default)}.ds-text--muted{color:var(--ds-color-foreground-muted)}.ds-text--success{color:var(--ds-color-success-default)}.ds-text--warning{color:var(--ds-color-warning-default)}.ds-text--error{color:var(--ds-color-destructive-default)}.ds-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-icon{align-items:center;color:currentColor;display:inline-flex;flex-shrink:0;justify-content:center;vertical-align:middle}.ds-icon--xs{height:.75rem;width:.75rem}.ds-icon--sm{height:1rem;width:1rem}.ds-icon--md{height:1.25rem;width:1.25rem}.ds-icon--lg{height:1.5rem;width:1.5rem}.ds-icon--xl{height:2rem;width:2rem}.ds-icon svg{display:block;height:100%;width:100%}.ds-icon--fallback{background-color:var(--ds-color-background-subtle);border-radius:2px}.ds-icon--fallback:after{color:var(--ds-color-foreground-muted);content:"?";font-size:.625em}.ds-spinner{animation:ds-spin 1s linear infinite;border-color:currentColor transparent currentColor currentColor;border-radius:50%;border-style:solid;display:inline-block}.ds-spinner--sm{border-width:2px;height:var(--ds-icon-size-sm);width:var(--ds-icon-size-sm)}.ds-spinner--md{border-width:2px;height:var(--ds-icon-size-md);width:var(--ds-icon-size-md)}.ds-spinner--lg{border-width:3px;height:var(--ds-icon-size-lg);width:var(--ds-icon-size-lg)}}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{@keyframes ds-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-spinner{animation:ds-pulse 2s ease-in-out infinite}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}}}}@layer components{@layer components{.ds-visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ds-visually-hidden--focusable:not(:focus):not(:active):not(:focus-within){clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ds-visually-hidden--focusable:active,.ds-visually-hidden--focusable:focus,.ds-visually-hidden--focusable:focus-within{clip-path:none;height:auto;overflow:visible;position:static;white-space:normal;width:auto}}}@layer components{@layer components{ds-textarea{display:block}.ds-textarea{display:flex;width:100%}.ds-textarea__field{background-color:var(--ds-color-background-default);border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-md);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-base);line-height:1.5;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}ds-textarea[auto-resize] .ds-textarea__field{overflow:hidden;resize:none}.ds-textarea[data-size=sm] .ds-textarea__field{font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-textarea[data-size=md] .ds-textarea__field{font-size:var(--ds-font-size-base);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md)}.ds-textarea[data-size=lg] .ds-textarea__field{font-size:var(--ds-font-size-lg);padding:var(--ds-spacing-component-padding-md) var(--ds-spacing-component-padding-lg)}.ds-textarea__field::placeholder{color:var(--ds-color-text-muted);opacity:1}.ds-textarea__field:focus{border-color:var(--ds-color-primary-default);box-shadow:0 0 0 3px var(--ds-color-focus-ring);outline:none}.ds-textarea__field:hover:not(:focus):not(:disabled){border-color:var(--ds-color-border-hover,#999)}ds-textarea[error] .ds-textarea__field,ds-textarea[error] .ds-textarea__field:focus{border-color:var(--ds-color-destructive-default)}ds-textarea[error] .ds-textarea__field:focus{box-shadow:0 0 0 3px rgba(220,38,38,.2)}.ds-textarea__field:disabled{background-color:var(--ds-color-background-subtle);cursor:not-allowed;opacity:.5}.ds-textarea__field:read-only{background-color:var(--ds-color-background-subtle)}}}@layer components{@layer components{ds-checkbox{display:inline-block}.ds-checkbox{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--ds-spacing-2,.5rem);user-select:none}.ds-checkbox__control{align-items:center;background-color:var(--ds-color-background-default);border:2px solid var(--ds-color-border-default);border-radius:var(--ds-radius-sm,.25rem);display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;width:1.25rem}.ds-checkbox__control:focus{border-color:var(--ds-color-primary-default);box-shadow:0 0 0 3px var(--ds-color-focus-ring);outline:none}.ds-checkbox__control[aria-checked=mixed],.ds-checkbox__control[aria-checked=true]{background-color:var(--ds-color-primary-default);border-color:var(--ds-color-primary-default)}.ds-checkbox__indicator{align-items:center;color:var(--ds-color-text-on-primary,#fff);display:flex;font-size:.75rem;font-weight:700;justify-content:center;line-height:1}.ds-checkbox__check-icon,.ds-checkbox__indeterminate-icon{display:block}.ds-checkbox__label{color:var(--ds-color-text-default);cursor:pointer;font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-base);line-height:1.5}.ds-checkbox:hover .ds-checkbox__control:not([aria-disabled=true]){border-color:var(--ds-color-primary-default)}.ds-checkbox:hover .ds-checkbox__control[aria-checked=mixed]:not([aria-disabled=true]),.ds-checkbox:hover .ds-checkbox__control[aria-checked=true]:not([aria-disabled=true]){background-color:var(--ds-color-primary-hover,#2563eb);border-color:var(--ds-color-primary-hover,#2563eb)}ds-checkbox[disabled] .ds-checkbox{cursor:not-allowed}ds-checkbox[disabled] .ds-checkbox__control{background-color:var(--ds-color-background-subtle);cursor:not-allowed;opacity:.5}ds-checkbox[disabled] .ds-checkbox__label{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-checkbox[required] .ds-checkbox__label:after{color:var(--ds-color-text-error,#dc2626);content:" *"}ds-radio-group{display:block}.ds-radio-group{display:flex;flex-direction:column;gap:var(--ds-spacing-2,.5rem)}.ds-radio-group[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--ds-spacing-4,1rem)}ds-radio{display:block}.ds-radio{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--ds-spacing-2,.5rem);user-select:none}.ds-radio__control{align-items:center;background-color:var(--ds-color-background-default);border:2px solid var(--ds-color-border-default);border-radius:50%;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;width:1.25rem}.ds-radio__control:focus{box-shadow:0 0 0 3px var(--ds-color-focus-ring);outline:none}.ds-radio__control:focus,.ds-radio__control[aria-checked=true]{border-color:var(--ds-color-primary-default)}.ds-radio__indicator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ds-radio__dot{background-color:var(--ds-color-primary-default);border-radius:50%;height:.5rem;width:.5rem}.ds-radio__label{color:var(--ds-color-text-default);cursor:pointer;font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-base);line-height:1.5}.ds-radio:hover .ds-radio__control:not([aria-disabled=true]){border-color:var(--ds-color-primary-default)}ds-radio[disabled] .ds-radio{cursor:not-allowed}ds-radio[disabled] .ds-radio__control{background-color:var(--ds-color-background-subtle);cursor:not-allowed;opacity:.5}ds-radio[disabled] .ds-radio__label{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-radio-group[disabled] .ds-radio{cursor:not-allowed}ds-radio-group[disabled] .ds-radio__control{background-color:var(--ds-color-background-subtle);cursor:not-allowed;opacity:.5}ds-radio-group[disabled] .ds-radio__label{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}}}@layer components{@layer components{}}@layer components{.ds-switch{cursor:pointer;gap:var(--ds-switch-gap,.5rem)}.ds-switch,.ds-switch__control{align-items:center;display:inline-flex}.ds-switch__control{flex-shrink:0;outline:none;position:relative}.ds-switch__control:focus-visible .ds-switch__track{outline:2px solid var(--ds-focus-ring-color,#2563eb);outline-offset:2px}.ds-switch__track{background-color:var(--ds-switch-track-bg,#cbd5e1);border-radius:9999px;height:var(--ds-switch-track-height,24px);position:relative;transition:background-color .15s ease-in-out;width:var(--ds-switch-track-width,44px)}.ds-switch__thumb{background-color:var(--ds-switch-thumb-bg,#fff);border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);height:var(--ds-switch-thumb-size,20px);left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .15s ease-in-out,left .15s ease-in-out;width:var(--ds-switch-thumb-size,20px)}.ds-switch__label{user-select:none}.ds-switch__control[aria-checked=true] .ds-switch__track{background-color:var(--ds-switch-track-bg-checked,#2563eb)}.ds-switch__control[aria-checked=true] .ds-switch__thumb{left:calc(100% - var(--ds-switch-thumb-size, 20px) - 2px)}.ds-switch__control[aria-disabled=true]{cursor:not-allowed}.ds-switch__control[aria-disabled=true] .ds-switch__track{opacity:.5}.ds-switch__control[aria-disabled=true]+.ds-switch__label{cursor:not-allowed;opacity:.5}.ds-switch:hover .ds-switch__control:not([aria-disabled=true]) .ds-switch__track{filter:brightness(.95)}.ds-switch__control:active:not([aria-disabled=true]) .ds-switch__thumb{width:calc(var(--ds-switch-thumb-size, 20px) + 2px)}ds-switch[aria-invalid=true] .ds-switch__track{border:2px solid var(--ds-error-color,#dc2626)}ds-popover{display:contents}ds-popover-content{background-color:var(--ds-popover-bg,#fff);border:1px solid var(--ds-popover-border-color,#e2e8f0);border-radius:var(--ds-popover-border-radius,.5rem);box-shadow:var(
+    --ds-popover-shadow,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
+  );display:block;max-width:var(--ds-popover-max-width,20rem);outline:none;position:fixed;z-index:var(--ds-popover-z-index,1000)}ds-popover-content[hidden]{display:none!important}.ds-popover-content{padding:var(--ds-popover-padding,1rem)}ds-popover-content[data-state=open]{animation:ds-popover-fade-in .15s ease-out}ds-popover-content[data-state=closing]{animation:ds-popover-fade-out .1s ease-in}}@layer components{@keyframes ds-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-popover-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}ds-tooltip{display:contents}ds-tooltip-content{background-color:var(--ds-tooltip-bg,#1e293b);border-radius:var(--ds-tooltip-border-radius,.25rem);box-shadow:0 2px 4px -1px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:var(--ds-tooltip-color,#fff);display:block;font-size:var(--ds-tooltip-font-size,.875rem);max-width:var(--ds-tooltip-max-width,16rem);pointer-events:auto;position:fixed;z-index:var(--ds-tooltip-z-index,1100)}ds-tooltip-content[hidden]{display:none!important}.ds-tooltip-content{line-height:1.4;padding:var(--ds-tooltip-padding,.5rem .75rem)}ds-tooltip-content:not([hidden]){animation:ds-tooltip-fade-in .15s ease-out}}@layer components{@keyframes ds-tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}ds-tooltip-content:before{background-color:var(--ds-tooltip-bg,#1e293b);content:"";height:8px;position:absolute;transform:rotate(45deg);width:8px}ds-tooltip-content[data-placement=top-end]:before,ds-tooltip-content[data-placement=top-start]:before,ds-tooltip-content[data-placement=top]:before{bottom:-4px;left:50%;margin-left:-4px}ds-tooltip-content[data-placement=top-start]:before{left:12px;margin-left:0}ds-tooltip-content[data-placement=top-end]:before{left:auto;margin-left:0;right:12px}ds-tooltip-content[data-placement=bottom-end]:before,ds-tooltip-content[data-placement=bottom-start]:before,ds-tooltip-content[data-placement=bottom]:before{left:50%;margin-left:-4px;top:-4px}ds-tooltip-content[data-placement=bottom-start]:before{left:12px;margin-left:0}ds-tooltip-content[data-placement=bottom-end]:before{left:auto;margin-left:0;right:12px}ds-tooltip-content[data-placement=left-end]:before,ds-tooltip-content[data-placement=left-start]:before,ds-tooltip-content[data-placement=left]:before{margin-top:-4px;right:-4px;top:50%}ds-tooltip-content[data-placement=left-start]:before{margin-top:0;top:12px}ds-tooltip-content[data-placement=left-end]:before{bottom:12px;margin-top:0;top:auto}ds-tooltip-content[data-placement=right-end]:before,ds-tooltip-content[data-placement=right-start]:before,ds-tooltip-content[data-placement=right]:before{left:-4px;margin-top:-4px;top:50%}ds-tooltip-content[data-placement=right-start]:before{margin-top:0;top:12px}ds-tooltip-content[data-placement=right-end]:before{bottom:12px;margin-top:0;top:auto}ds-menu{display:contents}ds-menu-content{background-color:var(--ds-menu-bg,#fff);border:1px solid var(--ds-menu-border-color,#e2e8f0);border-radius:var(--ds-menu-border-radius,.5rem);box-shadow:var(
+    --ds-menu-shadow,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
+  );display:block;min-width:var(--ds-menu-min-width,10rem);outline:none;position:fixed;z-index:var(--ds-menu-z-index,1000)}ds-menu-content[hidden]{display:none!important}.ds-menu-content{padding:var(--ds-menu-padding,.25rem)}ds-menu-content:not([hidden]){animation:ds-menu-fade-in .15s ease-out}}@layer components{@keyframes ds-menu-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}ds-menu-item{cursor:pointer;display:block;outline:none;user-select:none}ds-menu-item[disabled]{cursor:not-allowed;pointer-events:none}.ds-menu-item{border-radius:calc(var(--ds-menu-border-radius, .5rem) - .125rem);color:var(--ds-menu-item-color,#1e293b);font-size:.875rem;line-height:1.4;padding:var(--ds-menu-item-padding,.5rem .75rem)}ds-menu-item:not([disabled]):hover .ds-menu-item{background-color:var(--ds-menu-item-hover-bg,#f1f5f9)}ds-menu-item:not([disabled]):focus .ds-menu-item{background-color:var(--ds-menu-item-focus-bg,#e2e8f0)}ds-menu-item:not([disabled]):focus-visible .ds-menu-item{background-color:var(--ds-menu-item-focus-bg,#e2e8f0);outline:2px solid var(--ds-menu-item-focus-ring,#3b82f6);outline-offset:-2px}ds-menu-item[disabled] .ds-menu-item{color:var(--ds-menu-item-disabled-color,#94a3b8)}ds-menu-item:not([disabled]):active .ds-menu-item{background-color:var(--ds-menu-item-active-bg,#e2e8f0)}}@layer components{@layer components{.ds-select{--_select-trigger-bg:var(--ds-select-trigger-bg,var(--ds-color-background-default));--_select-trigger-border:var(--ds-select-trigger-border,var(--ds-color-border-default));--_select-trigger-border-radius:var(--ds-select-border-radius,var(--ds-radius-md));--_select-trigger-padding:var(
+      --ds-select-padding,var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md)
+    );--_select-content-bg:var(--ds-select-content-bg,var(--ds-color-background-default));--_select-content-shadow:var(--ds-select-shadow,var(--ds-shadow-lg));--_select-option-padding:var(
+      --ds-select-option-padding,var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md)
+    );display:inline-flex;flex-direction:column;position:relative}.ds-select-trigger{align-items:center;background-color:var(--_select-trigger-bg);border:1px solid var(--_select-trigger-border);border-radius:var(--_select-trigger-border-radius);color:var(--ds-color-foreground-default);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--ds-font-size-base);gap:var(--ds-spacing-component-gap-sm);justify-content:space-between;line-height:var(--ds-line-height-normal);min-width:10rem;padding:var(--_select-trigger-padding);text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.ds-select-trigger:hover:not(:disabled){border-color:var(--ds-color-border-emphasis)}.ds-select-trigger:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-select-trigger:disabled{cursor:not-allowed;opacity:.5}.ds-select-trigger[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-select-trigger[aria-expanded=true]{border-color:var(--ds-color-primary-default)}.ds-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger__icon,.ds-select-value[data-placeholder]{color:var(--ds-color-foreground-muted)}.ds-select-trigger__icon{flex-shrink:0;height:1rem;transition:transform .15s ease;width:1rem}.ds-select-trigger[aria-expanded=true] .ds-select-trigger__icon{transform:rotate(180deg)}.ds-select-content{animation:ds-select-content-in .15s ease-out;background-color:var(--_select-content-bg);border:1px solid var(--ds-color-border-default);border-radius:var(--_select-trigger-border-radius);box-shadow:var(--_select-content-shadow);left:0;margin-top:var(--ds-spacing-1);max-height:15rem;min-width:max-content;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--ds-z-popover,100)}.ds-select-content[data-closing]{animation:ds-select-content-out .1s ease-in}@keyframes ds-select-content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-select-option{align-items:center;color:var(--ds-color-foreground-default);cursor:pointer;display:flex;font-size:var(--ds-font-size-base);gap:var(--ds-spacing-component-gap-sm);line-height:var(--ds-line-height-normal);padding:var(--_select-option-padding);transition:background-color .1s ease}.ds-select-option:hover,.ds-select-option[data-highlighted]{background-color:var(--ds-color-background-subtle)}.ds-select-option[data-selected]{background-color:var(--ds-color-primary-subtle);color:var(--ds-color-primary-default)}.ds-select-option[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.ds-select-option__check{flex-shrink:0;height:1rem;opacity:0;width:1rem}.ds-select-option[data-selected] .ds-select-option__check{opacity:1}.ds-select-group{padding:var(--ds-spacing-1) 0}.ds-select-group+.ds-select-group{border-top:1px solid var(--ds-color-border-default)}.ds-select-group__label,.ds-select-label{color:var(--ds-color-foreground-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-semibold);letter-spacing:.05em;padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-md);text-transform:uppercase}.ds-select-separator{background-color:var(--ds-color-border-default);height:1px;margin:var(--ds-spacing-1) 0}.ds-select__clear{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-muted);cursor:pointer;display:flex;height:1.25rem;justify-content:center;padding:0;transition:color .15s ease;width:1.25rem}.ds-select__clear:hover{color:var(--ds-color-foreground-default)}.ds-select__search{background-color:var(--_select-content-bg);border-bottom:1px solid var(--ds-color-border-default);padding:var(--ds-spacing-component-padding-sm);position:sticky;top:0}.ds-select__search-input{border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-sm);font-family:inherit;font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm);width:100%}.ds-select__search-input:focus{outline:2px solid var(--ds-color-focus-ring);outline-offset:-1px}.ds-select__empty{color:var(--ds-color-foreground-muted);font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-md);text-align:center}@media (prefers-reduced-motion:reduce){.ds-select-content{animation:none}.ds-select-trigger__icon{transition:none}}}}@layer components{@layer components{.ds-combobox{--_combobox-input-bg:var(--ds-combobox-input-bg,var(--ds-color-background-default));--_combobox-input-border:var(--ds-combobox-input-border,var(--ds-color-border-default));--_combobox-border-radius:var(--ds-combobox-border-radius,var(--ds-radius-md));--_combobox-content-bg:var(--ds-combobox-content-bg,var(--ds-color-background-default));--_combobox-content-shadow:var(--ds-combobox-shadow,var(--ds-shadow-lg));display:inline-flex;flex-direction:column;position:relative}.ds-combobox-input{align-items:center;background-color:var(--_combobox-input-bg);border:1px solid var(--_combobox-input-border);border-radius:var(--_combobox-border-radius);display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1);min-height:2.5rem;padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm);transition:border-color .15s ease,box-shadow .15s ease}.ds-combobox-input:focus-within{border-color:var(--ds-color-primary-default);outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-combobox-input[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-combobox-input[data-disabled]{cursor:not-allowed;opacity:.5}.ds-combobox-input__field{background:transparent;border:none;color:var(--ds-color-foreground-default);flex:1;font-family:inherit;font-size:var(--ds-font-size-base);line-height:var(--ds-line-height-normal);min-width:5rem;padding:var(--ds-spacing-component-padding-xs) 0}.ds-combobox-input__field::placeholder{color:var(--ds-color-foreground-muted)}.ds-combobox-input__field:focus{outline:none}.ds-combobox-input__field:disabled{cursor:not-allowed}.ds-combobox-tag{align-items:center;background-color:var(--ds-color-background-subtle);border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-default);display:inline-flex;font-size:var(--ds-font-size-sm);gap:var(--ds-spacing-1);line-height:1;max-width:10rem;padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-combobox-tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-combobox-tag__remove{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-xs);color:var(--ds-color-foreground-muted);cursor:pointer;display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:0;transition:color .15s ease,background-color .15s ease;width:1rem}.ds-combobox-tag__remove:hover{background-color:var(--ds-color-background-muted);color:var(--ds-color-foreground-default)}.ds-combobox-tag__remove:focus-visible{outline:2px solid var(--ds-color-focus-ring)}.ds-combobox-content{animation:ds-combobox-content-in .15s ease-out;background-color:var(--_combobox-content-bg);border:1px solid var(--ds-color-border-default);border-radius:var(--_combobox-border-radius);box-shadow:var(--_combobox-content-shadow);left:0;margin-top:var(--ds-spacing-1);max-height:15rem;min-width:max-content;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--ds-z-popover,100)}.ds-combobox-content[data-closing]{animation:ds-combobox-content-out .1s ease-in}@keyframes ds-combobox-content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-combobox-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-combobox-option{align-items:center;color:var(--ds-color-foreground-default);cursor:pointer;display:flex;font-size:var(--ds-font-size-base);gap:var(--ds-spacing-component-gap-sm);line-height:var(--ds-line-height-normal);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md);transition:background-color .1s ease}.ds-combobox-option:hover,.ds-combobox-option[data-highlighted]{background-color:var(--ds-color-background-subtle)}.ds-combobox-option[data-selected]{background-color:var(--ds-color-primary-subtle)}.ds-combobox-option[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.ds-combobox-option[data-create]{color:var(--ds-color-primary-default)}.ds-combobox-option[data-create]:before{content:"+";font-weight:var(--ds-font-weight-bold);margin-right:var(--ds-spacing-1)}.ds-combobox-option__check{flex-shrink:0;height:1rem;opacity:0;width:1rem}.ds-combobox-option[data-selected] .ds-combobox-option__check{color:var(--ds-color-primary-default);opacity:1}.ds-combobox-empty{text-align:center}.ds-combobox-empty,.ds-combobox-loading{color:var(--ds-color-foreground-muted);font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-lg)}.ds-combobox-loading{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center}.ds-combobox-loading__spinner{animation:ds-combobox-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;height:1rem;width:1rem}@keyframes ds-combobox-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-combobox-content,.ds-combobox-loading__spinner{animation:none}}}}@layer components{@layer components{.ds-date-picker{--_datepicker-trigger-bg:var(--ds-datepicker-trigger-bg,var(--ds-color-background-default));--_datepicker-trigger-border:var(
+      --ds-datepicker-trigger-border,var(--ds-color-border-default)
+    );--_datepicker-border-radius:var(--ds-datepicker-border-radius,var(--ds-radius-md));--_datepicker-content-bg:var(--ds-datepicker-content-bg,var(--ds-color-background-default));--_datepicker-content-shadow:var(--ds-datepicker-shadow,var(--ds-shadow-lg));--_datepicker-cell-size:var(--ds-datepicker-cell-size,2.5rem);display:inline-flex;flex-direction:column;position:relative}.ds-date-picker-trigger{align-items:center;background-color:var(--_datepicker-trigger-bg);border:1px solid var(--_datepicker-trigger-border);border-radius:var(--_datepicker-border-radius);color:var(--ds-color-foreground-default);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--ds-font-size-base);gap:var(--ds-spacing-component-gap-sm);justify-content:space-between;line-height:var(--ds-line-height-normal);min-width:12rem;padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md);text-align:left;transition:border-color .15s ease}.ds-date-picker-trigger:hover:not(:disabled){border-color:var(--ds-color-border-emphasis)}.ds-date-picker-trigger:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-date-picker-trigger:disabled{cursor:not-allowed;opacity:.5}.ds-date-picker-trigger[data-placeholder],.ds-date-picker-trigger__icon{color:var(--ds-color-foreground-muted)}.ds-date-picker-trigger__icon{flex-shrink:0;height:1rem;width:1rem}.ds-date-picker-content{animation:ds-datepicker-content-in .15s ease-out;background-color:var(--_datepicker-content-bg);border:1px solid var(--ds-color-border-default);border-radius:var(--_datepicker-border-radius);box-shadow:var(--_datepicker-content-shadow);left:0;margin-top:var(--ds-spacing-1);padding:var(--ds-spacing-component-padding-md);position:absolute;top:100%;z-index:var(--ds-z-popover,100)}.ds-date-picker-content[data-closing]{animation:ds-datepicker-content-out .1s ease-in}@keyframes ds-datepicker-content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-datepicker-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ds-spacing-2)}.ds-calendar__title{color:var(--ds-color-foreground-default);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold)}.ds-calendar__nav{display:flex;gap:var(--ds-spacing-1)}.ds-calendar__nav-button{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-muted);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:2rem}.ds-calendar__nav-button:hover{background-color:var(--ds-color-background-subtle);color:var(--ds-color-foreground-default)}.ds-calendar__nav-button:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-calendar__nav-button:disabled{cursor:not-allowed;opacity:.5}.ds-calendar__grid{display:grid;gap:var(--ds-spacing-1);grid-template-columns:repeat(7,var(--_datepicker-cell-size))}.ds-calendar__weekday{color:var(--ds-color-foreground-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);text-transform:uppercase}.ds-calendar-cell,.ds-calendar__weekday{align-items:center;display:flex;height:var(--_datepicker-cell-size);justify-content:center}.ds-calendar-cell{background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-default);cursor:pointer;font-size:var(--ds-font-size-sm);transition:background-color .15s ease,color .15s ease;width:var(--_datepicker-cell-size)}.ds-calendar-cell:hover:not(:disabled):not([data-selected]){background-color:var(--ds-color-background-subtle)}.ds-calendar-cell:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-calendar-cell[data-today]{font-weight:var(--ds-font-weight-bold)}.ds-calendar-cell[data-today]:after{background-color:var(--ds-color-primary-default);border-radius:50%;bottom:4px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.ds-calendar-cell[data-selected]{background-color:var(--ds-color-primary-default);color:var(--ds-color-primary-foreground)}.ds-calendar-cell[data-in-range]{background-color:var(--ds-color-primary-subtle);border-radius:0}.ds-calendar-cell[data-range-start]{border-radius:var(--ds-radius-sm) 0 0 var(--ds-radius-sm)}.ds-calendar-cell[data-range-end]{border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0}.ds-calendar-cell[data-outside-month]{color:var(--ds-color-foreground-muted);opacity:.5}.ds-calendar-cell:disabled,.ds-calendar-cell[data-disabled]{cursor:not-allowed;opacity:.3;pointer-events:none}.ds-calendar__selectors{display:flex;gap:var(--ds-spacing-2)}.ds-calendar__selector{background-color:var(--ds-color-background-default);border:1px solid var(--ds-color-border-default);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-date-picker-content[data-mode=range] .ds-calendar__grid-container{display:flex;gap:var(--ds-spacing-4)}@media (prefers-reduced-motion:reduce){.ds-date-picker-content{animation:none}}}}@layer components{@layer components{.ds-slider{--_slider-track-height:var(--ds-slider-track-height,4px);--_slider-track-bg:var(--ds-slider-track-bg,var(--ds-color-background-muted));--_slider-range-bg:var(--ds-slider-range-bg,var(--ds-color-primary-default));--_slider-thumb-size:var(--ds-slider-thumb-size,1.25rem);--_slider-thumb-bg:var(--ds-slider-thumb-bg,var(--ds-color-background-default));--_slider-thumb-border:var(--ds-slider-thumb-border,var(--ds-color-primary-default));align-items:center;display:flex;min-height:var(--_slider-thumb-size);position:relative;touch-action:none;user-select:none;width:100%}.ds-slider[data-disabled]{opacity:.5;pointer-events:none}.ds-slider[data-orientation=vertical]{flex-direction:column;height:100%;min-height:10rem;width:var(--_slider-thumb-size)}.ds-slider__track{background-color:var(--_slider-track-bg);border-radius:var(--ds-radius-full);flex-grow:1;height:var(--_slider-track-height);overflow:visible;position:relative}.ds-slider[data-orientation=vertical] .ds-slider__track{height:100%;width:var(--_slider-track-height)}.ds-slider__range{background-color:var(--_slider-range-bg);border-radius:var(--ds-radius-full);height:100%;position:absolute}.ds-slider[data-orientation=vertical] .ds-slider__range{bottom:0;height:auto;width:100%}.ds-slider__thumb{align-items:center;background-color:var(--_slider-thumb-bg);border:2px solid var(--_slider-thumb-border);border-radius:var(--ds-radius-full);box-shadow:var(--ds-shadow-sm);cursor:grab;display:flex;height:var(--_slider-thumb-size);justify-content:center;position:absolute;transform:translateX(-50%);transition:transform .15s ease,box-shadow .15s ease;width:var(--_slider-thumb-size)}.ds-slider[data-orientation=vertical] .ds-slider__thumb{transform:translateY(50%)}.ds-slider__thumb:hover{box-shadow:var(--ds-shadow-md);transform:translateX(-50%) scale(1.1)}.ds-slider[data-orientation=vertical] .ds-slider__thumb:hover{transform:translateY(50%) scale(1.1)}.ds-slider__thumb:active{cursor:grabbing}.ds-slider__thumb:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-slider__thumb[data-dragging]{cursor:grabbing;transform:translateX(-50%) scale(1.1)}.ds-slider[data-orientation=vertical] .ds-slider__thumb[data-dragging]{transform:translateY(50%) scale(1.1)}.ds-slider__ticks{display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ds-slider[data-orientation=vertical] .ds-slider__ticks{bottom:0;flex-direction:column;left:50%;right:auto;top:0;transform:translateX(-50%)}.ds-slider__tick{background-color:var(--ds-color-border-emphasis);border-radius:var(--ds-radius-full);height:calc(var(--_slider-track-height) + 4px);width:2px}.ds-slider[data-orientation=vertical] .ds-slider__tick{height:2px;width:calc(var(--_slider-track-height) + 4px)}.ds-slider__tooltip{background-color:var(--ds-color-foreground-default);border-radius:var(--ds-radius-sm);bottom:calc(100% + 8px);color:var(--ds-color-primary-foreground);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);left:50%;opacity:0;padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap}.ds-slider__tooltip[data-visible]{opacity:1}.ds-slider__thumb:focus-visible .ds-slider__tooltip,.ds-slider__thumb:hover .ds-slider__tooltip{opacity:1}.ds-slider__tooltip:after{border:4px solid transparent;border-top:4px solid var(--ds-color-foreground-default);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.ds-slider[data-orientation=vertical] .ds-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ds-slider[data-orientation=vertical] .ds-slider__tooltip:after{border:4px solid transparent;border-right:4px solid var(--ds-color-foreground-default);left:auto;right:100%;top:50%;transform:translateY(-50%)}.ds-slider__labels{color:var(--ds-color-foreground-muted);display:flex;font-size:var(--ds-font-size-xs);justify-content:space-between;margin-top:var(--ds-spacing-2)}.ds-slider[data-orientation=vertical] .ds-slider__labels{flex-direction:column-reverse;margin-left:var(--ds-spacing-2);margin-top:0}@media (prefers-reduced-motion:reduce){.ds-slider__thumb,.ds-slider__tooltip{transition:none}}}}@layer components{@layer components{.ds-number-input{--_number-input-bg:var(--ds-number-input-bg,var(--ds-color-background-default));--_number-input-border:var(--ds-number-input-border,var(--ds-color-border-default));--_number-input-border-radius:var(--ds-number-input-border-radius,var(--ds-radius-md));--_number-input-button-width:var(--ds-number-input-button-width,2rem);align-items:stretch;display:inline-flex;position:relative}.ds-number-input[data-disabled]{opacity:.5;pointer-events:none}.ds-number-input__field{background-color:var(--_number-input-bg);border:1px solid var(--_number-input-border);border-radius:var(--_number-input-border-radius);color:var(--ds-color-foreground-default);flex:1;font-family:inherit;font-size:var(--ds-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--ds-line-height-normal);min-width:4rem;padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md);text-align:center;transition:border-color .15s ease}.ds-number-input__field:hover:not(:disabled){border-color:var(--ds-color-border-emphasis)}.ds-number-input__field:focus{border-color:var(--ds-color-primary-default);outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-number-input__field:disabled{cursor:not-allowed}.ds-number-input__field[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-number-input__field::-webkit-inner-spin-button,.ds-number-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-number-input__field{-moz-appearance:textfield}.ds-number-input--buttons-sides .ds-number-input__field{border-left:none;border-radius:0;border-right:none}.ds-number-input--buttons-sides .ds-number-input__decrement{border-radius:var(--_number-input-border-radius) 0 0 var(--_number-input-border-radius);border-right:none}.ds-number-input--buttons-sides .ds-number-input__increment{border-left:none;border-radius:0 var(--_number-input-border-radius) var(--_number-input-border-radius) 0}.ds-number-input--buttons-stacked .ds-number-input__field{border-radius:var(--_number-input-border-radius) 0 0 var(--_number-input-border-radius);border-right:none}.ds-number-input--buttons-stacked .ds-number-input__buttons{display:flex;flex-direction:column}.ds-number-input--buttons-stacked .ds-number-input__increment{border-bottom:none;border-radius:0 var(--_number-input-border-radius) 0 0}.ds-number-input--buttons-stacked .ds-number-input__decrement{border-radius:0 0 var(--_number-input-border-radius) 0}.ds-number-input--buttons-stacked .ds-number-input__decrement,.ds-number-input--buttons-stacked .ds-number-input__increment{height:50%;padding:0}.ds-number-input__decrement,.ds-number-input__increment{align-items:center;background-color:var(--_number-input-bg);border:1px solid var(--_number-input-border);color:var(--ds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:var(--_number-input-button-width)}.ds-number-input__decrement:hover:not(:disabled),.ds-number-input__increment:hover:not(:disabled){background-color:var(--ds-color-background-subtle)}.ds-number-input__decrement:active:not(:disabled),.ds-number-input__increment:active:not(:disabled){background-color:var(--ds-color-background-muted)}.ds-number-input__decrement:focus-visible,.ds-number-input__increment:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:-2px;z-index:1}.ds-number-input__decrement:disabled,.ds-number-input__increment:disabled{color:var(--ds-color-foreground-muted);cursor:not-allowed}.ds-number-input__decrement svg,.ds-number-input__increment svg{height:1rem;width:1rem}.ds-number-input__prefix,.ds-number-input__suffix{align-items:center;background-color:var(--ds-color-background-subtle);border:1px solid var(--_number-input-border);color:var(--ds-color-foreground-muted);display:flex;font-size:var(--ds-font-size-sm);padding:0 var(--ds-spacing-component-padding-sm)}.ds-number-input__prefix{border-radius:var(--_number-input-border-radius) 0 0 var(--_number-input-border-radius);border-right:none}.ds-number-input__suffix{border-left:none;border-radius:0 var(--_number-input-border-radius) var(--_number-input-border-radius) 0}.ds-number-input:has(.ds-number-input__prefix) .ds-number-input__field{border-bottom-left-radius:0;border-top-left-radius:0}.ds-number-input:has(.ds-number-input__suffix) .ds-number-input__field{border-bottom-right-radius:0;border-top-right-radius:0}.ds-number-input--sm .ds-number-input__field{font-size:var(--ds-font-size-sm);padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-number-input--sm .ds-number-input__decrement,.ds-number-input--sm .ds-number-input__increment{width:1.5rem}.ds-number-input--lg .ds-number-input__field{font-size:var(--ds-font-size-lg);padding:var(--ds-spacing-component-padding-md) var(--ds-spacing-component-padding-lg)}.ds-number-input--lg .ds-number-input__decrement,.ds-number-input--lg .ds-number-input__increment{width:2.5rem}.ds-file-upload{--_file-upload-border:var(--ds-file-upload-border,var(--ds-color-border-default));--_file-upload-border-radius:var(--ds-file-upload-border-radius,var(--ds-radius-lg));--_file-upload-bg:var(--ds-file-upload-bg,var(--ds-color-background-default));display:flex;flex-direction:column;gap:var(--ds-spacing-3)}.ds-file-upload-dropzone{align-items:center;background-color:var(--_file-upload-bg);border:2px dashed var(--_file-upload-border);border-radius:var(--_file-upload-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--ds-spacing-2);justify-content:center;min-height:10rem;padding:var(--ds-spacing-component-padding-xl);text-align:center;transition:border-color .15s ease,background-color .15s ease}.ds-file-upload-dropzone:hover{background-color:var(--ds-color-background-subtle);border-color:var(--ds-color-border-emphasis)}}}@layer components{@layer components{.ds-file-upload-dropzone:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-file-upload-dropzone[data-drag-over]{background-color:var(--ds-color-primary-subtle);border-color:var(--ds-color-primary-default)}.ds-file-upload-dropzone[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.ds-file-upload-dropzone[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-file-upload-dropzone__icon{color:var(--ds-color-foreground-muted);height:3rem;width:3rem}.ds-file-upload-dropzone[data-drag-over] .ds-file-upload-dropzone__icon{color:var(--ds-color-primary-default)}.ds-file-upload-dropzone__text{color:var(--ds-color-foreground-default);font-size:var(--ds-font-size-base)}.ds-file-upload-dropzone__hint{color:var(--ds-color-foreground-muted);font-size:var(--ds-font-size-sm)}.ds-file-upload-input{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ds-file-upload__button{align-items:center;background-color:transparent;border:1px solid var(--ds-color-primary-default);border-radius:var(--ds-radius-md);color:var(--ds-color-primary-default);cursor:pointer;display:inline-flex;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);gap:var(--ds-spacing-component-gap-sm);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-lg);transition:background-color .15s ease}.ds-file-upload__button:hover{background-color:var(--ds-color-primary-subtle)}.ds-file-upload__button:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-file-upload__list{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}.ds-file-upload-item{align-items:center;background-color:var(--ds-color-background-subtle);border-radius:var(--ds-radius-md);display:flex;gap:var(--ds-spacing-3);padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md)}.ds-file-upload-item[data-status=error]{background-color:var(--ds-color-destructive-subtle)}.ds-file-upload-item[data-status=success]{background-color:var(--ds-color-success-subtle)}.ds-file-upload-item__icon{color:var(--ds-color-foreground-muted);flex-shrink:0;height:2rem;width:2rem}.ds-file-upload-item[data-status=error] .ds-file-upload-item__icon{color:var(--ds-color-destructive-default)}.ds-file-upload-item[data-status=success] .ds-file-upload-item__icon{color:var(--ds-color-success-default)}.ds-file-upload-item__info{flex:1;min-width:0}.ds-file-upload-item__name{color:var(--ds-color-foreground-default);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-file-upload-item__meta{align-items:center;color:var(--ds-color-foreground-muted);display:flex;font-size:var(--ds-font-size-xs);gap:var(--ds-spacing-2)}.ds-file-upload-item__error{color:var(--ds-color-destructive-default);font-size:var(--ds-font-size-xs)}.ds-file-upload-item__progress{background-color:var(--ds-color-background-muted);border-radius:var(--ds-radius-full);height:4px;margin-top:var(--ds-spacing-1);overflow:hidden;width:100%}.ds-file-upload-item__progress-bar{background-color:var(--ds-color-primary-default);border-radius:var(--ds-radius-full);height:100%;transition:width .15s ease}.ds-file-upload-item[data-status=error] .ds-file-upload-item__progress-bar{background-color:var(--ds-color-destructive-default)}.ds-file-upload-item[data-status=success] .ds-file-upload-item__progress-bar{background-color:var(--ds-color-success-default)}.ds-file-upload-item__remove{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-muted);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;padding:0;transition:color .15s ease,background-color .15s ease;width:1.5rem}.ds-file-upload-item__remove:hover{background-color:var(--ds-color-destructive-subtle);color:var(--ds-color-destructive-default)}.ds-file-upload-item__remove:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-file-upload-item__remove svg{height:1rem;width:1rem}.ds-file-upload__announcer{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ds-file-upload--compact .ds-file-upload-dropzone{flex-direction:row;min-height:auto;padding:var(--ds-spacing-component-padding-md)}.ds-file-upload--compact .ds-file-upload-dropzone__icon{height:1.5rem;width:1.5rem}.ds-time-picker{--_time-picker-bg:var(--ds-time-picker-bg,var(--ds-color-background-default));--_time-picker-border:var(--ds-time-picker-border,var(--ds-color-border-default));--_time-picker-border-radius:var(--ds-time-picker-border-radius,var(--ds-radius-md));--_time-picker-segment-width:var(--ds-time-picker-segment-width,2.5rem);align-items:center;background-color:var(--_time-picker-bg);border:1px solid var(--_time-picker-border);border-radius:var(--_time-picker-border-radius);display:inline-flex;gap:0;padding:var(--ds-spacing-component-padding-sm) var(--ds-spacing-component-padding-md);transition:border-color .15s ease}.ds-time-picker:hover:not([data-disabled]){border-color:var(--ds-color-border-emphasis)}}}@layer components{@layer components{.ds-time-picker:focus-within{border-color:var(--ds-color-primary-default);outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-time-picker[data-disabled]{opacity:.5;pointer-events:none}.ds-time-picker[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-time-picker-segment{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);caret-color:transparent;color:var(--ds-color-foreground-default);display:inline-flex;font-family:inherit;font-size:var(--ds-font-size-base);font-variant-numeric:tabular-nums;justify-content:center;line-height:1;min-width:var(--_time-picker-segment-width);padding:var(--ds-spacing-component-padding-xs);text-align:center;transition:background-color .15s ease}.ds-time-picker-segment:hover{background-color:var(--ds-color-background-subtle)}.ds-time-picker-segment:focus{background-color:var(--ds-color-primary-subtle);outline:none}.ds-time-picker-segment[data-placeholder]{color:var(--ds-color-foreground-muted)}.ds-time-picker-segment:disabled{cursor:not-allowed}.ds-time-picker__separator{align-items:center;color:var(--ds-color-foreground-muted);display:inline-flex;font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-medium);justify-content:center;user-select:none;width:.75rem}.ds-time-picker-segment[data-type=period]{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);min-width:2.5rem;text-transform:uppercase}.ds-time-picker__clear,.ds-time-picker__icon{align-items:center;color:var(--ds-color-foreground-muted);display:flex;height:1.25rem;justify-content:center;margin-left:var(--ds-spacing-1);width:1.25rem}.ds-time-picker__clear{background:transparent;border:none;border-radius:var(--ds-radius-xs);cursor:pointer;padding:0;transition:color .15s ease}.ds-time-picker__clear:hover{color:var(--ds-color-foreground-default)}.ds-time-picker__clear:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.ds-time-picker__clear svg{height:.875rem;width:.875rem}.ds-time-picker--sm{padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm)}.ds-time-picker--sm .ds-time-picker-segment{font-size:var(--ds-font-size-sm);min-width:2rem}.ds-time-picker--sm .ds-time-picker__separator{font-size:var(--ds-font-size-sm);width:.5rem}.ds-time-picker--lg{padding:var(--ds-spacing-component-padding-md) var(--ds-spacing-component-padding-lg)}.ds-time-picker--lg .ds-time-picker-segment{font-size:var(--ds-font-size-lg);min-width:3rem}.ds-time-picker--lg .ds-time-picker__separator{font-size:var(--ds-font-size-lg);width:1rem}.ds-time-picker[data-show-seconds] .ds-time-picker-segment[data-type=second]{display:inline-flex}.ds-time-picker[data-format="24h"] .ds-time-picker-segment[data-type=period]{display:none}.ds-time-picker-dropdown{background-color:var(--_time-picker-bg);border:1px solid var(--ds-color-border-default);border-radius:var(--_time-picker-border-radius);box-shadow:var(--ds-shadow-lg);display:flex;gap:var(--ds-spacing-1);left:0;margin-top:var(--ds-spacing-1);padding:var(--ds-spacing-component-padding-sm);position:absolute;top:100%;z-index:var(--ds-z-popover,100)}.ds-time-picker-dropdown__column{display:flex;flex-direction:column;max-height:12rem;overflow-y:auto}.ds-time-picker-dropdown__option{align-items:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-color-foreground-default);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm);font-variant-numeric:tabular-nums;justify-content:center;min-width:2.5rem;padding:var(--ds-spacing-component-padding-xs) var(--ds-spacing-component-padding-sm);transition:background-color .1s ease}.ds-time-picker-dropdown__option:hover{background-color:var(--ds-color-background-subtle)}.ds-time-picker-dropdown__option[data-selected]{background-color:var(--ds-color-primary-subtle);color:var(--ds-color-primary-default)}.ds-time-picker-dropdown__option:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:-2px}.ds-time-picker-dropdown__option:disabled{cursor:not-allowed;opacity:.5}.ds-pin-input{--_pin-input-field-size:var(--ds-pin-input-field-size,3rem);--_pin-input-field-bg:var(--ds-pin-input-field-bg,var(--ds-color-background-default));--_pin-input-field-border:var(--ds-pin-input-field-border,var(--ds-color-border-default));--_pin-input-border-radius:var(--ds-pin-input-border-radius,var(--ds-radius-md));--_pin-input-gap:var(--ds-pin-input-gap,var(--ds-spacing-2));align-items:center;display:inline-flex;gap:var(--_pin-input-gap)}.ds-pin-input[data-disabled]{opacity:.5;pointer-events:none}.ds-pin-input__field{align-items:center;background-color:var(--_pin-input-field-bg);border:2px solid var(--_pin-input-field-border);border-radius:var(--_pin-input-border-radius);caret-color:transparent;color:var(--ds-color-foreground-default);display:flex;font-family:inherit;font-size:var(--ds-font-size-xl);font-variant-numeric:tabular-nums;font-weight:var(--ds-font-weight-semibold);height:var(--_pin-input-field-size);justify-content:center;line-height:1;padding:0;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;width:var(--_pin-input-field-size)}}}@layer components{@layer components{.ds-pin-input__field::placeholder{color:var(--ds-color-foreground-muted);opacity:.5}.ds-pin-input__field:hover:not(:disabled):not(:focus){border-color:var(--ds-color-border-emphasis)}.ds-pin-input__field:focus{border-color:var(--ds-color-primary-default);box-shadow:0 0 0 3px var(--ds-color-primary-subtle);outline:none}.ds-pin-input__field:disabled{cursor:not-allowed}.ds-pin-input__field[data-invalid]{border-color:var(--ds-color-destructive-default)}.ds-pin-input__field[data-invalid]:focus{box-shadow:0 0 0 3px var(--ds-color-destructive-subtle)}.ds-pin-input__field[data-filled]{border-color:var(--ds-color-primary-default)}.ds-pin-input[data-mask] .ds-pin-input__field{-webkit-text-security:disc}.ds-pin-input--sm{--_pin-input-field-size:2.5rem;--_pin-input-gap:var(--ds-spacing-1)}.ds-pin-input--sm .ds-pin-input__field{font-size:var(--ds-font-size-lg)}.ds-pin-input--lg{--_pin-input-field-size:3.5rem;--_pin-input-gap:var(--ds-spacing-3)}.ds-pin-input--lg .ds-pin-input__field{font-size:var(--ds-font-size-2xl)}.ds-pin-input--grouped{gap:0}.ds-pin-input--grouped .ds-pin-input__field{border-radius:0;margin-left:-1px}.ds-pin-input--grouped .ds-pin-input__field:first-child{border-radius:var(--_pin-input-border-radius) 0 0 var(--_pin-input-border-radius);margin-left:0}.ds-pin-input--grouped .ds-pin-input__field:last-child{border-radius:0 var(--_pin-input-border-radius) var(--_pin-input-border-radius) 0}.ds-pin-input--grouped .ds-pin-input__field:focus{z-index:1}.ds-pin-input__separator{align-items:center;color:var(--ds-color-foreground-muted);display:flex;font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);justify-content:center;width:var(--ds-spacing-3)}.ds-pin-input[data-complete] .ds-pin-input__field{border-color:var(--ds-color-success-default)}.ds-pin-input[data-complete] .ds-pin-input__field:focus{box-shadow:0 0 0 3px var(--ds-color-success-subtle)}.ds-pin-input[data-error] .ds-pin-input__field{animation:ds-pin-input-shake .3s ease;border-color:var(--ds-color-destructive-default)}@keyframes ds-pin-input-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.ds-pin-input[data-alphanumeric] .ds-pin-input__field{text-transform:uppercase}@media (prefers-reduced-motion:reduce){.ds-pin-input[data-error] .ds-pin-input__field{animation:none}}}}@layer components{@layer components{ds-card{background-color:var(--ds-card-bg,#fff);border:1px solid var(--ds-card-border-color,#e2e8f0);border-radius:var(--ds-card-border-radius,.5rem);box-shadow:var(--ds-card-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));display:block}ds-card-header{display:flex;flex-direction:column;gap:.375rem;padding:var(--ds-card-header-padding,1.5rem 1.5rem 0)}ds-card-content{display:block;padding:var(--ds-card-padding,1.5rem)}ds-card-footer{align-items:center;display:flex;gap:.5rem;padding:var(--ds-card-footer-padding,0 1.5rem 1.5rem)}@media (prefers-color-scheme:dark){ds-card{--ds-card-bg:#1e293b;--ds-card-border-color:#334155}}}}@layer components{@layer components{ds-separator{display:block;flex-shrink:0}ds-separator[orientation=horizontal]{background-color:var(--ds-separator-color,#e2e8f0);height:var(--ds-separator-size,1px);margin:var(--ds-separator-margin,1rem 0);width:100%}ds-separator[orientation=vertical]{align-self:stretch;background-color:var(--ds-separator-color,#e2e8f0);height:100%;margin:var(--ds-separator-margin,0 1rem);width:var(--ds-separator-size,1px)}@media (prefers-color-scheme:dark){ds-separator{--ds-separator-color:#334155}}}}@layer components{@layer components{ds-aspect-ratio{aspect-ratio:var(--ds-aspect-ratio,1);display:block;position:relative;width:100%}ds-aspect-ratio>*{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}ds-aspect-ratio>article,ds-aspect-ratio>div,ds-aspect-ratio>section{object-fit:unset}ds-collapsible{display:block}ds-collapsible-trigger{align-items:center;cursor:pointer;display:inline-flex;user-select:none}ds-collapsible-trigger[aria-disabled=true]{cursor:not-allowed;opacity:.5}ds-collapsible-content{display:block;overflow:hidden}ds-collapsible-content[hidden]{display:none}ds-collapsible-content[data-state=open]{animation:ds-collapsible-expand var(--ds-collapsible-animation-duration,.2s) ease-out}ds-collapsible-content[data-state=closed]:not([hidden]){animation:ds-collapsible-collapse var(--ds-collapsible-animation-duration,.2s) ease-out}}}@layer components{@layer components{@keyframes ds-collapsible-expand{0%{height:0;opacity:0}to{height:var(--ds-collapsible-content-height,auto);opacity:1}}@keyframes ds-collapsible-collapse{0%{height:var(--ds-collapsible-content-height,auto);opacity:1}to{height:0;opacity:0}}@media (prefers-reduced-motion:reduce){ds-collapsible-content[data-state=closed]:not([hidden]),ds-collapsible-content[data-state=open]{animation:none}}}}@layer components{@layer components{ds-tabs{display:flex;flex-direction:column}ds-tabs[orientation=vertical]{flex-direction:row}ds-tabs-list{background-color:var(--ds-tabs-list-bg,#f8fafc);border-bottom:1px solid var(--ds-tabs-border-color,#e2e8f0);border-radius:.375rem .375rem 0 0;display:flex;gap:0;padding:.25rem}ds-tabs[orientation=vertical] ds-tabs-list{border-bottom:none;border-radius:.375rem 0 0 .375rem;border-right:1px solid var(--ds-tabs-border-color,#e2e8f0);flex-direction:column}ds-tabs-trigger{align-items:center;background-color:var(--ds-tabs-trigger-bg,transparent);border:none;border-radius:.25rem;color:var(--ds-tabs-trigger-color,#64748b);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;outline:none;padding:.5rem 1rem;transition:color .15s ease,background-color .15s ease;white-space:nowrap}ds-tabs-trigger:hover:not([disabled]){background-color:var(--ds-tabs-trigger-bg-hover,rgba(0,0,0,.05));color:var(--ds-tabs-trigger-color-hover,#0f172a)}ds-tabs-trigger:focus-visible{box-shadow:0 0 0 2px var(--ds-tabs-focus-ring,#3b82f6)}ds-tabs-trigger[aria-selected=true]{background-color:var(--ds-tabs-trigger-bg-active,#fff);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);color:var(--ds-tabs-trigger-color-active,#0f172a)}ds-tabs-trigger[disabled]{color:var(--ds-tabs-trigger-color-disabled,#94a3b8);cursor:not-allowed;opacity:.5}ds-tabs-content{display:block;outline:none;padding:1rem}ds-tabs-content[hidden]{display:none}ds-tabs-content:focus-visible{border-radius:.25rem;box-shadow:inset 0 0 0 2px var(--ds-tabs-focus-ring,#3b82f6)}ds-tabs-content[data-state=active]{animation:ds-tabs-fade-in .15s ease-out}@keyframes ds-tabs-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){ds-tabs-content[data-state=active]{animation:none}}@media (prefers-color-scheme:dark){ds-tabs-list{--ds-tabs-border-color:#334155;--ds-tabs-list-bg:#1e293b}ds-tabs-trigger{--ds-tabs-trigger-color:#94a3b8;--ds-tabs-trigger-color-active:#f1f5f9;--ds-tabs-trigger-bg-active:#334155}}}}@layer components{@layer components{ds-accordion{border:1px solid var(--ds-accordion-border-color,#e2e8f0);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}ds-accordion-item{border-bottom:1px solid var(--ds-accordion-border-color,#e2e8f0);display:block}ds-accordion-item:last-child{border-bottom:none}ds-accordion-trigger{align-items:center;background-color:var(--ds-accordion-trigger-bg,transparent);border:none;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;outline:none;padding:var(--ds-accordion-trigger-padding,1rem);text-align:left;transition:background-color .15s ease;width:100%}ds-accordion-trigger:hover:not([aria-disabled=true]){background-color:var(--ds-accordion-trigger-bg-hover,#f8fafc)}ds-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-accordion-focus-ring,#3b82f6)}ds-accordion-trigger[aria-disabled=true]{cursor:not-allowed;opacity:.5}ds-accordion-trigger:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:1rem;margin-left:.5rem;transition:transform var(--ds-accordion-animation-duration,.2s) ease;width:1rem}ds-accordion-trigger[aria-expanded=true]:after{transform:rotate(180deg)}ds-accordion-content{display:block;overflow:hidden;padding:var(--ds-accordion-content-padding,1rem);padding-top:0}ds-accordion-content[hidden]{display:none}ds-accordion-content[data-state=open]{animation:ds-accordion-expand var(--ds-accordion-animation-duration,.2s) ease-out}ds-accordion-content[data-state=closed]:not([hidden]){animation:ds-accordion-collapse var(--ds-accordion-animation-duration,.2s) ease-out}@keyframes ds-accordion-expand{0%{height:0;opacity:0}to{height:var(--ds-accordion-content-height,auto);opacity:1}}@keyframes ds-accordion-collapse{0%{height:var(--ds-accordion-content-height,auto);opacity:1}to{height:0;opacity:0}}@media (prefers-reduced-motion:reduce){ds-accordion-trigger:after{transition:none}ds-accordion-content[data-state=closed]:not([hidden]),ds-accordion-content[data-state=open]{animation:none}}@media (prefers-color-scheme:dark){ds-accordion{--ds-accordion-border-color:#334155}ds-accordion-trigger{--ds-accordion-trigger-bg-hover:#1e293b}ds-accordion-trigger:after{filter:invert(1)}}}}@layer components{@layer components{ds-alert-dialog{--_alert-dialog-backdrop-color:var(--ds-alert-dialog-backdrop-color,rgba(0,0,0,.5));--_alert-dialog-content-bg:var(--ds-alert-dialog-content-bg,var(--ds-color-surface,#fff));--_alert-dialog-content-border-radius:var(
+      --ds-alert-dialog-border-radius,var(--ds-radius-lg,0.5rem)
+    );--_alert-dialog-content-shadow:var(
+      --ds-alert-dialog-shadow,var(--ds-shadow-xl,0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04))
+    );--_alert-dialog-content-padding:var(--ds-alert-dialog-padding,var(--ds-space-6,1.5rem));--_alert-dialog-max-width:var(--ds-alert-dialog-max-width,28rem);display:contents}.ds-alert-dialog__backdrop{align-items:center;animation:ds-alert-dialog-backdrop-in .15s ease-out;background-color:var(--_alert-dialog-backdrop-color);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--ds-z-index-modal,var(--ds-z-modal,1000))}.ds-alert-dialog__backdrop[hidden]{display:none}.ds-alert-dialog__backdrop[data-closing]{animation:ds-alert-dialog-backdrop-out .15s ease-in}@keyframes ds-alert-dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-alert-dialog-backdrop-out{0%{opacity:1}to{opacity:0}}ds-alert-dialog-content{animation:ds-alert-dialog-content-in .2s ease-out;background-color:var(--_alert-dialog-content-bg);border-radius:var(--_alert-dialog-content-border-radius);box-shadow:var(--_alert-dialog-content-shadow);display:flex;flex-direction:column;margin:var(--ds-space-4,1rem);max-width:var(--_alert-dialog-max-width);padding:var(--_alert-dialog-content-padding);position:relative;width:100%;z-index:var(--ds-z-index-modal,var(--ds-z-modal,1000))}ds-alert-dialog-content[data-state=closed]{animation:ds-alert-dialog-content-out .15s ease-in}@keyframes ds-alert-dialog-content-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ds-alert-dialog-content-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}ds-alert-dialog-content[size=sm]{--_alert-dialog-max-width:20rem;--_alert-dialog-content-padding:var(--ds-space-4,1rem)}ds-alert-dialog-content[size=lg]{--_alert-dialog-max-width:40rem}ds-alert-dialog-content[size=xl]{--_alert-dialog-max-width:56rem}ds-alert-dialog-content[size=full]{--_alert-dialog-max-width:calc(100vw - 2rem)}ds-alert-dialog-header{display:flex;flex-direction:column;gap:var(--ds-space-2,.5rem);text-align:center}ds-alert-dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--ds-space-2,.5rem);margin-top:var(--ds-space-6,1.5rem)}@media (min-width:640px){ds-alert-dialog-footer{flex-direction:row;gap:var(--ds-space-3,.75rem);justify-content:flex-end}}ds-alert-dialog-title{color:var(--ds-color-text,#1a1a1a);display:block;font-size:var(--ds-font-size-lg,1.125rem);font-weight:var(--ds-font-weight-semibold,600);line-height:var(--ds-line-height-tight,1.25);margin:0}ds-alert-dialog-description{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-sm,.875rem);line-height:var(--ds-line-height-normal,1.5);margin:0}ds-alert-dialog-action,ds-alert-dialog-cancel,ds-alert-dialog-trigger{display:contents}body:has(ds-alert-dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){.ds-alert-dialog__backdrop,ds-alert-dialog-content{animation:none}}}}@layer components{@layer components{ds-sheet{--_sheet-overlay-color:var(--ds-sheet-overlay-color,rgba(0,0,0,.5));--_sheet-content-bg:var(--ds-sheet-content-bg,var(--ds-color-surface,#fff));--_sheet-content-shadow:var(
+      --ds-sheet-shadow,var(--ds-shadow-xl,0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04))
+    );--_sheet-content-padding:var(--ds-sheet-padding,var(--ds-space-6,1.5rem));display:contents}ds-sheet-overlay{animation:ds-sheet-overlay-in .15s ease-out;background-color:var(--_sheet-overlay-color);inset:0;position:fixed;z-index:var(--ds-z-index-overlay,var(--ds-z-overlay,900))}ds-sheet-overlay[hidden]{display:none}ds-sheet-overlay[data-closing]{animation:ds-sheet-overlay-out .15s ease-in}@keyframes ds-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-sheet-overlay-out{0%{opacity:1}to{opacity:0}}ds-sheet-content{background-color:var(--_sheet-content-bg);box-shadow:var(--_sheet-content-shadow);display:flex;flex-direction:column;position:fixed;z-index:var(--ds-z-index-modal,var(--ds-z-modal,1000))}ds-sheet-content[side=right]{animation:ds-sheet-slide-in-right .2s ease-out;bottom:0;max-width:100vw;right:0;top:0;width:var(--_sheet-width,24rem)}ds-sheet-content[side=right][data-state=closed]{animation:ds-sheet-slide-out-right .15s ease-in}ds-sheet-content[side=left]{animation:ds-sheet-slide-in-left .2s ease-out;bottom:0;left:0;max-width:100vw;top:0;width:var(--_sheet-width,24rem)}ds-sheet-content[side=left][data-state=closed]{animation:ds-sheet-slide-out-left .15s ease-in}ds-sheet-content[side=top]{animation:ds-sheet-slide-in-top .2s ease-out;height:var(--_sheet-height,24rem);left:0;max-height:100vh;right:0;top:0}ds-sheet-content[side=top][data-state=closed]{animation:ds-sheet-slide-out-top .15s ease-in}ds-sheet-content[side=bottom]{animation:ds-sheet-slide-in-bottom .2s ease-out;bottom:0;height:var(--_sheet-height,24rem);left:0;max-height:100vh;right:0}ds-sheet-content[side=bottom][data-state=closed]{animation:ds-sheet-slide-out-bottom .15s ease-in}@keyframes ds-sheet-slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ds-sheet-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes ds-sheet-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes ds-sheet-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes ds-sheet-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ds-sheet-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes ds-sheet-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}ds-sheet-content[side=left][size=sm],ds-sheet-content[side=right][size=sm]{--_sheet-width:18rem}ds-sheet-content[side=left][size=lg],ds-sheet-content[side=right][size=lg]{--_sheet-width:32rem}ds-sheet-content[side=left][size=xl],ds-sheet-content[side=right][size=xl]{--_sheet-width:40rem}ds-sheet-content[side=left][size=full],ds-sheet-content[side=right][size=full]{--_sheet-width:100vw}ds-sheet-content[side=bottom][size=sm],ds-sheet-content[side=top][size=sm]{--_sheet-height:16rem}ds-sheet-content[side=bottom][size=lg],ds-sheet-content[side=top][size=lg]{--_sheet-height:32rem}ds-sheet-content[side=bottom][size=xl],ds-sheet-content[side=top][size=xl]{--_sheet-height:40rem}ds-sheet-content[side=bottom][size=full],ds-sheet-content[side=top][size=full]{--_sheet-height:100vh}ds-sheet-header{border-bottom:1px solid var(--ds-color-border,#e5e7eb);display:flex;flex-direction:column;gap:var(--ds-space-1,.25rem);padding:var(--_sheet-content-padding);padding-bottom:var(--ds-space-4,1rem)}ds-sheet-footer{border-top:1px solid var(--ds-color-border,#e5e7eb);display:flex;gap:var(--ds-space-3,.75rem);justify-content:flex-end;margin-top:auto;padding:var(--_sheet-content-padding);padding-top:var(--ds-space-4,1rem)}ds-sheet-title{color:var(--ds-color-text,#1a1a1a);display:block;font-size:var(--ds-font-size-lg,1.125rem);font-weight:var(--ds-font-weight-semibold,600);line-height:var(--ds-line-height-tight,1.25);margin:0}ds-sheet-description{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-sm,.875rem);line-height:var(--ds-line-height-normal,1.5);margin:0}ds-sheet-close{display:contents}body:has(ds-sheet[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){ds-sheet-content,ds-sheet-overlay{animation:none}}}}@layer components{@layer components{ds-drawer{--_drawer-overlay-color:var(--ds-drawer-overlay-color,rgba(0,0,0,.5));--_drawer-content-bg:var(--ds-drawer-content-bg,var(--ds-color-surface,#fff));--_drawer-content-shadow:var(
+      --ds-drawer-shadow,var(--ds-shadow-xl,0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04))
+    );--_drawer-content-padding:var(--ds-drawer-padding,var(--ds-space-4,1rem));--_drawer-border-radius:var(--ds-drawer-border-radius,var(--ds-radius-xl,0.75rem));display:contents}.ds-drawer__overlay{animation:ds-drawer-overlay-in .15s ease-out;background-color:var(--_drawer-overlay-color);inset:0;position:fixed;z-index:var(--ds-z-index-overlay,var(--ds-z-overlay,900))}.ds-drawer__overlay[hidden]{display:none}.ds-drawer__overlay[data-closing]{animation:ds-drawer-overlay-out .15s ease-in}@keyframes ds-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-drawer-overlay-out{0%{opacity:1}to{opacity:0}}ds-drawer-content{background-color:var(--_drawer-content-bg);box-shadow:var(--_drawer-content-shadow);display:flex;flex-direction:column;position:fixed;touch-action:none;z-index:var(--ds-z-index-modal,var(--ds-z-modal,1000))}.ds-drawer__handle{background-color:var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-full,9999px);height:4px;margin:var(--ds-space-3,.75rem) auto;width:48px}ds-drawer-content[side=bottom]{animation:ds-drawer-slide-in-bottom .2s ease-out;border-top-left-radius:var(--_drawer-border-radius);border-top-right-radius:var(--_drawer-border-radius);bottom:0;left:0;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0);right:0}ds-drawer-content[side=bottom][data-state=closed]{animation:ds-drawer-slide-out-bottom .15s ease-in}ds-drawer-content[side=top]{animation:ds-drawer-slide-in-top .2s ease-out;border-bottom-left-radius:var(--_drawer-border-radius);border-bottom-right-radius:var(--_drawer-border-radius);left:0;max-height:90vh;max-height:90dvh;padding-top:env(safe-area-inset-top,0);right:0;top:0}ds-drawer-content[side=top][data-state=closed]{animation:ds-drawer-slide-out-top .15s ease-in}ds-drawer-content[side=top] .ds-drawer__handle{order:1}ds-drawer-content[side=left]{animation:ds-drawer-slide-in-left .2s ease-out;border-bottom-right-radius:var(--_drawer-border-radius);border-top-right-radius:var(--_drawer-border-radius);bottom:0;left:0;max-width:24rem;padding-left:env(safe-area-inset-left,0);top:0;width:85vw}ds-drawer-content[side=left][data-state=closed]{animation:ds-drawer-slide-out-left .15s ease-in}ds-drawer-content[side=left] .ds-drawer__handle{height:48px;margin:0;position:absolute;right:var(--ds-space-2,.5rem);top:50%;transform:translateY(-50%);width:4px}ds-drawer-content[side=right]{animation:ds-drawer-slide-in-right .2s ease-out;border-bottom-left-radius:var(--_drawer-border-radius);border-top-left-radius:var(--_drawer-border-radius);bottom:0;max-width:24rem;padding-right:env(safe-area-inset-right,0);right:0;top:0;width:85vw}ds-drawer-content[side=right][data-state=closed]{animation:ds-drawer-slide-out-right .15s ease-in}ds-drawer-content[side=right] .ds-drawer__handle{height:48px;left:var(--ds-space-2,.5rem);margin:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}@keyframes ds-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ds-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ds-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes ds-drawer-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes ds-drawer-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes ds-drawer-slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ds-drawer-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}ds-drawer-header{gap:var(--ds-space-1,.25rem);padding:var(--_drawer-content-padding);padding-top:0}ds-drawer-footer,ds-drawer-header{display:flex;flex-direction:column}ds-drawer-footer{gap:var(--ds-space-2,.5rem);margin-top:auto;padding:var(--_drawer-content-padding)}ds-drawer-title{color:var(--ds-color-text,#1a1a1a);display:block;font-size:var(--ds-font-size-lg,1.125rem);font-weight:var(--ds-font-weight-semibold,600);line-height:var(--ds-line-height-tight,1.25);margin:0}ds-drawer-description{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-sm,.875rem);line-height:var(--ds-line-height-normal,1.5);margin:0}body:has(ds-drawer[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){.ds-drawer__overlay,ds-drawer-content{animation:none}}}}@layer components{@layer components{ds-dropdown-menu{display:contents}ds-dropdown-menu-content{animation:ds-dropdown-menu-in .15s ease-out;background-color:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-md,.375rem);box-shadow:var(
+      --ds-shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
+    );min-width:8rem;outline:none;padding:var(--ds-space-1,.25rem);position:fixed;z-index:var(--ds-z-index-dropdown,var(--ds-z-dropdown,950))}ds-dropdown-menu-content[hidden]{display:none}ds-dropdown-menu-content[data-state=closed]{animation:ds-dropdown-menu-out .1s ease-in}@keyframes ds-dropdown-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-dropdown-menu-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}ds-dropdown-menu-item{align-items:center;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm,.875rem);gap:var(--ds-space-2,.5rem);line-height:var(--ds-line-height-normal,1.5);outline:none;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);transition:background-color .1s}ds-dropdown-menu-item:focus,ds-dropdown-menu-item:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-dropdown-menu-item[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-dropdown-menu-item[disabled]:focus,ds-dropdown-menu-item[disabled]:hover{background-color:transparent}ds-dropdown-menu-item[variant=destructive]{color:var(--ds-color-error,#dc2626)}ds-dropdown-menu-item[variant=destructive]:focus,ds-dropdown-menu-item[variant=destructive]:hover{background-color:var(--ds-color-error-subtle,#fef2f2)}ds-dropdown-menu-checkbox-item{align-items:center;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm,.875rem);gap:var(--ds-space-2,.5rem);line-height:var(--ds-line-height-normal,1.5);outline:none;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);transition:background-color .1s}ds-dropdown-menu-checkbox-item:focus,ds-dropdown-menu-checkbox-item:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-dropdown-menu-checkbox-item[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}.ds-dropdown-menu-checkbox-item__indicator{color:var(--ds-color-primary,#2563eb);text-align:center;width:1rem}ds-dropdown-menu-radio-item{align-items:center;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm,.875rem);gap:var(--ds-space-2,.5rem);line-height:var(--ds-line-height-normal,1.5);outline:none;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);transition:background-color .1s}ds-dropdown-menu-radio-item:focus,ds-dropdown-menu-radio-item:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-dropdown-menu-radio-item[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}.ds-dropdown-menu-radio-item__indicator{color:var(--ds-color-primary,#2563eb);font-size:.75rem;text-align:center;width:1rem}ds-dropdown-menu-radio-group{display:contents}ds-dropdown-menu-separator{background-color:var(--ds-color-border,#e5e7eb);display:block;height:1px;margin:var(--ds-space-1,.25rem) 0}ds-dropdown-menu-label{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-xs,.75rem);font-weight:var(--ds-font-weight-semibold,600);letter-spacing:.05em;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);text-transform:uppercase}@media (prefers-reduced-motion:reduce){ds-dropdown-menu-content{animation:none}}}}@layer components{@layer components{ds-context-menu{display:contents}ds-context-menu [slot=trigger]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}ds-context-menu-content{animation:ds-context-menu-in .1s ease-out;background-color:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-md,.375rem);box-shadow:var(
+      --ds-shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
+    );min-width:8rem;outline:none;padding:var(--ds-space-1,.25rem);position:fixed;z-index:var(--ds-z-index-dropdown,var(--ds-z-dropdown,950))}ds-context-menu-content[hidden]{display:none}ds-context-menu-content[data-state=closed]{animation:ds-context-menu-out 75ms ease-in}@keyframes ds-context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-context-menu-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}ds-context-menu-item{align-items:center;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm,.875rem);gap:var(--ds-space-2,.5rem);line-height:var(--ds-line-height-normal,1.5);outline:none;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);transition:background-color .1s}ds-context-menu-item:focus,ds-context-menu-item:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-context-menu-item[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-context-menu-item[disabled]:focus,ds-context-menu-item[disabled]:hover{background-color:transparent}ds-context-menu-item[variant=destructive]{color:var(--ds-color-error,#dc2626)}ds-context-menu-item[variant=destructive]:focus,ds-context-menu-item[variant=destructive]:hover{background-color:var(--ds-color-error-subtle,#fef2f2)}ds-context-menu-separator{background-color:var(--ds-color-border,#e5e7eb);display:block;height:1px;margin:var(--ds-space-1,.25rem) 0}ds-context-menu-label{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-xs,.75rem);font-weight:var(--ds-font-weight-semibold,600);letter-spacing:.05em;padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);text-transform:uppercase}@media (prefers-reduced-motion:reduce){ds-context-menu-content{animation:none}}}}@layer components{@layer components{ds-hover-card{display:contents}ds-hover-card [slot=trigger]{cursor:pointer}ds-hover-card-content{animation:ds-hover-card-in .2s ease-out;background-color:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-md,.375rem);box-shadow:var(
+      --ds-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
+    );max-width:20rem;min-width:16rem;outline:none;padding:var(--ds-space-4,1rem);position:fixed;z-index:var(--ds-z-index-popover,var(--ds-z-popover,900))}ds-hover-card-content[hidden]{display:none}ds-hover-card-content[data-state=closed]{animation:ds-hover-card-out .15s ease-in}@keyframes ds-hover-card-in{0%{opacity:0;transform:scale(.96) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ds-hover-card-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(2px)}}ds-hover-card-content[data-placement^=top]{animation-name:ds-hover-card-in-top}ds-hover-card-content[data-placement^=top][data-state=closed]{animation-name:ds-hover-card-out-top}@keyframes ds-hover-card-in-top{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ds-hover-card-out-top{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-2px)}}@media (prefers-reduced-motion:reduce){ds-hover-card-content{animation:none}}}}@layer components{@layer components{ds-navigation-menu{display:block;position:relative}ds-navigation-menu-list{align-items:center;display:flex;gap:var(--ds-space-1,.25rem);list-style:none;margin:0;padding:0}ds-navigation-menu[orientation=vertical] ds-navigation-menu-list{align-items:stretch;flex-direction:column}ds-navigation-menu-item{display:block;position:relative}ds-navigation-menu-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:inline-flex;font-size:var(--ds-font-size-sm,.875rem);font-weight:var(--ds-font-weight-medium,500);gap:var(--ds-space-1,.25rem);padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);transition:background-color .15s,color .15s}ds-navigation-menu-trigger:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-navigation-menu-trigger:focus-visible{outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-navigation-menu-item[data-state=open] ds-navigation-menu-trigger{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-navigation-menu-trigger[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-navigation-menu-content{display:none}ds-navigation-menu-viewport{animation:ds-navigation-menu-in .2s ease-out;background-color:var(--ds-color-surface,#fff);border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-md,.375rem);box-shadow:var(
+      --ds-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
+    );left:0;margin-top:var(--ds-space-2,.5rem);min-width:max-content;overflow:hidden;position:absolute;top:100%;width:100%}ds-navigation-menu-viewport[hidden]{display:none}ds-navigation-menu-viewport[data-state=closed]{animation:ds-navigation-menu-out .15s ease-in}ds-navigation-menu-viewport ds-navigation-menu-content{display:grid;gap:var(--ds-space-2,.5rem);min-width:12rem;padding:var(--ds-space-4,1rem);width:max-content}@keyframes ds-navigation-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-navigation-menu-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}ds-navigation-menu-link{border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:block;font-size:var(--ds-font-size-sm,.875rem);padding:var(--ds-space-2,.5rem) var(--ds-space-3,.75rem);text-decoration:none;transition:background-color .15s,color .15s}ds-navigation-menu-link:hover{background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-navigation-menu-link:focus-visible{outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-navigation-menu-link[active]{color:var(--ds-color-primary,#2563eb);font-weight:var(--ds-font-weight-semibold,600)}ds-navigation-menu-link[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-navigation-menu-indicator{background-color:var(--ds-color-primary,#2563eb);bottom:0;height:2px;left:0;position:absolute;transition:transform .2s,width .2s}ds-navigation-menu-indicator .ds-navigation-menu-indicator__arrow{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--ds-color-border,#e5e7eb);left:50%;position:absolute;top:100%;transform:translateX(-50%)}@media (prefers-reduced-motion:reduce){ds-navigation-menu-viewport{animation:none}}}}@layer components{@layer components{ds-scroll-area{display:block;overflow:hidden;position:relative}ds-scroll-area-viewport{display:block;height:100%;overflow:auto;scrollbar-width:none;width:100%;-ms-overflow-style:none}ds-scroll-area-viewport::-webkit-scrollbar{display:none}ds-scroll-area-viewport:focus{outline:none}ds-scroll-area-viewport:focus-visible{outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:-2px}ds-scroll-area-scrollbar{background-color:transparent;display:flex;padding:2px;position:absolute;transition:opacity .2s,background-color .2s}ds-scroll-area-scrollbar[orientation=vertical]{flex-direction:column;height:100%;right:0;top:0;width:10px}ds-scroll-area-scrollbar[orientation=horizontal]{bottom:0;flex-direction:row;height:10px;left:0;width:100%}ds-scroll-area[type=auto] ds-scroll-area-scrollbar[orientation=vertical]{display:none}ds-scroll-area[type=auto][data-overflow-y] ds-scroll-area-scrollbar[orientation=vertical]{display:flex}ds-scroll-area[type=auto] ds-scroll-area-scrollbar[orientation=horizontal]{display:none}ds-scroll-area[type=auto][data-overflow-x] ds-scroll-area-scrollbar[orientation=horizontal]{display:flex}ds-scroll-area[type=hover] ds-scroll-area-scrollbar{opacity:0}ds-scroll-area[type=hover] ds-scroll-area-scrollbar[data-state=visible],ds-scroll-area[type=hover]:hover ds-scroll-area-scrollbar{opacity:1}ds-scroll-area-scrollbar:hover{background-color:var(--ds-color-surface-hover,rgba(0,0,0,.05))}ds-scroll-area-thumb{background-color:var(--ds-color-border,#d1d5db);border-radius:var(--ds-radius-full,9999px);cursor:pointer;display:block;flex:1;position:absolute;transition:background-color .15s}ds-scroll-area-scrollbar[orientation=vertical] ds-scroll-area-thumb{min-height:30px;width:100%}ds-scroll-area-scrollbar[orientation=horizontal] ds-scroll-area-thumb{height:100%;min-width:30px}ds-scroll-area-thumb:hover,ds-scroll-area-thumb[data-dragging]{background-color:var(--ds-color-text-muted,#9ca3af)}ds-scroll-area:not([data-overflow-x]) ds-scroll-area-scrollbar[orientation=horizontal],ds-scroll-area:not([data-overflow-y]) ds-scroll-area-scrollbar[orientation=vertical]{opacity:0;pointer-events:none}ds-scroll-area[type=always] ds-scroll-area-scrollbar{opacity:1}ds-scroll-area[type=scroll] ds-scroll-area-scrollbar{opacity:0}ds-scroll-area[type=scroll] ds-scroll-area-scrollbar[data-state=visible]{opacity:1}ds-breadcrumb{display:block}ds-breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ds-space-1,.25rem);list-style:none;margin:0;padding:0}ds-breadcrumb-item,ds-breadcrumb-link{align-items:center;display:inline-flex}ds-breadcrumb-link{color:var(--ds-color-text-muted,#6b7280);cursor:pointer;font-size:var(--ds-font-size-sm,.875rem);text-decoration:none;transition:color .15s}ds-breadcrumb-link:hover{color:var(--ds-color-text,#1a1a1a);text-decoration:underline}}}@layer components{@layer components{ds-breadcrumb-link:focus-visible{border-radius:var(--ds-radius-sm,.25rem);outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-breadcrumb-page{align-items:center;color:var(--ds-color-text,#1a1a1a);display:inline-flex;font-size:var(--ds-font-size-sm,.875rem);font-weight:var(--ds-font-weight-medium,500)}ds-breadcrumb-separator{align-items:center;color:var(--ds-color-text-muted,#6b7280);display:inline-flex;user-select:none}ds-pagination{display:block}ds-pagination-content{align-items:center;display:flex;gap:var(--ds-space-1,.25rem);list-style:none;margin:0;padding:0}ds-pagination-item,ds-pagination-link{display:inline-flex}ds-pagination-link{align-items:center;background-color:transparent;border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;font-size:var(--ds-font-size-sm,.875rem);height:2rem;justify-content:center;min-width:2rem;padding:0 var(--ds-space-2,.5rem);transition:background-color .15s,border-color .15s}ds-pagination-link:hover:not([active]){background-color:var(--ds-color-surface-hover,#f3f4f6)}}}@layer components{@layer components{ds-pagination-link:focus-visible{outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-pagination-link[active]{background-color:var(--ds-color-primary,#2563eb);border-color:var(--ds-color-primary,#2563eb);color:var(--ds-color-text-on-primary,#fff)}ds-pagination-next,ds-pagination-previous{align-items:center;background-color:transparent;border:1px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-sm,.25rem);color:var(--ds-color-text,#1a1a1a);cursor:pointer;display:inline-flex;font-size:var(--ds-font-size-sm,.875rem);gap:var(--ds-space-1,.25rem);padding:var(--ds-space-1,.25rem) var(--ds-space-2,.5rem);transition:background-color .15s,border-color .15s}ds-pagination-next:hover:not([disabled]),ds-pagination-previous:hover:not([disabled]){background-color:var(--ds-color-surface-hover,#f3f4f6)}ds-pagination-next:focus-visible,ds-pagination-previous:focus-visible{outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-pagination-next[disabled],ds-pagination-previous[disabled]{color:var(--ds-color-text-disabled,#9ca3af);cursor:not-allowed}ds-pagination-ellipsis{align-items:center;color:var(--ds-color-text-muted,#6b7280);display:inline-flex;height:2rem;justify-content:center;min-width:2rem;user-select:none}ds-stepper{align-items:flex-start;display:flex;gap:var(--ds-space-2,.5rem)}ds-stepper-item,ds-stepper[orientation=vertical]{flex-direction:column}ds-stepper-item{align-items:center;display:flex;flex-shrink:0;gap:var(--ds-space-1,.25rem)}ds-stepper[orientation=vertical] ds-stepper-item{align-items:flex-start;flex-direction:row;gap:var(--ds-space-3,.75rem)}ds-stepper-trigger{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--ds-space-1,.25rem);transition:opacity .15s}ds-stepper[orientation=vertical] ds-stepper-trigger{align-items:flex-start;flex-direction:row;gap:var(--ds-space-2,.5rem)}ds-stepper-trigger:hover{opacity:.8}}}@layer components{@layer components{ds-stepper-trigger:focus-visible{border-radius:var(--ds-radius-sm,.25rem);outline:2px solid var(--ds-color-focus,#2563eb);outline-offset:2px}ds-stepper-item[disabled] ds-stepper-trigger{cursor:not-allowed;opacity:.5}ds-stepper-indicator{align-items:center;background-color:var(--ds-color-surface,#fff);border:2px solid var(--ds-color-border,#e5e7eb);border-radius:var(--ds-radius-full,9999px);color:var(--ds-color-text-muted,#6b7280);display:flex;font-size:var(--ds-font-size-sm,.875rem);font-weight:var(--ds-font-weight-medium,500);height:2rem;justify-content:center;transition:background-color .2s,border-color .2s,color .2s;width:2rem}ds-stepper-item[data-state=active] ds-stepper-indicator{border-color:var(--ds-color-primary,#2563eb);color:var(--ds-color-primary,#2563eb)}ds-stepper-item[data-state=completed] ds-stepper-indicator{background-color:var(--ds-color-primary,#2563eb);border-color:var(--ds-color-primary,#2563eb);color:var(--ds-color-text-on-primary,#fff)}ds-stepper-title{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-sm,.875rem);font-weight:var(--ds-font-weight-medium,500);text-align:center;transition:color .2s}ds-stepper[orientation=vertical] ds-stepper-title{text-align:left}ds-stepper-item[data-state=active] ds-stepper-title,ds-stepper-item[data-state=completed] ds-stepper-title{color:var(--ds-color-text,#1a1a1a)}ds-stepper-description{color:var(--ds-color-text-muted,#6b7280);display:block;font-size:var(--ds-font-size-xs,.75rem);text-align:center}ds-stepper[orientation=vertical] ds-stepper-description{text-align:left}ds-stepper-separator{background-color:var(--ds-color-border,#e5e7eb);display:block;flex:1;height:2px;margin-top:1rem;min-width:2rem;transition:background-color .2s}ds-stepper[orientation=vertical] ds-stepper-separator{margin-left:1rem;margin-top:0;min-height:2rem;min-width:auto;width:2px}ds-stepper-item[data-state=completed]+ds-stepper-separator{background-color:var(--ds-color-primary,#2563eb)}ds-stepper-content{display:block;padding:var(--ds-space-4,1rem)}ds-command{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);display:flex;flex-direction:column;max-width:640px;overflow:hidden;width:100%}ds-command-input{align-items:center;border-bottom:1px solid var(--ds-color-border);display:flex;gap:var(--ds-spacing-2);padding:var(--ds-spacing-3) var(--ds-spacing-4)}ds-command-input .ds-command-input__field,ds-command-input input{background:transparent;border:none;color:var(--ds-color-text);flex:1;font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-normal);outline:none}}}@layer components{@layer components{ds-command-input .ds-command-input__field::placeholder,ds-command-input input::placeholder{color:var(--ds-color-text-muted)}ds-command-input[disabled]{cursor:not-allowed;opacity:.5}ds-command-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:var(--ds-spacing-2)}ds-command-list::-webkit-scrollbar{width:8px}ds-command-list::-webkit-scrollbar-track{background:transparent}ds-command-list::-webkit-scrollbar-thumb{background:var(--ds-color-border);border-radius:var(--ds-radius-full)}ds-command-list::-webkit-scrollbar-thumb:hover{background:var(--ds-color-border-hover)}ds-command-item{align-items:center;border-radius:var(--ds-radius-md);color:var(--ds-color-text);cursor:pointer;display:flex;font-size:var(--ds-font-size-sm);gap:var(--ds-spacing-2);line-height:var(--ds-line-height-normal);outline:none;padding:var(--ds-spacing-2) var(--ds-spacing-3);transition:background-color .15s ease,color .15s ease;user-select:none}ds-command-item:hover,ds-command-item[data-active]{background:var(--ds-color-surface-hover)}ds-command-item:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:-2px}ds-command-item[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}ds-command-item[data-filtered]{display:none}ds-command-group{display:flex;flex-direction:column}ds-command-group[data-empty]{display:none}ds-command-group+ds-command-group{border-top:1px solid var(--ds-color-border);margin-top:var(--ds-spacing-2);padding-top:var(--ds-spacing-2)}ds-command-group .ds-command-group__heading{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);letter-spacing:.05em;padding:var(--ds-spacing-1) var(--ds-spacing-3);text-transform:uppercase}ds-command-separator{background:var(--ds-color-border);display:block;height:1px;margin:var(--ds-spacing-2) 0}ds-command-empty{align-items:center;color:var(--ds-color-text-muted);display:flex;font-size:var(--ds-font-size-sm);justify-content:center;padding:var(--ds-spacing-6) var(--ds-spacing-4);text-align:center}ds-command-empty[hidden]{display:none}ds-command-loading{align-items:center;color:var(--ds-color-text-muted);display:flex;font-size:var(--ds-font-size-sm);gap:var(--ds-spacing-2);justify-content:center;padding:var(--ds-spacing-4)}ds-command[loading] ds-command-list{opacity:.5;pointer-events:none}@media (prefers-reduced-motion:reduce){ds-command-item{transition:none}}}}@layer components{@layer components{:root{--ds-z-sticky:100;--ds-z-header:100;--ds-z-footer:100;--ds-container-sm:640px;--ds-container-md:768px;--ds-container-lg:1024px;--ds-container-xl:1280px;--ds-container-2xl:1536px;--ds-container-padding:var(--ds-spacing-md,1rem);--ds-section-spacing:var(--ds-spacing-lg,1.5rem)}}}@layer components{@layer components{@media (min-width:640px){.ds-flow--sm\:dir-row{flex-direction:row}.ds-flow--sm\:dir-column{flex-direction:column}.ds-flow--sm\:dir-row-reverse{flex-direction:row-reverse}.ds-flow--sm\:dir-column-reverse{flex-direction:column-reverse}}@media (min-width:768px){.ds-flow--md\:dir-row{flex-direction:row}.ds-flow--md\:dir-column{flex-direction:column}.ds-flow--md\:dir-row-reverse{flex-direction:row-reverse}.ds-flow--md\:dir-column-reverse{flex-direction:column-reverse}}@media (min-width:1024px){.ds-flow--lg\:dir-row{flex-direction:row}.ds-flow--lg\:dir-column{flex-direction:column}.ds-flow--lg\:dir-row-reverse{flex-direction:row-reverse}.ds-flow--lg\:dir-column-reverse{flex-direction:column-reverse}}@media (min-width:1280px){.ds-flow--xl\:dir-row{flex-direction:row}.ds-flow--xl\:dir-column{flex-direction:column}.ds-flow--xl\:dir-row-reverse{flex-direction:row-reverse}.ds-flow--xl\:dir-column-reverse{flex-direction:column-reverse}}@media (min-width:1536px){.ds-flow--2xl\:dir-row{flex-direction:row}.ds-flow--2xl\:dir-column{flex-direction:column}.ds-flow--2xl\:dir-row-reverse{flex-direction:row-reverse}.ds-flow--2xl\:dir-column-reverse{flex-direction:column-reverse}}@media (min-width:640px){.ds-flow--sm\:gap-none{gap:0}.ds-flow--sm\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-flow--sm\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-flow--sm\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-flow--sm\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow--sm\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-flow--sm\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-flow--sm\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:768px){.ds-flow--md\:gap-none{gap:0}.ds-flow--md\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-flow--md\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-flow--md\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-flow--md\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow--md\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-flow--md\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-flow--md\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1024px){.ds-flow--lg\:gap-none{gap:0}.ds-flow--lg\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-flow--lg\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-flow--lg\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-flow--lg\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow--lg\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-flow--lg\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-flow--lg\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1280px){.ds-flow--xl\:gap-none{gap:0}.ds-flow--xl\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-flow--xl\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-flow--xl\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-flow--xl\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow--xl\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-flow--xl\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-flow--xl\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1536px){.ds-flow--2xl\:gap-none{gap:0}.ds-flow--2xl\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-flow--2xl\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-flow--2xl\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-flow--2xl\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow--2xl\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-flow--2xl\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-flow--2xl\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:640px){.ds-grid--sm\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--sm\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--sm\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--sm\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--sm\:cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--sm\:cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid--sm\:cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:768px){.ds-grid--md\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--md\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--md\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--md\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--md\:cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--md\:cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid--md\:cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.ds-grid--lg\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--lg\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--lg\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--lg\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--lg\:cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--lg\:cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid--lg\:cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1280px){.ds-grid--xl\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--xl\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--xl\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--xl\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--xl\:cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--xl\:cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid--xl\:cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1536px){.ds-grid--2xl\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid--2xl\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--2xl\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--2xl\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--2xl\:cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid--2xl\:cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid--2xl\:cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:640px){.ds-grid--sm\:gap-none{gap:0}.ds-grid--sm\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-grid--sm\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-grid--sm\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-grid--sm\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid--sm\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-grid--sm\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-grid--sm\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:768px){.ds-grid--md\:gap-none{gap:0}.ds-grid--md\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-grid--md\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-grid--md\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-grid--md\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid--md\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-grid--md\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-grid--md\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1024px){.ds-grid--lg\:gap-none{gap:0}.ds-grid--lg\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-grid--lg\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-grid--lg\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-grid--lg\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid--lg\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-grid--lg\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-grid--lg\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1280px){.ds-grid--xl\:gap-none{gap:0}.ds-grid--xl\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-grid--xl\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-grid--xl\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-grid--xl\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid--xl\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-grid--xl\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-grid--xl\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}@media (min-width:1536px){.ds-grid--2xl\:gap-none{gap:0}.ds-grid--2xl\:gap-xs{gap:var(--ds-spacing-xs,.25rem)}.ds-grid--2xl\:gap-sm{gap:var(--ds-spacing-sm,.5rem)}.ds-grid--2xl\:gap-md{gap:var(--ds-spacing-md,1rem)}.ds-grid--2xl\:gap-lg{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid--2xl\:gap-xl{gap:var(--ds-spacing-xl,2rem)}.ds-grid--2xl\:gap-2xl{gap:var(--ds-spacing-2xl,3rem)}.ds-grid--2xl\:gap-3xl{gap:var(--ds-spacing-3xl,4rem)}}}}@layer components{@layer components{.ds-flow{display:flex;flex-direction:row}.ds-flow--inline{display:inline-flex}.ds-flow[data-direction=row]{flex-direction:row}.ds-flow[data-direction=column]{flex-direction:column}.ds-flow[data-direction=row-reverse]{flex-direction:row-reverse}.ds-flow[data-direction=column-reverse]{flex-direction:column-reverse}.ds-flow[data-gap=none]{gap:0}.ds-flow[data-gap=xs]{gap:var(--ds-spacing-xs,.25rem)}.ds-flow[data-gap=sm]{gap:var(--ds-spacing-sm,.5rem)}.ds-flow[data-gap=md]{gap:var(--ds-spacing-md,1rem)}.ds-flow[data-gap=lg]{gap:var(--ds-spacing-lg,1.5rem)}.ds-flow[data-gap=xl]{gap:var(--ds-spacing-xl,2rem)}.ds-flow[data-gap="2xl"]{gap:var(--ds-spacing-2xl,3rem)}.ds-flow[data-gap="3xl"]{gap:var(--ds-spacing-3xl,4rem)}.ds-flow[data-align=start]{align-items:flex-start}.ds-flow[data-align=center]{align-items:center}.ds-flow[data-align=end]{align-items:flex-end}.ds-flow[data-align=stretch]{align-items:stretch}.ds-flow[data-align=baseline]{align-items:baseline}.ds-flow[data-justify=start]{justify-content:flex-start}.ds-flow[data-justify=center]{justify-content:center}.ds-flow[data-justify=end]{justify-content:flex-end}.ds-flow[data-justify=between]{justify-content:space-between}.ds-flow[data-justify=around]{justify-content:space-around}.ds-flow[data-justify=evenly]{justify-content:space-evenly}.ds-flow[data-wrap=nowrap]{flex-wrap:nowrap}.ds-flow[data-wrap=wrap]{flex-wrap:wrap}.ds-flow[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}.ds-container{margin-inline:auto;padding-inline:var(--ds-container-padding,var(--ds-spacing-md,1rem));width:100%}.ds-container[data-size=sm]{max-width:var(--ds-container-sm,640px)}.ds-container[data-size=md]{max-width:var(--ds-container-md,768px)}.ds-container[data-size=lg]{max-width:var(--ds-container-lg,1024px)}.ds-container[data-size=xl]{max-width:var(--ds-container-xl,1280px)}.ds-container[data-size="2xl"]{max-width:var(--ds-container-2xl,1536px)}.ds-container[data-size=full]{max-width:100%}.ds-container[data-padding=none]{padding-inline:0}.ds-container[data-padding=xs]{padding-inline:var(--ds-spacing-xs,.25rem)}.ds-container[data-padding=sm]{padding-inline:var(--ds-spacing-sm,.5rem)}.ds-container[data-padding=md]{padding-inline:var(--ds-spacing-md,1rem)}.ds-container[data-padding=lg]{padding-inline:var(--ds-spacing-lg,1.5rem)}.ds-container[data-padding=xl]{padding-inline:var(--ds-spacing-xl,2rem)}.ds-container[data-padding="2xl"]{padding-inline:var(--ds-spacing-2xl,3rem)}.ds-container[data-padding="3xl"]{padding-inline:var(--ds-spacing-3xl,4rem)}.ds-grid{display:grid;gap:var(--ds-spacing-md,1rem)}.ds-grid[data-columns="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}.ds-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.ds-grid[data-columns="7"]{grid-template-columns:repeat(7,minmax(0,1fr))}.ds-grid[data-columns="8"]{grid-template-columns:repeat(8,minmax(0,1fr))}.ds-grid[data-columns="9"]{grid-template-columns:repeat(9,minmax(0,1fr))}.ds-grid[data-columns="10"]{grid-template-columns:repeat(10,minmax(0,1fr))}.ds-grid[data-columns="11"]{grid-template-columns:repeat(11,minmax(0,1fr))}.ds-grid[data-columns="12"]{grid-template-columns:repeat(12,minmax(0,1fr))}.ds-grid[data-columns=auto-fit]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ds-grid[data-columns=auto-fill]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ds-grid[data-gap=none]{gap:0}.ds-grid[data-gap=xs]{gap:var(--ds-spacing-xs,.25rem)}.ds-grid[data-gap=sm]{gap:var(--ds-spacing-sm,.5rem)}.ds-grid[data-gap=md]{gap:var(--ds-spacing-md,1rem)}.ds-grid[data-gap=lg]{gap:var(--ds-spacing-lg,1.5rem)}.ds-grid[data-gap=xl]{gap:var(--ds-spacing-xl,2rem)}.ds-grid[data-gap="2xl"]{gap:var(--ds-spacing-2xl,3rem)}.ds-grid[data-gap="3xl"]{gap:var(--ds-spacing-3xl,4rem)}.ds-grid[data-row-gap=none]{row-gap:0}.ds-grid[data-row-gap=xs]{row-gap:var(--ds-spacing-xs,.25rem)}.ds-grid[data-row-gap=sm]{row-gap:var(--ds-spacing-sm,.5rem)}.ds-grid[data-row-gap=md]{row-gap:var(--ds-spacing-md,1rem)}.ds-grid[data-row-gap=lg]{row-gap:var(--ds-spacing-lg,1.5rem)}.ds-grid[data-row-gap=xl]{row-gap:var(--ds-spacing-xl,2rem)}.ds-grid[data-row-gap="2xl"]{row-gap:var(--ds-spacing-2xl,3rem)}.ds-grid[data-row-gap="3xl"]{row-gap:var(--ds-spacing-3xl,4rem)}.ds-grid[data-column-gap=none]{column-gap:0}.ds-grid[data-column-gap=xs]{column-gap:var(--ds-spacing-xs,.25rem)}.ds-grid[data-column-gap=sm]{column-gap:var(--ds-spacing-sm,.5rem)}.ds-grid[data-column-gap=md]{column-gap:var(--ds-spacing-md,1rem)}.ds-grid[data-column-gap=lg]{column-gap:var(--ds-spacing-lg,1.5rem)}.ds-grid[data-column-gap=xl]{column-gap:var(--ds-spacing-xl,2rem)}.ds-grid[data-column-gap="2xl"]{column-gap:var(--ds-spacing-2xl,3rem)}.ds-grid[data-column-gap="3xl"]{column-gap:var(--ds-spacing-3xl,4rem)}.ds-box{display:block}.ds-box[data-p=none]{padding:0}.ds-box[data-p=xs]{padding:var(--ds-spacing-xs,.25rem)}.ds-box[data-p=sm]{padding:var(--ds-spacing-sm,.5rem)}.ds-box[data-p=md]{padding:var(--ds-spacing-md,1rem)}.ds-box[data-p=lg]{padding:var(--ds-spacing-lg,1.5rem)}.ds-box[data-p=xl]{padding:var(--ds-spacing-xl,2rem)}.ds-box[data-p="2xl"]{padding:var(--ds-spacing-2xl,3rem)}.ds-box[data-p="3xl"]{padding:var(--ds-spacing-3xl,4rem)}.ds-box[data-px=none]{padding-inline:0}.ds-box[data-px=xs]{padding-inline:var(--ds-spacing-xs,.25rem)}.ds-box[data-px=sm]{padding-inline:var(--ds-spacing-sm,.5rem)}.ds-box[data-px=md]{padding-inline:var(--ds-spacing-md,1rem)}.ds-box[data-px=lg]{padding-inline:var(--ds-spacing-lg,1.5rem)}.ds-box[data-px=xl]{padding-inline:var(--ds-spacing-xl,2rem)}.ds-box[data-px="2xl"]{padding-inline:var(--ds-spacing-2xl,3rem)}.ds-box[data-px="3xl"]{padding-inline:var(--ds-spacing-3xl,4rem)}.ds-box[data-py=none]{padding-block:0}.ds-box[data-py=xs]{padding-block:var(--ds-spacing-xs,.25rem)}.ds-box[data-py=sm]{padding-block:var(--ds-spacing-sm,.5rem)}.ds-box[data-py=md]{padding-block:var(--ds-spacing-md,1rem)}.ds-box[data-py=lg]{padding-block:var(--ds-spacing-lg,1.5rem)}.ds-box[data-py=xl]{padding-block:var(--ds-spacing-xl,2rem)}.ds-box[data-py="2xl"]{padding-block:var(--ds-spacing-2xl,3rem)}.ds-box[data-py="3xl"]{padding-block:var(--ds-spacing-3xl,4rem)}.ds-box[data-bg=background]{background-color:var(--ds-color-background,var(--ds-color-background-default,#fff))}.ds-box[data-bg=surface]{background-color:var(--ds-color-surface,var(--ds-color-background-subtle,#f9fafb))}.ds-box[data-bg=surface-raised]{background-color:var(--ds-color-surface-raised,var(--ds-color-background-default,#fff))}.ds-box[data-bg=surface-sunken]{background-color:var(--ds-color-surface-sunken,var(--ds-color-background-muted,#f3f4f6))}.ds-box[data-bg=muted]{background-color:var(--ds-color-muted,var(--ds-color-background-muted,#f3f4f6))}.ds-box[data-radius=none]{border-radius:0}.ds-box[data-radius=sm]{border-radius:var(--ds-radius-sm,.25rem)}.ds-box[data-radius=md]{border-radius:var(--ds-radius-md,.375rem)}.ds-box[data-radius=lg]{border-radius:var(--ds-radius-lg,.5rem)}.ds-box[data-radius=xl]{border-radius:var(--ds-radius-xl,.75rem)}.ds-box[data-radius=full]{border-radius:9999px}.ds-page{min-height:100vh;min-height:100dvh}.ds-page,.ds-page[data-bg=background]{background-color:var(--ds-color-background,var(--ds-color-background-default,#fff))}.ds-page[data-bg=surface]{background-color:var(--ds-color-surface,var(--ds-color-background-subtle,#f9fafb))}.ds-page[data-bg=surface-raised]{background-color:var(--ds-color-surface-raised,var(--ds-color-background-default,#fff))}.ds-page[data-bg=surface-sunken]{background-color:var(--ds-color-surface-sunken,var(--ds-color-background-muted,#f3f4f6))}.ds-page[data-bg=muted]{background-color:var(--ds-color-muted,var(--ds-color-background-muted,#f3f4f6))}.ds-page[data-min-height=viewport]{min-height:100vh;min-height:100dvh}.ds-page[data-min-height=full]{min-height:100%}.ds-section{padding-block:var(--ds-section-spacing,var(--ds-spacing-lg,1.5rem))}.ds-section[data-spacing=none]{padding-block:0}.ds-section[data-spacing=xs]{padding-block:var(--ds-spacing-xs,.25rem)}.ds-section[data-spacing=sm]{padding-block:var(--ds-spacing-sm,.5rem)}.ds-section[data-spacing=md]{padding-block:var(--ds-spacing-md,1rem)}.ds-section[data-spacing=lg]{padding-block:var(--ds-spacing-lg,1.5rem)}.ds-section[data-spacing=xl]{padding-block:var(--ds-spacing-xl,2rem)}.ds-section[data-spacing="2xl"]{padding-block:var(--ds-spacing-2xl,3rem)}.ds-section[data-spacing="3xl"]{padding-block:var(--ds-spacing-3xl,4rem)}.ds-app-shell{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh}.ds-app-shell[data-sidebar=left]{grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:auto 1fr}.ds-app-shell[data-sidebar=right]{grid-template-areas:"header header" "main sidebar" "footer footer";grid-template-columns:1fr auto}.ds-sidebar{grid-area:sidebar}.ds-header{grid-area:header}.ds-header[data-sticky]{position:sticky;top:0;z-index:var(--ds-z-header,var(--ds-z-sticky,100))}.ds-header[data-safe-area]{padding-top:env(safe-area-inset-top,0)}.ds-header[data-sticky][data-safe-area]{top:env(safe-area-inset-top,0)}.ds-footer{grid-area:footer}.ds-footer[data-sticky]{bottom:0;position:sticky;z-index:var(--ds-z-footer,var(--ds-z-sticky,100))}.ds-footer[data-safe-area]{padding-bottom:env(safe-area-inset-bottom,0)}.ds-footer[data-sticky][data-safe-area]{bottom:env(safe-area-inset-bottom,0)}.ds-main{grid-area:main}.ds-main:focus{outline:none}.ds-spacer{flex:none}.ds-spacer[data-axis=vertical]{width:100%}.ds-spacer[data-axis=horizontal]{height:100%}.ds-spacer[data-axis=vertical][data-size=none]{height:0}.ds-spacer[data-axis=vertical][data-size=xs]{height:var(--ds-spacing-xs,.25rem)}.ds-spacer[data-axis=vertical][data-size=sm]{height:var(--ds-spacing-sm,.5rem)}.ds-spacer[data-axis=vertical][data-size=md]{height:var(--ds-spacing-md,1rem)}.ds-spacer[data-axis=vertical][data-size=lg]{height:var(--ds-spacing-lg,1.5rem)}.ds-spacer[data-axis=vertical][data-size=xl]{height:var(--ds-spacing-xl,2rem)}.ds-spacer[data-axis=vertical][data-size="2xl"]{height:var(--ds-spacing-2xl,3rem)}.ds-spacer[data-axis=vertical][data-size="3xl"]{height:var(--ds-spacing-3xl,4rem)}.ds-spacer[data-axis=horizontal][data-size=none]{width:0}.ds-spacer[data-axis=horizontal][data-size=xs]{width:var(--ds-spacing-xs,.25rem)}.ds-spacer[data-axis=horizontal][data-size=sm]{width:var(--ds-spacing-sm,.5rem)}.ds-spacer[data-axis=horizontal][data-size=md]{width:var(--ds-spacing-md,1rem)}.ds-spacer[data-axis=horizontal][data-size=lg]{width:var(--ds-spacing-lg,1.5rem)}.ds-spacer[data-axis=horizontal][data-size=xl]{width:var(--ds-spacing-xl,2rem)}.ds-spacer[data-axis=horizontal][data-size="2xl"]{width:var(--ds-spacing-2xl,3rem)}.ds-spacer[data-axis=horizontal][data-size="3xl"]{width:var(--ds-spacing-3xl,4rem)}.ds-center{display:flex;justify-content:center}.ds-center[data-vertical]{align-items:center;min-height:100%}.ds-center[data-max-width=sm]{margin-inline:auto;max-width:var(--ds-container-sm,640px)}.ds-center[data-max-width=md]{margin-inline:auto;max-width:var(--ds-container-md,768px)}.ds-center[data-max-width=lg]{margin-inline:auto;max-width:var(--ds-container-lg,1024px)}.ds-center[data-max-width=xl]{margin-inline:auto;max-width:var(--ds-container-xl,1280px)}.ds-center[data-max-width="2xl"]{margin-inline:auto;max-width:var(--ds-container-2xl,1536px)}.ds-center[data-max-width=full]{max-width:100%}.ds-split{display:grid;gap:var(--ds-spacing-md,1rem)}.ds-split,.ds-split[data-ratio=equal]{grid-template-columns:1fr 1fr}.ds-split[data-ratio="1-2"]{grid-template-columns:1fr 2fr}.ds-split[data-ratio="2-1"]{grid-template-columns:2fr 1fr}.ds-split[data-ratio="1-3"]{grid-template-columns:1fr 3fr}.ds-split[data-ratio="3-1"]{grid-template-columns:3fr 1fr}.ds-split[data-gap=none]{gap:0}.ds-split[data-gap=xs]{gap:var(--ds-spacing-xs,.25rem)}.ds-split[data-gap=sm]{gap:var(--ds-spacing-sm,.5rem)}.ds-split[data-gap=md]{gap:var(--ds-spacing-md,1rem)}.ds-split[data-gap=lg]{gap:var(--ds-spacing-lg,1.5rem)}.ds-split[data-gap=xl]{gap:var(--ds-spacing-xl,2rem)}.ds-split[data-gap="2xl"]{gap:var(--ds-spacing-2xl,3rem)}.ds-split[data-gap="3xl"]{gap:var(--ds-spacing-3xl,4rem)}}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{}@layer components{@layer components{}}@layer components{@layer components{}}@layer components{@layer components{@media (max-width:319px){.ds-split[data-collapse-at=xs]{grid-template-columns:1fr}}@media (max-width:639px){.ds-split[data-collapse-at=sm]{grid-template-columns:1fr}}@media (max-width:767px){.ds-split[data-collapse-at=md]{grid-template-columns:1fr}}@media (max-width:1023px){.ds-split[data-collapse-at=lg]{grid-template-columns:1fr}}@media (max-width:1279px){.ds-split[data-collapse-at=xl]{grid-template-columns:1fr}}@media (max-width:1535px){.ds-split[data-collapse-at="2xl"]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ds-split{transition:none}}}}@layer components{@layer components{.ds-wrap{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-sm,.5rem)}.ds-wrap[data-gap=none]{gap:0}.ds-wrap[data-gap=xs]{gap:var(--ds-spacing-xs,.25rem)}.ds-wrap[data-gap=sm]{gap:var(--ds-spacing-sm,.5rem)}.ds-wrap[data-gap=md]{gap:var(--ds-spacing-md,1rem)}.ds-wrap[data-gap=lg]{gap:var(--ds-spacing-lg,1.5rem)}.ds-wrap[data-gap=xl]{gap:var(--ds-spacing-xl,2rem)}.ds-wrap[data-gap="2xl"]{gap:var(--ds-spacing-2xl,3rem)}.ds-wrap[data-gap="3xl"]{gap:var(--ds-spacing-3xl,4rem)}.ds-wrap[data-row-gap=none]{row-gap:0}.ds-wrap[data-row-gap=xs]{row-gap:var(--ds-spacing-xs,.25rem)}.ds-wrap[data-row-gap=sm]{row-gap:var(--ds-spacing-sm,.5rem)}.ds-wrap[data-row-gap=md]{row-gap:var(--ds-spacing-md,1rem)}.ds-wrap[data-row-gap=lg]{row-gap:var(--ds-spacing-lg,1.5rem)}.ds-wrap[data-row-gap=xl]{row-gap:var(--ds-spacing-xl,2rem)}.ds-wrap[data-row-gap="2xl"]{row-gap:var(--ds-spacing-2xl,3rem)}.ds-wrap[data-row-gap="3xl"]{row-gap:var(--ds-spacing-3xl,4rem)}.ds-wrap[data-align=start]{align-items:flex-start}.ds-wrap[data-align=center]{align-items:center}.ds-wrap[data-align=end]{align-items:flex-end}}}@layer animations{@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ds-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-animate-fade-in{animation:ds-fade-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out) forwards}.ds-animate-scale-in{animation:ds-scale-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out) forwards}.ds-animate-slide-up{animation:ds-slide-up var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out) forwards}.ds-animate-fade-out{animation:ds-fade-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in) forwards}.ds-animate-scale-out{animation:ds-scale-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in) forwards}.ds-animate-slide-down{animation:ds-slide-down var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in) forwards}ds-dialog-content[data-state=open]{animation:ds-fade-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out),ds-scale-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out)}ds-dialog-content[data-state=closed]{animation:ds-fade-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in),ds-scale-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in)}ds-popover-content[data-state=open]{animation:ds-fade-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out),ds-slide-up var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out)}ds-popover-content[data-state=closed]{animation:ds-fade-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in),ds-slide-down var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in)}ds-tooltip-content[data-state=open]{animation:ds-fade-in var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-out)}ds-tooltip-content[data-state=closed]{animation:ds-fade-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in)}ds-menu-content[data-state=open]{animation:ds-fade-in var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out),ds-slide-up var(--ds-motion-duration-normal) var(--ds-motion-easing-ease-out)}ds-menu-content[data-state=closed]{animation:ds-fade-out var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in),ds-slide-down var(--ds-motion-duration-fast) var(--ds-motion-easing-ease-in)}@media (prefers-reduced-motion:reduce){.ds-animate-fade-in,.ds-animate-fade-out,.ds-animate-scale-in,.ds-animate-scale-out,.ds-animate-slide-down,.ds-animate-slide-up,ds-dialog-content,ds-menu-content,ds-popover-content,ds-tooltip-content{animation:none!important;transition:none!important}ds-dialog-content[data-state=open],ds-menu-content[data-state=open],ds-popover-content[data-state=open],ds-tooltip-content[data-state=open]{opacity:1;transform:none}}[data-animate-in~=fade-in][data-state=open]{animation-name:ds-fade-in}[data-animate-in~=scale-in][data-state=open]{animation-name:ds-scale-in}[data-animate-in~=slide-up][data-state=open]{animation-name:ds-slide-up}[data-animate-out~=fade-out][data-state=closed]{animation-name:ds-fade-out}[data-animate-out~=scale-out][data-state=closed]{animation-name:ds-scale-out}[data-animate-out~=slide-down][data-state=closed]{animation-name:ds-slide-down}[data-no-animation]{animation:none!important;transition:none!important}}@layer utilities{.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-default{color:var(--ds-color-foreground-default)}.text-muted{color:var(--ds-color-foreground-muted)}.text-subtle{color:var(--ds-color-foreground-subtle)}.font-normal{font-weight:var(--ds-font-weight-normal)}.font-medium{font-weight:var(--ds-font-weight-medium)}.font-semibold{font-weight:var(--ds-font-weight-semibold)}.font-bold{font-weight:var(--ds-font-weight-bold)}.text-xs{font-size:var(--ds-font-size-xs)}.text-sm{font-size:var(--ds-font-size-sm)}.text-base{font-size:var(--ds-font-size-base)}.text-lg{font-size:var(--ds-font-size-lg)}.text-xl{font-size:var(--ds-font-size-xl)}.text-2xl{font-size:var(--ds-font-size-2xl)}.ds-m-xs{margin:var(--ds-spacing-xs)}.ds-m-sm{margin:var(--ds-spacing-sm)}.ds-m-md{margin:var(--ds-spacing-md)}.ds-m-lg{margin:var(--ds-spacing-lg)}.ds-m-xl{margin:var(--ds-spacing-xl)}.ds-mt-xs{margin-top:var(--ds-spacing-xs)}.ds-mt-sm{margin-top:var(--ds-spacing-sm)}.ds-mt-md{margin-top:var(--ds-spacing-md)}.ds-mt-lg{margin-top:var(--ds-spacing-lg)}.ds-mt-xl{margin-top:var(--ds-spacing-xl)}.ds-mr-xs{margin-right:var(--ds-spacing-xs)}.ds-mr-sm{margin-right:var(--ds-spacing-sm)}.ds-mr-md{margin-right:var(--ds-spacing-md)}.ds-mr-lg{margin-right:var(--ds-spacing-lg)}.ds-mr-xl{margin-right:var(--ds-spacing-xl)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xs)}.ds-mb-sm{margin-bottom:var(--ds-spacing-sm)}.ds-mb-md{margin-bottom:var(--ds-spacing-md)}.ds-mb-lg{margin-bottom:var(--ds-spacing-lg)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xl)}.ds-ml-xs{margin-left:var(--ds-spacing-xs)}.ds-ml-sm{margin-left:var(--ds-spacing-sm)}.ds-ml-md{margin-left:var(--ds-spacing-md)}.ds-ml-lg{margin-left:var(--ds-spacing-lg)}.ds-ml-xl{margin-left:var(--ds-spacing-xl)}.ds-mx-xs{margin-inline:var(--ds-spacing-xs)}.ds-mx-sm{margin-inline:var(--ds-spacing-sm)}.ds-mx-md{margin-inline:var(--ds-spacing-md)}.ds-mx-lg{margin-inline:var(--ds-spacing-lg)}.ds-mx-xl{margin-inline:var(--ds-spacing-xl)}.ds-my-xs{margin-block:var(--ds-spacing-xs)}.ds-my-sm{margin-block:var(--ds-spacing-sm)}.ds-my-md{margin-block:var(--ds-spacing-md)}.ds-my-lg{margin-block:var(--ds-spacing-lg)}.ds-my-xl{margin-block:var(--ds-spacing-xl)}.ds-p-xs{padding:var(--ds-spacing-xs)}.ds-p-sm{padding:var(--ds-spacing-sm)}.ds-p-md{padding:var(--ds-spacing-md)}.ds-p-lg{padding:var(--ds-spacing-lg)}.ds-p-xl{padding:var(--ds-spacing-xl)}.ds-pt-xs{padding-top:var(--ds-spacing-xs)}.ds-pt-sm{padding-top:var(--ds-spacing-sm)}.ds-pt-md{padding-top:var(--ds-spacing-md)}.ds-pt-lg{padding-top:var(--ds-spacing-lg)}.ds-pt-xl{padding-top:var(--ds-spacing-xl)}.ds-pr-xs{padding-right:var(--ds-spacing-xs)}.ds-pr-sm{padding-right:var(--ds-spacing-sm)}.ds-pr-md{padding-right:var(--ds-spacing-md)}.ds-pr-lg{padding-right:var(--ds-spacing-lg)}.ds-pr-xl{padding-right:var(--ds-spacing-xl)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xs)}.ds-pb-sm{padding-bottom:var(--ds-spacing-sm)}.ds-pb-md{padding-bottom:var(--ds-spacing-md)}.ds-pb-lg{padding-bottom:var(--ds-spacing-lg)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xl)}.ds-pl-xs{padding-left:var(--ds-spacing-xs)}.ds-pl-sm{padding-left:var(--ds-spacing-sm)}.ds-pl-md{padding-left:var(--ds-spacing-md)}.ds-pl-lg{padding-left:var(--ds-spacing-lg)}.ds-pl-xl{padding-left:var(--ds-spacing-xl)}.ds-px-xs{padding-inline:var(--ds-spacing-xs)}.ds-px-sm{padding-inline:var(--ds-spacing-sm)}.ds-px-md{padding-inline:var(--ds-spacing-md)}.ds-px-lg{padding-inline:var(--ds-spacing-lg)}.ds-px-xl{padding-inline:var(--ds-spacing-xl)}.ds-py-xs{padding-block:var(--ds-spacing-xs)}.ds-py-sm{padding-block:var(--ds-spacing-sm)}.ds-py-md{padding-block:var(--ds-spacing-md)}.ds-py-lg{padding-block:var(--ds-spacing-lg)}.ds-py-xl{padding-block:var(--ds-spacing-xl)}.m-0{margin:var(--ds-spacing-primitives-0)}.p-0{padding:var(--ds-spacing-primitives-0)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.ds-block{display:block}.ds-inline{display:inline}.ds-inline-block{display:inline-block}.ds-flex{display:flex}.ds-inline-flex{display:inline-flex}.ds-grid{display:grid}.ds-hidden{display:none}.ds-text-left{text-align:left}.ds-text-center{text-align:center}.ds-text-right{text-align:right}.ds-text-primary{color:var(--ds-color-primary-default)}.ds-text-muted{color:var(--ds-color-foreground-muted)}.ds-text-error{color:var(--ds-color-destructive-default)}.ds-bg-default{background-color:var(--ds-color-background-default)}.ds-bg-subtle{background-color:var(--ds-color-background-subtle)}.ds-bg-muted{background-color:var(--ds-color-background-muted)}.ds-bg-primary{background-color:var(--ds-color-primary-default)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:var(--ds-spacing-component-gap-xs)}.gap-sm{gap:var(--ds-spacing-component-gap-sm)}.gap-md{gap:var(--ds-spacing-component-gap-md)}.gap-lg{gap:var(--ds-spacing-component-gap-lg)}.grid{display:grid}.container{margin-inline:auto;max-width:var(--ds-spacing-layout-container-maxWidth);padding-inline:var(--ds-spacing-layout-container-padding);width:100%}.stack-sm>*+*{margin-top:var(--ds-spacing-layout-stack-sm)}.stack-md>*+*{margin-top:var(--ds-spacing-layout-stack-md)}.stack-lg>*+*{margin-top:var(--ds-spacing-layout-stack-lg)}}@layer high-contrast{@media (forced-colors:active){[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid Highlight;outline-offset:2px}ds-button:focus-visible,ds-checkbox:focus-visible,ds-input:focus-visible,ds-link:focus-visible,ds-list-item:focus-visible,ds-menu-item:focus-visible,ds-radio:focus-visible,ds-select:focus-visible,ds-slider:focus-visible,ds-switch:focus-visible,ds-tab:focus-visible,ds-textarea:focus-visible,ds-tree-item:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@media (forced-colors:active){ds-checkbox [data-indicator],ds-radio [data-indicator]{border:2px solid ButtonText;forced-color-adjust:none}ds-checkbox[checked] [data-indicator],ds-radio[checked] [data-indicator]{background:Highlight;border-color:Highlight}ds-checkbox[disabled] [data-indicator],ds-radio[disabled] [data-indicator]{border-color:GrayText}ds-switch [data-track]{border:2px solid ButtonText;forced-color-adjust:none}ds-switch[checked] [data-track]{background:Highlight;border-color:Highlight}ds-switch [data-thumb]{background:ButtonText}ds-switch[checked] [data-thumb]{background:HighlightText}ds-input,ds-select,ds-textarea{background:Field;border:2px solid ButtonText;color:FieldText;forced-color-adjust:none}ds-input:focus,ds-select:focus,ds-textarea:focus{border-color:Highlight}ds-input[disabled],ds-select[disabled],ds-textarea[disabled]{border-color:GrayText;color:GrayText}ds-button{background:ButtonFace;border:2px solid ButtonText;color:ButtonText;forced-color-adjust:none}ds-button[variant=primary]{background:Highlight;border-color:Highlight;color:HighlightText}ds-button[variant=destructive]{border-width:3px}ds-button[disabled]{border-color:GrayText;color:GrayText}ds-button:hover:not([disabled]){border-color:Highlight}ds-alert-dialog-content,ds-dialog-content,ds-drawer-content,ds-sheet-content{background:Canvas;border:3px solid ButtonText;forced-color-adjust:none}ds-context-menu-content,ds-dropdown-menu-content,ds-hover-card-content,ds-menu-content,ds-popover-content,ds-tooltip-content{background:Canvas;border:2px solid ButtonText;forced-color-adjust:none}ds-menu-item:focus,ds-menu-item:hover{background:Highlight;color:HighlightText}ds-tab[aria-selected=true]{border-bottom:3px solid Highlight;forced-color-adjust:none}ds-tab:hover:not([aria-selected=true]){border-bottom:3px solid ButtonText}ds-link{color:LinkText;text-decoration:underline}ds-link:visited{color:VisitedText}ds-progress [data-track]{background:Field;border:2px solid ButtonText;forced-color-adjust:none}ds-progress [data-indicator]{background:Highlight}ds-alert,ds-toast{background:Canvas;border:2px solid ButtonText;forced-color-adjust:none}ds-alert[variant=destructive],ds-toast[variant=destructive]{border-width:3px}ds-badge{border:1px solid ButtonText}ds-badge,ds-separator{forced-color-adjust:none}ds-separator{background:ButtonText;border-color:ButtonText}}}@layer overrides{}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@hypoth-ui/css",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "CSS layers and base styles for the hypoth-ui design system (Alpha)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hypoth-ui/hypoth-ui.git",
+    "directory": "packages/css"
+  },
+  "homepage": "https://github.com/hypoth-ui/hypoth-ui#readme",
+  "keywords": [
+    "css",
+    "css-layers",
+    "design-system",
+    "styles",
+    "hypoth-ui"
+  ],
+  "exports": {
+    ".": "./dist/index.css",
+    "./layers/reset": "./src/layers/reset.css",
+    "./layers/tokens": "./src/layers/tokens.css",
+    "./layers/base": "./src/layers/base.css",
+    "./layers/components": "./src/layers/components.css",
+    "./layers/utilities": "./src/layers/utilities.css",
+    "./layers/overrides": "./src/layers/overrides.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src/layers"
+  ],
+  "dependencies": {
+    "@hypoth-ui/tokens": "0.1.0",
+    "@hypoth-ui/wc": "0.1.0"
+  },
+  "devDependencies": {
+    "postcss": "^8.4.0",
+    "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.0.0",
+    "cssnano": "^6.0.0",
+    "vitest": "^1.0.0"
+  },
+  "scripts": {
+    "build": "postcss src/index.css -o dist/index.css",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:unit": "vitest run"
+  }
+}