.product-tabs .tabs-nav__item.btn--selected{cursor:auto}.product-tabs .tab-active-style--outline{--color-primary-button-background: var(--color-outline-button-text);--color-primary-button-hover-background: var(--color-outline-button-text);--color-primary-button-text: var(--color-outline-button-text);--color-outline-button-hover-text: var(--color-outline-button-text)}.product-tabs .tab-active-style--outline .tabs-nav__item{background-color:transparent;transition:color var(--animation-speed-slower) var(--animation-easing),border-color var(--animation-speed-slower) var(--animation-easing)}@media(hover:hover)and (pointer:fine){.product-tabs .tab-active-style--outline .tabs-nav__item:hover{background-color:transparent}}.product-tabs .tab-style--underline .btn,.product-tabs .tab-style--border .btn{border:none;border-radius:0;min-height:auto;background-color:transparent;color:var(--color-subtle-button-text);width:fit-content}.product-tabs .tab-style--underline .btn .tabs-nav__item-label,.product-tabs .tab-style--border .btn .tabs-nav__item-label{transition:opacity var(--animation-speed-slower) var(--animation-easing);opacity:.5}.product-tabs .tab-style--underline .btn.btn--selected .tabs-nav__item-label,.product-tabs .tab-style--border .btn.btn--selected .tabs-nav__item-label{opacity:1}@media(hover:hover)and (pointer:fine){.product-tabs .tab-style--underline .btn:hover .tabs-nav__item-label,.product-tabs .tab-style--border .btn:hover .tabs-nav__item-label{opacity:1}}.product-tabs .tab-style--underline .btn{padding-block:.2rem;padding-inline:0;--button-text-width-hover: 100%}.product-tabs .tab-style--underline .btn:after{content:"";width:0;height:1px;background:currentColor;position:absolute;inset-inline-end:0;bottom:0;transition:width var(--animation-speed-slow) var(--animation-easing)}.product-tabs .tab-style--underline .btn.btn--selected:after{width:var(--button-text-width-hover);inset-inline-start:0;inset-inline-end:auto}.product-tabs .tab-style--border .tabs-nav__item-image{position:relative;border:1px solid transparent;transition:border-color var(--animation-speed-slower) var(--animation-easing)}.product-tabs .tab-style--border .tabs-nav__item-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:calc(var(--button-radius) * .6);transition:border-color var(--animation-speed-slower) var(--animation-easing);z-index:2}.product-tabs .tab-style--border .btn{padding:0}.product-tabs .tab-style--border .btn.btn--selected .tabs-nav__item-image{border-color:var(--color-heading)}.product-tabs .tab-style--border .btn.btn--selected .tabs-nav__item-image:before{border-color:var(--color-background)}.product-tabs .tabs-nav__item:has(.tabs-nav__item-color){padding-inline-start:.8rem;padding-block:.8rem}.product-tabs .tabs-nav__item:has(.tabs-nav__item-image){padding-inline-start:.6rem;padding-block:.6rem}.product-tabs .tabs-nav__item-color{--item-border-color: rgb(var(--color-foreground-rgb) / var(--item-border-opacity, 5%));background-color:var(--item-color);width:var(--color-width);aspect-ratio:var(--ratio);border-radius:calc(var(--button-radius) * .6);overflow:hidden}@media only screen and (max-width:767px){.product-tabs .tabs-nav__item-color{width:var(--color-width-mobile, var(--color-width))}}.product-tabs .tabs-nav__item-color--white{--item-border-opacity: 15%}.product-tabs .tabs-nav-item--vertical{align-items:start}.product-tabs .tabs-nav-item--vertical .tabs-nav__item{display:flex;flex-direction:column;border:none;padding:0;max-width:12rem}.product-tabs .tabs-nav-item--vertical .tabs-nav__item .tabs-nav__item-color{position:relative;transition:border-color var(--animation-speed-slower) var(--animation-easing)}.product-tabs .tabs-nav-item--vertical .tabs-nav__item .tabs-nav__item-color:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:calc(var(--button-radius) * .6);transition:border var(--animation-speed-slower) var(--animation-easing);z-index:2}.product-tabs .tabs-nav-item--vertical .tabs-nav__item.btn--selected .tabs-nav__item-color{border-color:var(--color-outline-button-text)}.product-tabs .tabs-nav-item--vertical .tabs-nav__item.btn--selected .tabs-nav__item-color:before{border-color:var(--color-background)}.product-tabs--vertical{--tabs-header-gap: 4rem;display:grid}.product-tabs--vertical .tabs-header{display:contents}.product-tabs--vertical .product-tabs-content{min-width:0}.product-tabs--started{display:flex;flex-direction:column}.product-tabs--started .tabs-header>.header-block{order:1}.product-tabs--started .product-tabs-actions{order:2;justify-content:space-between;gap:var(--tabs-header-gap)}.product-tabs--started .product-tabs-content{order:3}.product-tabs--ended{grid-template-columns:1fr fit-content(70%)}.product-tabs--ended .tabs-header>.header-block{grid-column:1}.product-tabs--ended .product-tabs-actions{display:contents}.product-tabs--ended .product-tabs-actions .product-tabs__nav{grid-column:2;justify-self:end;align-self:end}.product-tabs--ended .product-tabs-actions .button-block{grid-column:1/-1;justify-self:center;order:1}.product-tabs--ended .product-tabs-content{grid-column:1/-1}.product-tabs--centered{--flex-align: center;display:flex;flex-direction:column}.product-tabs--centered .tabs-header{display:contents}.product-tabs--centered .tabs-header>.header-block{order:1}.product-tabs--centered .product-tabs-actions{display:contents}.product-tabs--centered .product-tabs-actions .product-tabs__nav{order:2}.product-tabs--centered .product-tabs-actions .button-block{order:4}.product-tabs--centered .product-tabs-content{order:3}.product-tabs--centered .tabs-header>.header-block{align-self:center;text-align:center;align-items:center}.product-tabs--centered .product-tabs-actions .product-tabs__nav,.product-tabs--centered .product-tabs-actions .button-block{align-self:center}.product-tabs--horizontal{--tabs-header-gap: 4rem;display:grid;grid-template-columns:minmax(310px,1fr) minmax(0,74%);grid-template-areas:"header list"}.product-tabs--horizontal .tabs-header{grid-area:header;display:flex;flex-direction:column;gap:var(--tabs-header-gap);position:sticky;top:calc(var(--header-sticky-content, 0px) + var(--sticky-offset-spacing, 2rem));max-height:calc(100svh - var(--header-sticky-height, 0px) - var(--sticky-offset-spacing, 2rem) * 2 - 7rem);transition:var(--header-sticky-content-transition, top .3s)}.product-tabs--horizontal:has(.product-card-list--grid) .tabs-header{align-self:start;max-height:none}@media(min-width:1025px){.product-tabs--horizontal .tabs-nav--vertical{display:flex;flex-direction:column}}.product-tabs--horizontal .product-tabs-actions{display:flex;align-items:start;flex-direction:column;flex:1;justify-content:space-between;gap:calc(var(--tabs-header-gap) * 2)}.product-tabs--horizontal .product-tabs-content{grid-area:list;min-width:0}.product-tabs--horizontal:has(.product-card-list--carousel .swiper-component--overflow) .product-tabs-content{clip-path:inset(-100vh -100vw -100vh 0)}.product-tabs--horizontal:has(.product-card-list--carousel .swiper-component--overflow) .product-tabs-content:has(.product-card--card){clip-path:inset(-100vh -100vw -100vh -5px)}.product-tabs--horizontal:has(.product-card-list--carousel .swiper-component--overflow:not(.swiper-component--nav-inside)) .product-tabs-content{clip-path:inset(-100vh -100vw -100vh -25px)}@media(min-width:768px)and (max-width:1024px){.product-tabs--started,.product-tabs--ended{display:flex;flex-direction:column}.product-tabs--started .tabs-header,.product-tabs--ended .tabs-header{display:contents}.product-tabs--started .tabs-header>.header-block,.product-tabs--ended .tabs-header>.header-block{order:1}.product-tabs--started .product-tabs-actions,.product-tabs--ended .product-tabs-actions{display:contents}.product-tabs--started .product-tabs-actions .product-tabs__nav,.product-tabs--ended .product-tabs-actions .product-tabs__nav{order:2}.product-tabs--started .product-tabs-actions .button-block,.product-tabs--ended .product-tabs-actions .button-block{order:4}.product-tabs--started .product-tabs-content,.product-tabs--ended .product-tabs-content{order:3}.product-tabs--started .product-tabs-actions .product-tabs__nav,.product-tabs--ended .product-tabs-actions .product-tabs__nav{align-self:start}.product-tabs--started .product-tabs-actions .button-block,.product-tabs--ended .product-tabs-actions .button-block{align-self:center}}@media(max-width:1024px){.product-tabs--horizontal{display:flex;flex-direction:column}.product-tabs--horizontal .tabs-header{display:contents}.product-tabs--horizontal .tabs-header>.header-block{order:1}.product-tabs--horizontal .product-tabs-actions{display:contents}.product-tabs--horizontal .product-tabs-actions .product-tabs__nav{order:2}.product-tabs--horizontal .product-tabs-actions .button-block{order:4}.product-tabs--horizontal .product-tabs-content{order:3}.product-tabs--horizontal .tabs-header>.header-block{align-self:start;text-align:start}.product-tabs--horizontal .product-tabs-actions .product-tabs__nav{align-self:start}.product-tabs--horizontal .product-tabs-actions .button-block{align-self:center}.product-tabs--horizontal .product-tabs-actions .button-block:not(.button-full) .btn{width:auto}}@media(max-width:767px){.product-tabs--vertical{display:flex;flex-direction:column}.product-tabs--vertical .tabs-header{display:contents}.product-tabs--vertical .tabs-header>.header-block{order:1}.product-tabs--vertical .product-tabs-actions{display:contents}.product-tabs--vertical .product-tabs-actions .product-tabs__nav{order:2}.product-tabs--vertical .product-tabs-actions .button-block{order:4}.product-tabs--vertical .product-tabs-content{order:3}.product-tabs--vertical .tabs-header>.header-block{align-self:start;text-align:start}.product-tabs--vertical .product-tabs-actions .product-tabs__nav{align-self:start}.product-tabs--vertical .product-tabs-actions .button-block{align-self:center}.product-tabs--vertical .product-tabs-actions .button-block:not(.button-full) .btn{width:auto}.product-tabs-mobile--center .tabs-header>.header-block{align-self:center;text-align:center;align-items:center}.product-tabs-mobile--center .product-tabs-actions .product-tabs__nav{align-self:center}.product-tabs-mobile--end .tabs-header>.header-block{align-self:end;text-align:end;align-items:end}.product-tabs-mobile--end .product-tabs-actions .product-tabs__nav{align-self:end}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-tabs.css.map */