.drawer-nested__metrics[data-v-d5cead2d]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.drawer-nested__metrics div[data-v-d5cead2d]{display:grid;gap:.125rem;padding:.75rem;border:1px solid var(--docs-border);border-radius:.5rem;background:var(--docs-tint)}.drawer-nested__metrics dt[data-v-d5cead2d]{color:var(--docs-subtle);font-size:.6875rem}.drawer-nested__metrics dd[data-v-d5cead2d]{margin:0;color:var(--docs-default);font-family:var(--docs-font-mono);font-size:.8125rem;font-weight:650}.drawer-responsive__field[data-v-77a4de2c]{display:grid;gap:.375rem;color:var(--docs-default);font-size:.75rem;font-weight:600}.drawer-responsive__field input[data-v-77a4de2c]{min-block-size:2rem;inline-size:100%;padding-inline:.625rem;border:1px solid var(--docs-border);border-radius:.4375rem;background:var(--docs-control);color:var(--docs-default);font:inherit;font-size:.8125rem}.drawer-responsive__field input[data-v-77a4de2c]:focus-visible{border-color:var(--docs-brand);outline:2px solid var(--docs-brand-soft);outline-offset:1px}.drawer-demo[data-v-0a44fe4a]{display:flex;inline-size:100%;min-inline-size:0;min-block-size:7rem;align-items:center;justify-content:center;color:var(--docs-default);font-family:var(--docs-font-sans)}.drawer-demo__buttons[data-v-0a44fe4a]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.drawer-demo__state[data-v-0a44fe4a]{display:grid;justify-items:center;gap:.625rem}.drawer-demo__state output[data-v-0a44fe4a]{color:var(--docs-subtle);font-family:var(--docs-font-mono);font-size:.75rem}.drawer-demo__centered-header[data-v-0a44fe4a]{align-items:center;text-align:center}.drawer-demo__eyebrow[data-v-0a44fe4a]{color:var(--kappa-accent, var(--docs-brand));font-family:var(--docs-font-mono);font-size:.625rem;font-weight:700;letter-spacing:.08em}.drawer-demo__goal[data-v-0a44fe4a]{display:grid;align-content:center;justify-items:center;flex:1 1 auto;gap:1rem;padding-block:.25rem}.drawer-demo__stepper[data-v-0a44fe4a]{display:grid;grid-template-columns:2rem minmax(7rem,1fr) 2rem;align-items:center;gap:.75rem}.drawer-demo__stepper output[data-v-0a44fe4a]{display:grid;justify-items:center;line-height:1}.drawer-demo__stepper strong[data-v-0a44fe4a]{font-family:var(--docs-font-mono);font-size:2.5rem;font-weight:560;letter-spacing:-.06em}.drawer-demo__stepper span[data-v-0a44fe4a]{margin-block-start:.35rem;color:var(--docs-subtle);font-size:.6875rem}.drawer-demo__chart[data-v-0a44fe4a]{box-sizing:border-box;display:flex;inline-size:min(100%,22rem);block-size:7rem;align-items:end;gap:.35rem;padding:.75rem .75rem 0;border-block-end:1px solid var(--docs-border);background:var(--docs-tint)}.drawer-demo__chart i[data-v-0a44fe4a]{min-block-size:.25rem;flex:1;background:var(--kappa-accent, var(--docs-brand));opacity:.8}.drawer-demo__hint[data-v-0a44fe4a]{margin:0;color:var(--docs-subtle);font-size:.6875rem}.drawer-demo__form[data-v-0a44fe4a]{display:grid;gap:.75rem}.drawer-demo__form label[data-v-0a44fe4a]{display:grid;gap:.375rem;color:var(--docs-default);font-size:.75rem;font-weight:600}.drawer-demo__form input[data-v-0a44fe4a]{min-block-size:2rem;inline-size:100%;box-sizing:border-box;padding-inline:.625rem;border:1px solid var(--docs-border);border-radius:.4375rem;background:var(--docs-control);color:var(--docs-default);font:inherit;font-size:.8125rem}.drawer-demo__form input[data-v-0a44fe4a]:focus-visible{border-color:var(--docs-brand);outline:2px solid var(--docs-brand-soft);outline-offset:1px}.drawer-demo__feature-panel[data-v-0a44fe4a]{display:grid;gap:.375rem;min-block-size:8rem;align-content:center;flex:1 1 auto;padding:1rem;border:1px solid var(--docs-border);border-radius:.5rem;background:var(--docs-tint)}.drawer-demo__feature-panel>span[data-v-0a44fe4a]{color:var(--docs-subtle);font-size:.6875rem}.drawer-demo__feature-panel>strong[data-v-0a44fe4a]{font-family:var(--docs-font-mono);font-size:.875rem}.drawer-demo__feature-panel>div[data-v-0a44fe4a]{display:flex;block-size:2.75rem;align-items:end;gap:.25rem;margin-block-start:.5rem}.drawer-demo__feature-panel i[data-v-0a44fe4a]{inline-size:.45rem;border-radius:.125rem .125rem 0 0;background:var(--kappa-accent, var(--docs-brand))}.drawer-demo__feature-panel i[data-v-0a44fe4a]:nth-child(1){block-size:30%}.drawer-demo__feature-panel i[data-v-0a44fe4a]:nth-child(2){block-size:58%}.drawer-demo__feature-panel i[data-v-0a44fe4a]:nth-child(3){block-size:42%}.drawer-demo__feature-panel i[data-v-0a44fe4a]:nth-child(4){block-size:82%}.drawer-demo__feature-panel i[data-v-0a44fe4a]:nth-child(5){block-size:68%}.drawer-demo__snap-surface{block-size:min(42rem,calc(100dvb - 3rem))}.drawer-demo__tall{block-size:min(34rem,calc(100dvb - 3rem))}.drawer-demo__copy[data-v-0a44fe4a]{min-block-size:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:.75rem;border:1px solid var(--docs-border);border-radius:.5rem;background:var(--docs-tint);font-size:.8125rem;line-height:1.35rem;scrollbar-color:var(--docs-border) transparent}.drawer-demo__copy p[data-v-0a44fe4a]{margin:0}.drawer-demo__copy p+p[data-v-0a44fe4a]{margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:1px solid var(--docs-border)}.drawer-demo__manifest[data-v-0a44fe4a]{display:grid;margin:0;border-block-start:1px solid var(--docs-border)}.drawer-demo__manifest div[data-v-0a44fe4a]{display:flex;justify-content:space-between;gap:1rem;padding-block:.625rem;border-block-end:1px solid var(--docs-border)}.drawer-demo__manifest dt[data-v-0a44fe4a]{color:var(--docs-subtle);font-size:.75rem}.drawer-demo__manifest dd[data-v-0a44fe4a]{margin:0;font-family:var(--docs-font-mono);font-size:.75rem;text-align:end}.drawer-demo__handle-preview[data-v-0a44fe4a]{display:grid;min-block-size:7rem;align-content:center;flex:1 1 auto;gap:.5rem;padding:1rem;border-radius:.5rem;background:var(--docs-tint)}.drawer-demo__handle-preview span[data-v-0a44fe4a]{display:block;block-size:.375rem;border-radius:999px;background:var(--docs-border)}.drawer-demo__handle-preview span[data-v-0a44fe4a]:nth-child(2){inline-size:72%;background:var(--docs-brand-soft)}.drawer-demo__handle-preview span[data-v-0a44fe4a]:nth-child(3){inline-size:48%}.drawer-demo__timeline[data-v-0a44fe4a]{display:grid;gap:0;min-block-size:0;overflow-y:auto;margin:0;padding:0;list-style:none}.drawer-demo__timeline li[data-v-0a44fe4a]{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.625rem;padding-block-end:1rem}.drawer-demo__timeline li[data-v-0a44fe4a]:not(:last-child):after{position:absolute;inset-block-start:.75rem;inset-block-end:0;inset-inline-start:.3125rem;inline-size:1px;background:var(--docs-border);content:""}.drawer-demo__timeline li>i[data-v-0a44fe4a]{z-index:1;inline-size:.6875rem;block-size:.6875rem;margin-block-start:.1875rem;border:2px solid var(--docs-control);border-radius:50%;background:var(--docs-success);box-shadow:0 0 0 1px var(--docs-success)}.drawer-demo__timeline li[data-state=active]>i[data-v-0a44fe4a]{background:var(--docs-brand);box-shadow:0 0 0 1px var(--docs-brand)}.drawer-demo__timeline span[data-v-0a44fe4a]{display:flex;justify-content:space-between;gap:1rem}.drawer-demo__timeline strong[data-v-0a44fe4a]{font-size:.75rem}.drawer-demo__timeline small[data-v-0a44fe4a]{color:var(--docs-subtle);font-family:var(--docs-font-mono);font-size:.6875rem}.drawer-demo__selection[data-v-0a44fe4a]{margin:0;padding:.75rem;border:1px solid var(--docs-border);border-radius:.5rem;background:var(--docs-tint);color:var(--docs-default);font-family:var(--docs-font-mono);font-size:.75rem;line-height:1.35rem;white-space:pre-wrap;user-select:text}.drawer-demo__formats[data-v-0a44fe4a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.drawer-demo__formats span[data-v-0a44fe4a]{display:grid;min-block-size:4rem;place-items:center;border:1px solid var(--docs-border);border-radius:.5rem;background:var(--docs-tint);font-family:var(--docs-font-mono);font-size:.75rem;font-weight:700}@media(max-width:480px){.drawer-demo__timeline span[data-v-0a44fe4a]{flex-direction:column;gap:.125rem}}