#product-tabs{scroll-margin-top:83px}@media (min-width: 768px){#product-tabs{scroll-margin-top:124px}}.tabs__header{--tab-spacing: 3.2rem;--tab-spacing-mobile: 3.2rem;margin-bottom:var(--header-padding-bottom);column-gap:1.6rem}.tabs__header--horizontal .section__header{--header-padding-bottom: 0;--header-padding-bottom-mobile: 1.2rem}.section__btn--mobile-top{margin-bottom:calc(var(--header-padding-bottom) / 2)}.tabs__nav-wrap{display:flex;position:relative;overflow:hidden;max-width:100%}.tabs__nav{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:flex-start;vertical-align:top;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;gap:0 var(--tab-spacing)}.tabs__nav::-webkit-scrollbar{display:none}.no-js .tabs__nav{display:none}.tabs__tab{position:relative;cursor:pointer;transition:all var(--duration-default);background:none!important;border:none!important;white-space:unset;height:auto;margin:0}.tabs__tab span{color:var(--color-tab-normal, rgb(var(--color-foreground)))}.tabs__tab:hover span,.tabs__tab[aria-selected=true] span{color:var(--color-tab-active, rgb(var(--color-foreground)))}.no-js .tabs__content{display:block}.tabs__select select{line-height:calc(5.8rem - var(--inputs-border-width) * 2);border-radius:2.9rem;background:none;box-shadow:none!important;color:rgb(var(--color-foreground));font-family:var(--font-button-family);font-weight:var(--font-button-weight);letter-spacing:var(--buttons-letter-spacing, 0);text-transform:var(--buttons-transform, var(--buttons-transform-default))}.tabs__nav-design-1 .tabs__tab{padding:0 0 .4rem;font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.tabs__nav-design-1 .tabs__tab:before{content:"";display:block;background:rgb(var(--color-foreground));width:0;height:1px;position:absolute;inset-inline:auto 0;bottom:0;transition:.25s width ease-in-out}.tabs__nav-design-1 .tabs__tab:hover:before,.tabs__nav-design-1 .tabs__tab[aria-selected=true]:before{width:100%;inset-inline:0 auto}.tabs__nav-design-2{--color-tab-normal: rgba(var(--color-foreground), .328)}.tabs__nav-design-2 .tabs__header{--tab-spacing: 4.8rem}.tabs__nav-design-2 .tabs__tab span{transition:all var(--duration-default);line-height:calc(1 + .3125/max(1,var(--font-heading-scale)))}.tabs__nav-design-3 .tabs__tab{padding:0 0 .4rem;font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.section--product-tabs .section__header--vertical{--header-padding-bottom: 2.4rem}@media (max-width: 767.98px){.tabs__header{margin-bottom:calc(var(--header-padding-bottom-mobile) / 2)}.tabs__nav-wrap{justify-content:center;min-width:100%;max-width:calc(100% + 3rem);margin-inline:-1.5rem;position:relative}tabs-nav-arrows .tabs__nav-wrap{max-width:100vw}tabs-nav-arrows .tabs__nav-wrap:before,tabs-nav-arrows .tabs__nav-wrap:after{content:"";position:absolute;top:0;bottom:0;width:3.5rem;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}tabs-nav-arrows .tabs__nav-wrap:before{left:3.5rem;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}tabs-nav-arrows .tabs__nav-wrap:after{right:3.5rem;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}tabs-nav-arrows .tabs__nav-wrap.fade-left:before,tabs-nav-arrows .tabs__nav-wrap.fade-right:after{opacity:1}.tabs__nav{gap:0 var(--tab-spacing-mobile);margin-inline:1.5rem}tabs-nav-arrows .tabs__nav-wrap .tabs__nav{margin-inline:3.5rem}.tabs__nav-arrow,.scroll-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:rgb(var(--color-foreground));opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:pointer;padding:0}.tabs__nav-arrow:not([hidden]),.scroll-nav-arrow:not([hidden]){opacity:1;pointer-events:auto}.tabs__nav-arrow--prev,.scroll-nav-arrow--prev{left:.5rem}.tabs__nav-arrow--prev svg,.scroll-nav-arrow--prev svg{transform:rotate(180deg)}.tabs__nav-arrow--next,.scroll-nav-arrow--next{right:.5rem}.tabs__nav-arrow svg,.scroll-nav-arrow svg{width:1.2rem;height:1.2rem}}@media (min-width: 768px){.tabs__nav-arrow,.scroll-nav-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-tabs.css.map */