.custom-tabs{display:block;margin-bottom:var(--tabs-spacing-bottom, 0px)}.custom-tabs>.custom-tabs__nav{display:flex;justify-content:flex-start;gap:var(--tabs-nav-gap);margin-bottom:var(--tabs-nav-spacing);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.custom-tabs>.custom-tabs__nav::-webkit-scrollbar{display:none}.custom-tabs--center>.custom-tabs__nav>.custom-tabs__tab:first-child,.custom-tabs--right>.custom-tabs__nav>.custom-tabs__tab:first-child{margin-left:auto}.custom-tabs--center>.custom-tabs__nav>.custom-tabs__tab:last-child{margin-right:auto}.custom-tabs:not(.js-ready)>.custom-tabs__nav{visibility:hidden;min-height:var(--tabs-nav-reserve)}.custom-tabs>.custom-tabs__nav>.custom-tabs__tab{-webkit-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;white-space:nowrap;font-family:var(--font-heading-family, inherit);font-size:var(--tabs-text-size);font-weight:600;line-height:1;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;color:var(--tabs-inactive-text)}.custom-tabs--regular>.custom-tabs__nav>.custom-tabs__tab{font-weight:400}.custom-tabs--uppercase>.custom-tabs__nav>.custom-tabs__tab{text-transform:uppercase;letter-spacing:.06em}.custom-tabs--style-pills>.custom-tabs__nav>.custom-tabs__tab{padding:var(--tabs-padding);background:var(--tabs-inactive-bg);border-radius:var(--tabs-radius)}.custom-tabs--bordered>.custom-tabs__nav>.custom-tabs__tab{border:var(--tabs-border)}.custom-tabs--style-underline>.custom-tabs__nav>.custom-tabs__tab{padding:.6em .2em;background:transparent;border-bottom:2px solid transparent;border-radius:0}.custom-tabs--style-minimal>.custom-tabs__nav>.custom-tabs__tab{padding:.4em .2em;background:transparent;opacity:.5}.custom-tabs--stretch>.custom-tabs__nav>.custom-tabs__tab{flex:1 1 0}.custom-tabs>.custom-tabs__nav>.custom-tabs__tab:hover{opacity:.8}.custom-tabs--style-pills>.custom-tabs__nav>.custom-tabs__tab.is-active{background:var(--tabs-active-bg);color:var(--tabs-active-text)}.custom-tabs--bordered>.custom-tabs__nav>.custom-tabs__tab.is-active{border-color:var(--tabs-active-bg)}.custom-tabs--style-underline>.custom-tabs__nav>.custom-tabs__tab.is-active{color:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-bg)}.custom-tabs--style-minimal>.custom-tabs__nav>.custom-tabs__tab.is-active{color:var(--tabs-active-bg);opacity:1}.custom-tabs>.custom-tabs__nav>.custom-tabs__tab.is-active:hover{opacity:1}.custom-tabs>.custom-tabs__nav>.custom-tabs__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:990px){.custom-tabs[data-nav-position=left]{display:grid;grid-template-columns:minmax(18rem,26rem) minmax(0,1fr);column-gap:var(--tabs-nav-spacing);align-items:start}.custom-tabs[data-nav-position=left]>.custom-tabs__nav{position:sticky;top:calc(var(--header-sticky-offset, 0px) + 2.4rem);flex-direction:column;align-items:stretch;justify-content:flex-start;margin-bottom:0;overflow:visible}.custom-tabs[data-nav-position=left]>.custom-tabs__nav>.custom-tabs__tab.custom-tabs__tab{margin:0}.custom-tabs[data-nav-position=left]>.custom-tabs__nav>.custom-tabs__tab{flex:0 0 auto;white-space:normal;text-align:left;line-height:1.3}.custom-tabs--style-underline[data-nav-position=left]>.custom-tabs__nav>.custom-tabs__tab{padding:.6em 1em;border-bottom:0;border-left:2px solid rgba(var(--color-foreground),.12)}.custom-tabs--style-underline[data-nav-position=left]>.custom-tabs__nav>.custom-tabs__tab.is-active{border-left-color:var(--tabs-active-bg)}}.custom-tabs:not(.js-ready)>.custom-tabs__panels>.custom-tab-panel:not(:first-of-type){display:none}.custom-tabs.js-ready>.custom-tabs__panels>.custom-tab-panel:not(.is-active){display:none}.custom-tabs.js-ready>.custom-tabs__panels>.custom-tab-panel.is-active{animation:customTabsReveal .3s ease}@keyframes customTabsReveal{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.custom-tabs.js-ready>.custom-tabs__panels>.custom-tab-panel.is-active{animation:none}}@media screen and (max-width:749px){.custom-tabs--hide-mobile{display:none}}.custom-tab-panel{min-width:0}@media screen and (max-width:749px){.custom-tab-panel.layout-flex--stack>.group{width:100%;max-width:100%}}@media screen and (min-width:750px){.custom-tabs.custom-tabs--hide-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-tabs.css.map */