.example[data-astro-cid-n6i6qsi2]{display:grid;gap:var(--ds-space-12);margin:0;min-width:0}figcaption[data-astro-cid-n6i6qsi2]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ds-space-4) var(--ds-space-12)}.note[data-astro-cid-n6i6qsi2]{color:var(--ds-fg-muted)}.canvas[data-astro-cid-n6i6qsi2]{min-width:0;overflow-x:auto;padding:var(--ds-space-32);box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule)}.canvas[data-astro-cid-n6i6qsi2][data-surface]{box-shadow:none}.is-flow[data-astro-cid-n6i6qsi2]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-16)}.is-block[data-astro-cid-n6i6qsi2]{display:grid;gap:var(--ds-space-24)}.is-page[data-astro-cid-n6i6qsi2]{padding:0;overflow:hidden}@media(max-width:599px){.canvas[data-astro-cid-n6i6qsi2]:not(.is-page){padding:var(--ds-space-16)}}.cell[data-astro-cid-cm5flfga]{display:grid;place-items:center;min-height:3rem;padding:var(--ds-space-8);background:var(--ds-surface-alt);box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule)}@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-icon-button[data-v-2653855b]{display:inline-grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;padding:0;border:var(--ds-rule-hairline) solid transparent;border-radius:var(--ds-radius-none);background:transparent;color:var(--ds-fg);text-decoration:none;cursor:pointer;transition:background-color var(--ds-duration-instant) var(--ds-ease-transit),border-color var(--ds-duration-instant) var(--ds-ease-transit)}.icon[data-v-2653855b]{width:1.25rem;height:1.25rem}.size-l[data-v-2653855b]{width:3.5rem;height:3.5rem}.size-l .icon[data-v-2653855b]{width:1.5rem;height:1.5rem}.is-neutral[data-v-2653855b]{border-color:var(--ds-rule-strong)}.is-neutral[data-v-2653855b]:hover,.is-ghost[data-v-2653855b]:hover{border-color:var(--ds-fg);background:var(--ds-surface-alt)}.is-primary[data-v-2653855b]{background:var(--ds-action-fill);color:var(--ds-action-fill-fg)}.is-primary[data-v-2653855b]:hover{background:color-mix(in oklab,var(--ds-action-fill) 86%,var(--ds-fg))}.is-signal[data-v-2653855b]{background:var(--ds-surface)}.is-signal[data-v-2653855b]:hover{background:color-mix(in oklab,var(--ds-surface) 88%,var(--ds-fg))}.ds-icon-button[aria-pressed=true][data-v-2653855b]{border-color:var(--ds-fg);background:var(--ds-surface-alt)}.ds-icon-button[data-v-2653855b]:disabled,.ds-icon-button[aria-disabled=true][data-v-2653855b]{opacity:.4;cursor:not-allowed;pointer-events:none}}@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)}.narrow[data-astro-cid-jdd2f7ig]{max-width:28rem}.pair[data-astro-cid-eofowtyv]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-16);align-items:start}.cols[data-astro-cid-up6nt65p]{display:flex;flex-wrap:wrap;align-items:end;gap:var(--ds-space-24)}.col[data-astro-cid-up6nt65p]{width:12rem;max-width:100%;box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule)}.wide[data-astro-cid-up6nt65p]{width:22rem}.cell[data-astro-cid-rfvu23vm]{display:grid;place-items:center;min-height:3rem;padding:var(--ds-space-8);background:var(--ds-surface-alt);box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule)}kbd[data-astro-cid-5bzla372]{padding:0 var(--ds-space-4);font-family:var(--ds-font-mono);font-size:.85em;box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule-strong)}.glyph[data-astro-cid-aqule2by]{display:inline-grid;justify-items:center;gap:var(--ds-space-8);width:6.5rem}.glyph[data-astro-cid-aqule2by] .ds-type-mono-s[data-astro-cid-aqule2by]{color:var(--ds-fg-muted)}.narrow[data-astro-cid-3vlhsz2i]{max-width:24rem}.plates[data-astro-cid-wkugpsld]{display:flex;flex-wrap:wrap;align-items:start;gap:var(--ds-space-16)}.narrow[data-astro-cid-eu74wdhd]{max-width:16rem}.cell[data-astro-cid-6jiwoitm]{display:grid;place-items:center;min-height:3rem;padding:var(--ds-space-8);background:var(--ds-surface-alt);box-shadow:inset 0 0 0 var(--ds-rule-hairline) var(--ds-rule)}.pair[data-astro-cid-6jiwoitm]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-24)}.three[data-astro-cid-6jiwoitm]{grid-template-columns:repeat(3,minmax(0,1fr))}@layer components{.ds-table[data-v-53147c6d]{overflow-x:auto;min-width:0}table[data-v-53147c6d]{width:100%;border-collapse:collapse}caption[data-v-53147c6d]{padding-bottom:var(--ds-space-12);color:var(--ds-fg-muted);text-align:start}th[data-v-53147c6d]{color:var(--ds-fg-muted);font-weight:400}th[data-v-53147c6d],td[data-v-53147c6d]{padding:var(--ds-space-12) var(--ds-space-16) var(--ds-space-12) 0;border-bottom:var(--ds-rule-hairline) solid var(--ds-rule);vertical-align:baseline}thead th[data-v-53147c6d]{border-bottom-color:var(--ds-rule-strong)}.align-start[data-v-53147c6d]{text-align:start}.align-end[data-v-53147c6d]{text-align:end}}.swatches[data-astro-cid-5wb3glka]{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--ds-space-16)}figure[data-astro-cid-5wb3glka]{display:grid;gap:var(--ds-space-8);margin:0}.page[data-astro-cid-n7pvuu2y]{display:grid;gap:var(--ds-space-64)}.masthead[data-astro-cid-n7pvuu2y]{display:grid;gap:var(--ds-space-16)}.masthead[data-astro-cid-n7pvuu2y] p[data-astro-cid-n7pvuu2y],.block[data-astro-cid-n7pvuu2y] h2[data-astro-cid-n7pvuu2y],.block[data-astro-cid-n7pvuu2y] p[data-astro-cid-n7pvuu2y]{margin:0}.crumb[data-astro-cid-n7pvuu2y],.crumb[data-astro-cid-n7pvuu2y] a[data-astro-cid-n7pvuu2y]{color:var(--ds-fg-muted);text-decoration:none}.crumb[data-astro-cid-n7pvuu2y] a[data-astro-cid-n7pvuu2y]:hover{color:var(--ds-fg)}.lede[data-astro-cid-n7pvuu2y]{max-width:44rem}.block[data-astro-cid-n7pvuu2y]{display:grid;gap:var(--ds-space-16);padding-top:var(--ds-space-24);border-top:var(--ds-rule-structural) solid var(--ds-fg)}.examples[data-astro-cid-n7pvuu2y]{display:grid;gap:var(--ds-space-48)}.code[data-astro-cid-n7pvuu2y]{margin:0;font-size:.875rem;line-height:1.5;padding:var(--ds-space-16);overflow-x:auto;background:var(--ds-surface-alt)}code[data-astro-cid-n7pvuu2y]{font-family:var(--ds-font-mono);font-size:.9em}.muted[data-astro-cid-n7pvuu2y]{color:var(--ds-fg-muted)}