.tabs-scroll-demo[data-v-a4f0c194]{display:grid;inline-size:min(100%,var(--tabs-scroll-demo-size));min-inline-size:0;gap:.625rem}.tabs-scroll-demo--many[data-v-a4f0c194]{--tabs-scroll-demo-size: 29rem}.tabs-scroll-demo--overflow[data-v-a4f0c194]{--tabs-scroll-demo-size: 17.5rem}.tabs-scroll-demo--dynamic-count[data-v-a4f0c194]{--tabs-scroll-demo-size: 42rem}.tabs-scroll-demo__rail[data-v-a4f0c194]{--tabs-scroll-demo-list-radius: .5rem;position:relative;min-inline-size:0}.tabs-scroll-demo--dynamic-count .tabs-scroll-demo__rail[data-v-a4f0c194]{--tabs-scroll-demo-list-radius: .375rem}.tabs-scroll-demo__rail[data-v-a4f0c194] .kappa-tabs__list{inline-size:100%;scroll-padding-inline:2.5rem}.tabs-scroll-demo--dynamic-count .tabs-scroll-demo__rail[data-v-a4f0c194] .kappa-tabs__list{scroll-padding-inline:3.25rem}.tabs-scroll-demo__scroll-button[data-v-a4f0c194]{position:absolute;z-index:3;inset-block:1px;display:inline-flex;inline-size:2rem;align-items:center;justify-content:center;padding:0;border:0;background:var(--kappa-tint, var(--docs-tint));color:var(--kappa-subtle, var(--docs-subtle));cursor:pointer}.tabs-scroll-demo--dynamic-count .tabs-scroll-demo__scroll-button[data-v-a4f0c194]{inline-size:2.5rem}.tabs-scroll-demo__scroll-button--start[data-v-a4f0c194]{inset-inline-start:1px;border-inline-end:1px solid var(--kappa-line, var(--docs-line));border-start-start-radius:calc(var(--tabs-scroll-demo-list-radius) - 1px);border-end-start-radius:calc(var(--tabs-scroll-demo-list-radius) - 1px)}.tabs-scroll-demo__scroll-button--end[data-v-a4f0c194]{inset-inline-end:1px;border-inline-start:1px solid var(--kappa-line, var(--docs-line));border-start-end-radius:calc(var(--tabs-scroll-demo-list-radius) - 1px);border-end-end-radius:calc(var(--tabs-scroll-demo-list-radius) - 1px)}.tabs-scroll-demo__scroll-button[data-v-a4f0c194]:hover{background:var(--kappa-overlay, var(--docs-tint));color:var(--kappa-default, var(--docs-default))}.tabs-scroll-demo__scroll-button[data-v-a4f0c194]:focus-visible,.tabs-scroll-demo__controls>button[data-v-a4f0c194]:focus-visible{outline:2px solid var(--kappa-focus, #4c63ff);outline-offset:-2px}.tabs-scroll-demo__scroll-button svg[data-v-a4f0c194]{inline-size:.875rem;block-size:.875rem}.tabs-scroll-demo__controls[data-v-a4f0c194]{display:flex;align-items:center;gap:.75rem;color:var(--docs-subtle);font-size:.75rem}.tabs-scroll-demo__controls>button[data-v-a4f0c194]{min-block-size:2rem;padding-block:.375rem;padding-inline:.75rem;border:1px solid var(--docs-line);border-radius:var(--kappa-radius-sm, .25rem);background:var(--docs-surface);color:var(--docs-default);cursor:pointer;font:inherit}.tabs-scroll-demo__controls>button[data-v-a4f0c194]:hover{background:var(--docs-tint)}@media(prefers-reduced-motion:reduce){.tabs-scroll-demo__scroll-button[data-v-a4f0c194],.tabs-scroll-demo__controls>button[data-v-a4f0c194]{transition:none}}.tabs-demo[data-v-40a76631]{display:grid;inline-size:min(100%,42rem);min-inline-size:0;color:var(--docs-default);font-family:var(--docs-font-sans, "Geist", sans-serif)}.tabs-demo__preview[data-v-40a76631],.tabs-demo__controlled[data-v-40a76631],.tabs-demo__dynamic[data-v-40a76631]{display:grid;gap:.625rem}.tabs-demo__stack[data-v-40a76631]{display:grid;gap:1.25rem}.tabs-demo__group[data-v-40a76631]{display:grid;gap:.5rem}.tabs-demo__label[data-v-40a76631]{margin:0;color:var(--docs-subtle);font-size:.75rem;font-weight:600}.tabs-demo[data-v-40a76631] .kappa-tabs{inline-size:100%}.tabs-demo[data-v-40a76631] .kappa-tabs__content{min-block-size:4.5rem;border-block-end:1px solid var(--docs-line);background:var(--docs-surface)}.tabs-demo__copy[data-v-40a76631],.tabs-demo__readout[data-v-40a76631]{margin:0}.tabs-demo__copy[data-v-40a76631]{color:var(--docs-subtle)}.tabs-demo__readout[data-v-40a76631]{color:var(--docs-subtle);font-family:var(--docs-font-mono, monospace);font-size:.75rem}.tabs-demo__readout strong[data-v-40a76631]{color:var(--docs-default);font-weight:600}.tabs-demo[data-v-40a76631] .kappa-tabs.tabs-demo__vertical{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);gap:1rem}.tabs-demo__vertical[data-v-40a76631] .kappa-tabs__content{min-block-size:8rem;padding-block-start:.5rem}.tabs-demo__vertical[data-v-40a76631] .kappa-tabs__list{max-block-size:14rem}.tabs-demo__dynamic>button[data-v-40a76631]{inline-size:max-content;min-block-size:2rem;margin-block-start:.125rem;padding-block:.375rem;padding-inline:.75rem;border:1px solid var(--docs-line);border-radius:var(--kappa-radius-sm, .25rem);background:var(--docs-surface);color:var(--docs-default);cursor:pointer;font:inherit;font-size:.75rem}.tabs-demo__dynamic>button[data-v-40a76631]:hover{background:var(--docs-tint)}.tabs-demo__dynamic>button[data-v-40a76631]:focus-visible{outline:2px solid var(--kappa-focus, #4c63ff);outline-offset:2px}.tabs-demo__metrics[data-v-40a76631]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.tabs-demo__metrics div[data-v-40a76631]{display:grid;gap:.25rem;padding-inline:.75rem}.tabs-demo__metrics div[data-v-40a76631]:first-child{padding-inline-start:0}.tabs-demo__metrics div[data-v-40a76631]:last-child{padding-inline-end:0}.tabs-demo__metrics div+div[data-v-40a76631]{border-inline-start:1px solid var(--docs-line)}.tabs-demo__metrics dt[data-v-40a76631]{color:var(--docs-subtle);font-size:.75rem}.tabs-demo__metrics dd[data-v-40a76631]{margin:0;font-family:var(--docs-font-mono, monospace);font-weight:600}.tabs-demo__table-wrap[data-v-40a76631]{overflow-x:auto}.tabs-demo__table-wrap table[data-v-40a76631]{inline-size:100%;border-collapse:collapse;font-size:.75rem;text-align:start}.tabs-demo__table-wrap caption[data-v-40a76631]{margin-block-end:.5rem;color:var(--docs-subtle);text-align:start}.tabs-demo__table-wrap th[data-v-40a76631],.tabs-demo__table-wrap td[data-v-40a76631]{padding-block:.375rem;padding-inline:.5rem;border-block-end:1px solid var(--docs-line);text-align:start}.tabs-demo__table-wrap th[data-v-40a76631]{font-weight:600}@media(max-width:34rem){.tabs-demo[data-v-40a76631] .kappa-tabs.tabs-demo__vertical{grid-template-columns:1fr}.tabs-demo__vertical[data-v-40a76631] .kappa-tabs__list{max-block-size:none}.tabs-demo__metrics[data-v-40a76631]{grid-template-columns:1fr;gap:.5rem}.tabs-demo__metrics div[data-v-40a76631]{padding-inline:0}.tabs-demo__metrics div+div[data-v-40a76631]{padding-block-start:.5rem;border-block-start:1px solid var(--docs-line);border-inline-start:0}}@media(prefers-reduced-motion:reduce){.tabs-demo__dynamic>button[data-v-40a76631]{transition:none}}