@layer components{.ds-field[data-v-2ed4d0ed]{display:grid;gap:var(--ds-space-8);min-width:0}label[data-v-2ed4d0ed]{display:flex;gap:var(--ds-space-8);align-items:baseline}.optional[data-v-2ed4d0ed],.hint[data-v-2ed4d0ed]{margin:0;color:var(--ds-fg-muted)}.error[data-v-2ed4d0ed]{display:flex;gap:var(--ds-space-8);align-items:center;margin:0;color:var(--ds-status-error)}}@layer components{.ds-input[data-v-49bd657b]{width:100%;min-height:2.75rem;padding:var(--ds-space-8) var(--ds-space-12);border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:var(--ds-radius-input);background:var(--ds-surface);color:var(--ds-fg);font:inherit}.ds-input[data-v-49bd657b]::placeholder{color:var(--ds-fg-muted)}.ds-input[data-v-49bd657b]:hover{border-color:var(--ds-fg)}.ds-input[data-v-49bd657b]:focus-visible{border-color:var(--ds-fg);outline-offset:1px}.ds-input[aria-invalid=true][data-v-49bd657b]{border-color:var(--ds-status-error);box-shadow:inset 0 0 0 1px var(--ds-status-error)}}@layer components{.ds-select[data-v-1b4d7b1f]{position:relative;display:block}select[data-v-1b4d7b1f]{appearance:none;width:100%;min-height:2.75rem;padding:var(--ds-space-8) calc(var(--ds-space-32) + var(--ds-space-8)) var(--ds-space-8) var(--ds-space-12);border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:var(--ds-radius-input);background:var(--ds-surface);color:var(--ds-fg);font:inherit;cursor:pointer}select[data-v-1b4d7b1f]:hover,select[data-v-1b4d7b1f]:focus-visible{border-color:var(--ds-fg)}select[aria-invalid=true][data-v-1b4d7b1f]{border-color:var(--ds-status-error);box-shadow:inset 0 0 0 1px var(--ds-status-error)}.chevron[data-v-1b4d7b1f]{position:absolute;top:50%;right:var(--ds-space-12);transform:translateY(-50%);pointer-events:none}}@layer components{.ds-toggle[data-v-f4453889]{display:inline-flex;align-items:center;gap:var(--ds-space-12)}.track[data-v-f4453889]{position:relative;display:inline-flex;align-items:center;width:3rem;height:1.625rem;padding:3px;border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:var(--ds-radius-input);background:var(--ds-surface);cursor:pointer;transition:background-color var(--ds-duration-instant) var(--ds-ease-transit)}.track[data-state=checked][data-v-f4453889]{border-color:var(--ds-action-fill);background:var(--ds-action-fill)}.track[data-v-f4453889]:disabled{opacity:.45;cursor:not-allowed}.thumb[data-v-f4453889]{display:block;width:1.125rem;height:1.125rem;background:var(--ds-fg);transition:transform var(--ds-duration-quick) var(--ds-ease-transit)}.thumb[data-state=checked][data-v-f4453889]{background:var(--ds-action-fill-fg);transform:translate(1.25rem)}.state[data-v-f4453889]{color:var(--ds-fg-muted)}}@layer components{.ds-slider[data-v-8b1b3cc4]{display:grid;grid-template-columns:1fr minmax(3.5rem,auto);align-items:center;gap:var(--ds-space-16)}.root[data-v-8b1b3cc4]{position:relative;display:flex;align-items:center;height:1.5rem;touch-action:none;user-select:none}.track[data-v-8b1b3cc4]{position:relative;flex:1;height:var(--ds-rule-structural);background:var(--ds-rule-strong)}.range[data-v-8b1b3cc4]{position:absolute;height:100%;background:var(--ds-action-fill)}.thumb[data-v-8b1b3cc4]{display:block;width:1rem;height:1rem;background:var(--ds-fg);cursor:grab}.thumb[data-v-8b1b3cc4]:active{cursor:grabbing}.value[data-v-8b1b3cc4]{text-align:end}}@layer components{.ds-color[data-v-14d01c4d]{display:flex;align-items:stretch;gap:var(--ds-space-8)}.swatch[data-v-14d01c4d]{position:relative;flex:none;width:2.75rem;height:2.75rem;border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:var(--ds-radius-input);background:linear-gradient(var(--_c),var(--_c)),repeating-conic-gradient(var(--ds-rule) 0 25%,var(--ds-surface) 0 50%) 0 0 / .75rem .75rem;background-clip:content-box;padding:3px;cursor:pointer}.picker[data-v-14d01c4d]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.value[data-v-14d01c4d]{flex:1;min-width:0;min-height:2.75rem;padding:var(--ds-space-8) var(--ds-space-12);border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:var(--ds-radius-input);background:var(--ds-surface);color:var(--ds-fg)}.value[data-v-14d01c4d]:hover,.value[data-v-14d01c4d]:focus-visible{border-color:var(--ds-fg)}.value[aria-invalid=true][data-v-14d01c4d]{border-color:var(--ds-status-error)}}.examples[data-v-65f61cfa]{display:grid;gap:var(--ds-space-24);max-width:28rem}.echo[data-v-65f61cfa]{margin:calc(-1 * var(--ds-space-12)) 0 0;color:var(--ds-fg-muted)}@layer components{.ds-dialog-overlay{position:fixed;inset:0;z-index:1000;background:color-mix(in oklab,#0B0C0B 62%,transparent);animation:ds-dialog-fade var(--ds-duration-quick) var(--ds-ease-transit)}.ds-dialog{position:fixed;inset:auto 0 0;z-index:1001;display:grid;gap:var(--ds-space-16);max-height:90dvh;overflow:auto;padding:var(--ds-space-24) var(--ds-space-16) var(--ds-space-32);border-top:var(--ds-rule-structural) solid var(--ds-fg);outline:var(--ds-rule-hairline) solid var(--ds-rule-strong);background:var(--ds-surface);color:var(--ds-fg);animation:ds-dialog-rise var(--ds-duration-quick) var(--ds-ease-transit)}@media(min-width:600px){.ds-dialog{inset:50% auto auto 50%;width:min(34rem,calc(100vw - 2 * var(--ds-space-24)));padding:var(--ds-space-32);transform:translate(-50%,-50%);animation-name:ds-dialog-fade}}.ds-dialog .head{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-space-16)}.ds-dialog .title{margin:0}.ds-dialog .close{display:inline-grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;margin:calc(-1 * var(--ds-space-8)) calc(-1 * var(--ds-space-8)) 0 0;padding:0;border:0;background:transparent;color:var(--ds-fg);cursor:pointer}.ds-dialog .close:hover{background:var(--ds-surface-alt)}.ds-dialog .close-icon{width:1.25rem;height:1.25rem}.ds-dialog .description{margin:0;color:var(--ds-fg-muted)}.ds-dialog .body{display:grid;gap:var(--ds-space-24)}.ds-dialog .foot{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--ds-space-12);padding-top:var(--ds-space-8)}@keyframes ds-dialog-fade{0%{opacity:0}}@keyframes ds-dialog-rise{0%{transform:translateY(1.5rem);opacity:0}}}@layer components{.ds-duration[data-v-6ec21e59]{display:inline-flex;align-items:start;gap:var(--ds-space-4)}.drum[data-v-6ec21e59]{display:grid;grid-template-areas:"up" "part" "down";width:4.5rem}.part[data-v-6ec21e59]{display:contents}.field[data-v-6ec21e59]{grid-area:part;position:relative;z-index:1;width:100%;height:3.5rem;padding:0;border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:0;background:var(--ds-surface);color:var(--ds-fg);font-family:var(--ds-font-sans);font-size:var(--ds-type-heading-1);font-stretch:85%;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield}.field[data-v-6ec21e59]::-webkit-inner-spin-button,.field[data-v-6ec21e59]::-webkit-outer-spin-button{margin:0;appearance:none}.field[data-v-6ec21e59]:hover,.field[data-v-6ec21e59]:focus{border-color:var(--ds-fg)}.field[data-v-6ec21e59]:disabled{opacity:.45}.unit[data-v-6ec21e59]{grid-row:4;margin-top:var(--ds-space-4);color:var(--ds-fg-muted);text-align:center}.step[data-v-6ec21e59]{display:grid;place-items:center;width:100%;height:2rem;padding:0;border:var(--ds-rule-hairline) solid var(--ds-rule-strong);border-radius:0;background:transparent;color:var(--ds-fg);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.up[data-v-6ec21e59]{grid-area:up;margin-bottom:calc(-1 * var(--ds-rule-hairline));border-radius:var(--ds-radius-input) var(--ds-radius-input) 0 0}.down[data-v-6ec21e59]{grid-area:down;margin-top:calc(-1 * var(--ds-rule-hairline));border-radius:0 0 var(--ds-radius-input) var(--ds-radius-input)}.step[data-v-6ec21e59]:hover:not(:disabled){background:var(--ds-surface-alt)}.step[data-v-6ec21e59]:active:not(:disabled){background:color-mix(in oklab,var(--ds-surface-alt) 80%,var(--ds-fg))}.step[data-v-6ec21e59]:disabled{color:var(--ds-fg-muted);opacity:.45;cursor:not-allowed}.step-icon[data-v-6ec21e59]{width:1.125rem;height:1.125rem}.colon[data-v-6ec21e59]{align-self:start;margin-top:2rem;font-size:var(--ds-type-heading-1);font-weight:600;line-height:3.5rem}}@layer components{.ds-line-picker[data-v-6caf6aad]{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.option[data-v-6caf6aad]{display:grid;justify-items:center;gap:var(--ds-space-4);min-width:3.5rem;padding:var(--ds-space-8) var(--ds-space-4);border:var(--ds-rule-hairline) solid transparent;border-radius:var(--ds-radius-input);background:transparent;color:var(--ds-fg-muted);cursor:pointer}.option[data-v-6caf6aad]:hover{background:var(--ds-surface-alt)}.option[data-state=checked][data-v-6caf6aad]{border-color:var(--ds-fg);color:var(--ds-fg)}.option[data-v-6caf6aad]:disabled{opacity:.45;cursor:not-allowed}.disc[data-v-6caf6aad]{width:1.5rem;height:1.5rem;border:3px solid var(--_line);border-radius:var(--ds-radius-round);background:var(--ds-surface);box-shadow:0 0 0 1px var(--_edge)}.option[data-state=checked] .disc[data-v-6caf6aad]{border-width:.75rem}}.examples[data-v-d03771fa]{display:grid;justify-items:start;gap:var(--ds-space-16)}.echo[data-v-d03771fa]{margin:0;color:var(--ds-fg-muted)}.demo[data-v-01d4d37c]{display:grid;gap:var(--ds-space-24);max-width:28rem}.actions[data-v-01d4d37c]{display:flex;flex-wrap:wrap;gap:var(--ds-space-12)}