.tabs__header{display:flex;justify-content:space-between;gap:clamp(4rem,calc(64 / var(--vw-desktop) * 100vw),6.4rem);margin-bottom:var(--spacing-tabs);width:32rem;min-width:fit-content}.tabs__content{position:relative}x-tabs{position:relative}:is(x-tabs,carousel-tabs,.tabs).is-animating :is(x-tab,carousel-tab,.tab){pointer-events:none}.tab-content{width:100%}carousel-tabs .tab-content[aria-hidden=true]{position:absolute;bottom:0;opacity:0;pointer-events:none;max-width:100%;visibility:hidden}x-tabs .tab-content[aria-hidden=true]{display:none}x-tab,.tab{--color-foreground: var(--color-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--font-size-h6);letter-spacing:var(--letter-spacing-medium);line-height:1.5;padding:0 0 .4rem;text-align:center;text-transform:uppercase;word-break:normal;word-break:auto-phrase;min-height:2.8rem;transition:color .4s var(--ease-out-quad)}@media screen and (max-width: 499.9px){x-tab,.tab{flex-basis:100%}}x-tab:before,.tab:before{content:"";background-color:rgb(var(--color-foreground));position:absolute;bottom:0;left:0;height:.1rem;width:100%;pointer-events:none;opacity:0;transition:background-color .4s var(--ease-out-quad),opacity .4s var(--ease-out-quad)}carousel-tab:not(:hover),carousel-tab:not(:hover):before{transition-duration:.7s;transition-timing-function:var(--ease-in-out-cubic)}x-tab:after,.tab:after{content:"";position:absolute;top:0;left:0;height:calc(100% - .4rem);width:100%;box-shadow:0 0 0 1rem rgb(var(--color-background)),0 0 1.2rem 1.1rem rgba(var(--color-foreground),.1);outline:.1rem solid rgb(var(--color-border-dark));outline-offset:1rem;pointer-events:none;opacity:0;z-index:-1;transition:opacity .4s var(--ease-out-quad),height .4s var(--ease-out-quad)}x-tab[aria-selected=true]:after,.tab[aria-selected=true]:after{height:100%}x-tab:focus,x-tab:focus-visible,.tab:focus,.tab:focus-visible{box-shadow:none;outline:none}x-tab:focus-visible:after,.tab:focus-visible:after{opacity:1}x-tab:focus:not(:focus-visible):not(.focused),.tab:focus:not(:focus-visible):not(.focused){box-shadow:inherit}x-tab:hover,x-tab:focus,.tab:hover,.tab:focus{--color-foreground: var(--color-primary)}x-tab[aria-selected=true],.tab[aria-selected=true]{--color-foreground: var(--color-active);pointer-events:none}x-tab[aria-selected=true]:before,x-tab:hover:before,.tab[aria-selected=true]:before,.tab:hover:before{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/967/assets/component-tabs.css.map */