.collection-tabs__header{text-align:var(--heading-alignment)}.collection-tabs__tabs{display:flex;align-items:end;justify-content:var(--tab-aligment);position:relative;margin-bottom:16px;overflow-x:scroll;align-items:stretch;max-width:var(--tab-separator)}.collection-tabs__separator:after{content:"";position:absolute;bottom:0;border-bottom:.1rem solid rgba(var(--color-button),1);overflow:hidden;width:var(--tab-separator);max-width:var(--tab-separator)}.collection-tabs__tabs-wrapper{width:100%}.tab-padding.collection-tabs__separator:after{max-width:var(--tab-separator)}.collection-tabs__tabs::-webkit-scrollbar{width:0}.collection-tabs__tabs{gap:3.2rem}.collection-tabs__tab{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;cursor:pointer;font-family:var(--font-body-family);font-weight:600;font-size:1.6rem;line-height:2.4rem;letter-spacing:0;color:rgb(var(--roc-color-text-tertiary));transition:color .2s ease;display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;white-space:nowrap;min-width:unset}.collection-tabs__tab:hover{color:rgb(var(--color-foreground))}.collection-tabs__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.collection-tabs__tab--active{color:rgb(var(--color-foreground))}.collection-tabs__tab-label{display:inline-block;position:relative;padding-bottom:.4rem}.collection-tabs__tab--active .collection-tabs__tab-label:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.1rem;background-color:rgb(var(--roc-color-navy))}.collection-tabs__tabs.full-tabs .collection-tabs__tab{flex:1}.collection-tabs__tabs.tab--left{margin-left:0;margin-right:auto;padding-right:var(--page-padding-x, 5rem)}.collection-tabs__tabs.tab--center{margin-left:auto;margin-right:auto;padding:0 calc(var(--page-padding-x, 5rem) / 2)}.collection-tabs__tabs.tab--right{margin-left:auto;margin-right:0;padding-left:var(--page-padding-x, 5rem)}.tab{display:none;text-align:var(--content-alignment)}@media only screen and (min-width:550px){.tab{column-count:var(--text-columns);column-gap:24px}}.tab *:first-child{margin-top:0}.tab.active{display:block}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-collection-tabs.css.map */
