.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: 0rem}.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:color var(--duration-default);background:none;border:none!important;white-space:unset;height:auto;margin:0}.tabs__tab span{color:var(--color-tab-normal, rgb(var(--color-foreground)))}.tabs__tab[aria-selected=true] span{color:var(--color-tab-active, rgb(var(--color-foreground)))}@media(hover:hover){.tabs__tab:hover 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[aria-selected=true]:before{width:100%;inset-inline:0 auto}@media(hover:hover){.tabs__nav-design-1 .tabs__tab:hover: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:color var(--duration-default);line-height:calc(1 + .3125/max(1,var(--font-heading-scale)))}.tabs__nav-design-3{--tabs-nav-3-pill-bg: var(--color-background);--tabs-nav-3-pill-border: rgba(var(--color-text-heading), .1);--tabs-nav-3-tab-color: var(--color-subheading);--tabs-nav-3-tab-hover-color: var(--color-text-heading);--tabs-nav-3-tab-active-bg: var(--color-button);--tabs-nav-3-tab-active-color: var(--color-button-text);--tabs-nav-3-link-color: var(--color-text-heading);--tabs-nav-3-link-border-color: var(--color-text-heading)}.tabs__nav-design-3 .tabs__header--horizontal.tabs__header--design-3{align-items:flex-end;gap:1.6rem}.tabs__nav-design-3 .tabs__nav-actions{display:flex;align-items:center;gap:1.8rem;flex-shrink:0}.tabs__nav-design-3 .tabs__nav-wrap{overflow:visible}.tabs__nav-design-3 .tabs__nav{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem;background-color:rgb(var(--tabs-nav-3-pill-bg));border:1px solid var(--tabs-nav-3-pill-border);border-radius:999px;grid-auto-flow:unset;grid-auto-columns:unset;overflow:visible}.tabs__nav-design-3 .tabs__tab{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:0;font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;padding:.85rem 1.8rem;border:none;border-radius:999px;background:transparent;box-shadow:none;transition:background-color var(--duration-default),color var(--duration-default)}.tabs__nav-design-3 .tabs__tab span{color:rgb(var(--tabs-nav-3-tab-color));font-weight:500;transition:color var(--duration-default)}.tabs__nav-design-3 .tabs__tab[aria-selected=true]{background-color:rgb(var(--tabs-nav-3-tab-active-bg))}.tabs__nav-design-3 .tabs__tab[aria-selected=true] span{color:rgb(var(--tabs-nav-3-tab-active-color))}@media(hover:hover){.tabs__nav-design-3 .tabs__tab:hover:not([aria-selected=true]) span{color:rgb(var(--tabs-nav-3-tab-hover-color))}}.tabs__nav-design-3 .product-tabs__view-all .btn{padding:0!important;min-height:0;height:auto;gap:.6rem;border:none;color:rgb(var(--tabs-nav-3-link-color));border-bottom:1px solid rgb(var(--tabs-nav-3-link-border-color));border-radius:0}.tabs__nav-design-3 .product-tabs__view-all .btn:before,.tabs__nav-design-3 .product-tabs__view-all .btn:after{display:none}.tabs__nav-design-3 .product-tabs__view-all{flex-shrink:0}.tabs__nav-design-3 .product-tabs__view-all .btn span{font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}.tabs__nav-design-3 .product-tabs__view-all .product-tabs__button-arrow{margin-inline-start:0;color:rgb(var(--tabs-nav-3-link-color))}.tabs__nav-design-3 .product-tabs__view-all .product-tabs__button-arrow svg{width:1.4rem;height:1.4rem}.product-tabs__button-arrow{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.8rem}.product-tabs__button-arrow svg{display:block;width:1.4rem;height:1.4rem}.section--product-tabs .section__header--vertical{--header-padding-bottom: 2.4rem}.section--product-tabs .section__heading.custom{font-size:var(--product-tabs-heading-size-mobile);line-height:1.4;font-weight:500;letter-spacing:-1px}@media(min-width:768px){.section--product-tabs .section__heading.custom{font-size:var(--product-tabs-heading-size-desktop);line-height:1.1}}@media(max-width:767.98px){.tabs__header{margin-bottom:var(--header-padding-bottom-mobile)}.tabs__nav-wrap{justify-content:center;min-width:100%;max-width:calc(100% + 3rem);margin-inline:-1.5rem}.tabs__nav{gap:0 var(--tab-spacing-mobile);padding-inline:1.5rem}.tabs__nav-design-3 .tabs__header--design-3{align-items:center;gap:1.6rem}.tabs__nav-design-3 .tabs__nav-actions{flex-direction:column;align-items:center;width:100%}.tabs__nav-design-3 .tabs__nav-wrap{justify-content:center;min-width:100%;max-width:100%;margin-inline:0}.tabs__nav-design-3 .tabs__nav{width:100%;display:flex;padding:.5rem;padding-inline:.5rem}.tabs__nav-design-3 .tabs__tab{flex:1 1 0;justify-content:center;text-align:center;padding:.8rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-tabs.css.map */