tabs-component{display:block}tabs-component .tab-header{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;justify-content:space-between}tabs-component .tab-buttons{display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:flex-start;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}tabs-component .tab-buttons::-webkit-scrollbar{display:none}tabs-component .tab-actions{display:none}tabs-component [ref=tab-action]{text-decoration:none;padding:var(--padding-xs) 0;display:none;opacity:0;font-size:var(--font-size--sm);transition:opacity .2s ease-in-out,display .2s ease-in-out}tabs-component [ref=tab-action].active{display:block;opacity:1}tabs-component [ref=tab-button]{cursor:pointer;color:var(--input-disabled-text-color);transition:color var(--animation-speed) var(--animation-easing);font-size:var(--font-size--xl);line-height:var(--line-height--display-loose);text-wrap:nowrap;flex-shrink:0}tabs-component [ref=tab-button]:hover{color:var(--color-foreground)}tabs-component [ref=tab-button].active{color:var(--color-foreground)}tabs-component:has(>[ref=headers]):has(>[ref=actions])>[ref=headers]{padding-right:8rem}tabs-component:has(>[ref=headers]):has(>[ref=actions])>[ref=actions]{position:absolute;right:0;top:0;margin-bottom:0}tabs-component [ref=headers]>*{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500;color:inherit;border-bottom:2px solid transparent}tabs-component [ref=headers]>*:hover{opacity:.8}tabs-component [ref=headers]>*.active,tabs-component [ref=headers]>*[aria-selected=true]{border-bottom-color:currentColor;opacity:1}tabs-component [ref=headers]>*:focus{outline:2px solid currentColor;outline-offset:2px}tabs-component .tab-panels{position:relative}tabs-component:not([float-in]) .tab-panels>.tab-panel{display:block;width:100%}tabs-component .tab-panels>*[fly-in]{transition:transform var(--animation-speed-slow) var(--animation-slideshow-easing),opacity var(--animation-speed-slow) var(--animation-slideshow-easing);will-change:transform,opacity}tabs-component .tab-panels>*.fly-in-left{transform:translate(-100%);opacity:0}tabs-component .tab-panels>*.fly-in-right{transform:translate(100%);opacity:0}tabs-component .tab-panels>*.fly-in-active{transform:translate(0);opacity:1}tabs-component .tab-panels>*.fly-out-left,tabs-component .tab-panels>*.fly-out-right{transition:transform var(--animation-speed-slow) var(--animation-timing-fade-out),opacity var(--animation-speed-slow) var(--animation-timing-fade-out)}tabs-component .tab-panels>*.fly-out-left{transform:translate(-100%);opacity:0}tabs-component .tab-panels>*.fly-out-right{transform:translate(100%);opacity:0}tabs-component[float-in] .tab-panels{position:relative}tabs-component[float-in] .tab-panels>*{transition:transform var(--animation-speed-slow) var(--animation-timing-fade-out),opacity var(--animation-speed-slow) var(--animation-timing-fade-out);will-change:transform,opacity}@media(prefers-reduced-motion:reduce){tabs-component .tab-panels>*[fly-in],tabs-component .tab-panels>*[float-in],tabs-component .tab-panels>*.fly-out-left,tabs-component .tab-panels>*.fly-out-right{transition:none;transform:none}}@media(prefers-contrast:more){tabs-component [ref=headers]>*{border-bottom-width:3px}tabs-component [ref=headers]>*:focus{outline-width:3px}}@media(min-width:768px){tabs-component [ref=tab-button]{font-size:var(--font-size--2xl);line-height:var(--line-height--heading-tight)}tabs-component .tab-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/tabs.css.map */