.tabs--horizontal .tabs__list{display:flex;margin-block-end:var(--space-6);overflow-x:auto;scrollbar-width:none}.tabs--horizontal .tabs__list::-webkit-scrollbar{display:none}.tabs--horizontal:not(.tabs--full) .tabs__list:after,.tabs--horizontal:not(.tabs--full) .tabs__list:before{border-block-end:var(--border-width-1) solid var(--color-border-subtle);content:"";flex:1}.tabs--full .tabs__tab{flex:1}.tabs--horizontal .tabs__tab{align-items:center;background:transparent;border:0;color:var(--color-text-subtle);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-3);font-weight:var(--font-weight-medium);justify-content:center;letter-spacing:var(--letter-spacing-3);line-height:var(--line-height-3);padding:var(--space-3) var(--space-6);position:relative;white-space:nowrap}.tabs--horizontal .tabs__tab:hover,.tabs--horizontal .tabs__tab[aria-selected=true]{color:var(--color-text)}.tabs--horizontal .tabs__tab:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:calc(var(--border-width-2)*-1)}.tabs--horizontal .tabs__tab{background:var(--gray-a2);border:var(--border-width-1) solid var(--color-border-subtle)}.tabs--horizontal .tabs__tab+.tabs__tab{margin-inline-start:calc(var(--border-width-1)*-1)}.tabs--horizontal .tabs__tab:hover:not([aria-selected=true]){background:var(--gray-a3)}.tabs--horizontal .tabs__tab[aria-selected=true]{background:transparent;border-block-end-color:transparent}.tabs--horizontal .tabs__indicator{background:var(--color-accent);height:var(--border-width-2);inset-block-start:calc(var(--border-width-1)*-1);inset-inline:calc(var(--border-width-1)*-1);position:absolute;transform:scaleX(0);transform-origin:0 50%}.tabs--horizontal .tabs__tab[aria-selected=true] .tabs__indicator{transform:scaleX(1)}.tabs--vertical{align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:48rem){.tabs--vertical{gap:var(--space-8);grid-template-columns:minmax(12rem,20rem) minmax(0,1fr)}}.tabs--horizontal .tabs__copy{margin-block-end:var(--space-5);max-width:var(--measure)}.tabs--horizontal.tabs--playing.tabs--in-view .tabs__tab[aria-selected=true] .tabs__indicator{animation:strata-tabs-fill var(--tabs-interval) linear forwards;transform:scaleX(0)}.tabs--vertical.tabs--playing.tabs--in-view .steplist__step[aria-selected=true]+.steplist__body+.steplist__rule .tabs__indicator,.tabs--vertical.tabs--playing.tabs--in-view .steplist__step[aria-selected=true]+.steplist__rule .tabs__indicator{animation:strata-tabs-fill var(--tabs-interval) linear forwards}@keyframes strata-tabs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tabs__panels{display:grid}.tabs__panel{grid-area:1/1;min-width:0}.tabs__panel[hidden]{display:block;visibility:hidden}.tabs__panel:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:var(--space-1)}@media (prefers-reduced-motion:no-preference){.tabs--horizontal .tabs__tab{transition:color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.tabs__panel{transition:opacity var(--dur-3) var(--ease-out),visibility 0s}.tabs__panel[hidden]{opacity:0;transition:opacity var(--dur-3) var(--ease-out),visibility 0s var(--dur-3)}}@media (prefers-reduced-motion:reduce){.tabs--horizontal.tabs--playing.tabs--in-view .tabs__tab[aria-selected=true] .tabs__indicator{animation:none;transform:none}}