.tabs{display:block;scroll-margin-block-start:calc(var(--header-height, 4rem) + var(--space-5))}.tabs__list{display:flex;flex-wrap:nowrap;gap:var(--space-5);margin-block-end:var(--space-6);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border-block-end:var(--border-width) solid var(--color-border)}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:2.75rem;margin:0;padding:var(--space-3) var(--space-1);border:0;background:none;color:var(--color-text-muted);font-family:var(--font-body-family);font-size:var(--font-size-small);font-weight:var(--font-body-weight-bold);line-height:1.3;white-space:nowrap;text-align:start;cursor:pointer;scroll-snap-align:start;transition:color var(--duration-fast) var(--ease-out)}.tabs__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:calc(-1 * var(--border-width));block-size:2px;background-color:var(--color-text);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-base) var(--ease-out)}.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--color-text)}.tabs__tab[aria-selected=true]:after{transform:scaleX(1)}.tabs__tab:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px;border-radius:var(--radius-small)}.tabs__tab .icon{flex:none}.tabs__panel{min-inline-size:0}.tabs__panel:focus-visible{outline:2px solid var(--color-text);outline-offset:6px;border-radius:var(--radius-small)}.tabs__panel-heading{display:none}tab-group:not(:defined) .tabs__list{display:none}tab-group:not(:defined) .tabs__panel,tab-group:not(:defined) .tabs__panel[hidden]{display:block!important}tab-group:not(:defined) .tabs__panel+.tabs__panel{margin-block-start:var(--space-7);padding-block-start:var(--space-7);border-block-start:var(--border-width) solid var(--color-border)}tab-group:not(:defined) .tabs__panel-heading{display:block;margin:0 0 var(--space-4);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-h4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}@media screen and (min-width:990px){tab-group:defined.tabs[data-orientation=vertical]{display:grid;grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);column-gap:var(--space-8);align-items:start}tab-group:defined[data-orientation=vertical] .tabs__list{position:sticky;inset-block-start:calc(var(--header-height, 4rem) + var(--space-5));flex-direction:column;gap:0;grid-row:1;max-block-size:calc(100vh - var(--header-height, 4rem) - var(--space-7));margin-block-end:0;overflow-x:hidden;overflow-y:auto;border-block-end:0}tab-group:defined[data-orientation=vertical] .tabs__tab{justify-content:flex-start;padding-block:var(--space-3);padding-inline:var(--space-5) 0;border-inline-start:var(--border-width) solid var(--color-border);white-space:normal;font-size:var(--font-size-body);font-weight:var(--font-body-weight)}tab-group:defined[data-orientation=vertical] .tabs__tab[aria-selected=true]{font-weight:var(--font-body-weight-bold)}tab-group:defined[data-orientation=vertical] .tabs__tab:after{inset-block:var(--space-2);inset-inline:calc(-1 * var(--border-width)) auto;inline-size:2px;block-size:auto;transform:scaleY(0)}tab-group:defined[data-orientation=vertical] .tabs__tab[aria-selected=true]:after{transform:scaleY(1)}tab-group:defined[data-orientation=vertical] .tabs__panel{grid-column:2;grid-row:1}}@media(prefers-reduced-motion:reduce){.tabs__tab,.tabs__tab:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-tabs.css.map */