tab-group{display:flex;flex-direction:column;gap:var(--space-6)}.tabs{display:flex;flex-wrap:wrap;gap:var(--tab-gap, 8px)}.tabs--align-left{justify-content:flex-start}.tabs--align-center{justify-content:center}.tabs--align-right{justify-content:flex-end}.tabs__tab{flex-shrink:0;padding:var(--space-3) 0 var(--space-1);border:none;background:none;color:var(--color-foreground-muted);font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:500;letter-spacing:var(--letter-spacing-button);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.tabs__tab:hover,.tabs__tab.is-active{color:var(--color-foreground)}.tabs--underline{gap:calc(var(--tab-gap, 8px) + var(--space-4))}.tabs--underline .tabs__tab{position:relative}.tabs--underline .tabs__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-base) var(--ease-out-expo)}.tabs--underline .tabs__tab.is-active:after,.tabs--underline .tabs__tab:hover:after{transform:scaleX(1)}.tabs--pills .tabs__tab{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background-color:var(--color-surface-hover)}.tabs--pills .tabs__tab.is-active{background-color:var(--color-foreground);color:var(--color-background)}.tabs--buttons .tabs__tab{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-base)}.tabs--buttons .tabs__tab.is-active{border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}@media screen and (max-width:749px){.tabs--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-padding-inline:var(--space-4)}.tabs--scroll::-webkit-scrollbar{display:none}.tabs--scroll.tabs--align-center,.tabs--scroll.tabs--align-right{justify-content:flex-start}}.tab-panel[hidden]{display:none}.tab-panel.is-entering{animation:tab-panel-in var(--duration-base) var(--ease-out-expo)}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tab-panel.is-entering{animation:none}.tabs--underline .tabs__tab:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-tabs.css.map */