.demo-tabs[data-v-d158eab3]{border-radius:.75rem;box-shadow:inset 0 0 0 1px var(--color-border);margin:1rem 0 1.5rem;overflow:hidden}.demo-tabs__bar[data-v-d158eab3]{align-items:center;box-shadow:inset 0 -1px 0 var(--color-border);display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.demo-tabs__tab[data-v-d158eab3]{background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;font-size:.6875rem;font-weight:500;padding:.375rem .75rem;position:relative;transition:color .12s ease}.demo-tabs__tab[data-v-d158eab3]:hover{color:var(--color-text-dim)}.demo-tabs__tab--active[data-v-d158eab3]{color:var(--color-text)}.demo-tabs__tab--active[data-v-d158eab3]:after{background:var(--color-text);bottom:-.25rem;content:"";height:1px;left:.75rem;position:absolute;right:.75rem}.demo-tabs__spacer[data-v-d158eab3]{flex:1}.demo-tabs__copy[data-v-d158eab3]{align-items:center;background:transparent;border:0;border-radius:.25rem;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.625rem;font-weight:500;gap:4px;padding:.25rem .5rem;transition:color .12s ease}.demo-tabs__copy[data-v-d158eab3]:hover{color:var(--color-text)}.demo-tabs__preview[data-v-d158eab3]{background:color-mix(in oklab,var(--color-surface) 50%,var(--color-bg));padding:1.25rem}@media(min-width:640px){.demo-tabs__preview[data-v-d158eab3]{padding:1.5rem}}.demo-tabs__code[data-v-d158eab3] .doc-code__body{max-height:32rem;overflow-y:auto}