.collection-tabs{background-color:rgb(var(--color-background));color:rgb(var(--color-text));display:block}.collection-tabs-header{margin-block-end:1.5rem}.collection-tabs-nav{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:safe center;gap:clamp(1rem,3vw,2rem);overflow-x:auto;padding-block-end:1.5rem;margin-block-end:1.5rem;border-bottom:1px dashed color-mix(in srgb,rgb(var(--color-text)) 12%,transparent);scrollbar-width:none}.collection-tabs-nav::-webkit-scrollbar{display:none}.collection-tabs-tab{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;color:color-mix(in srgb,rgb(var(--color-text)) 65%,transparent);font:inherit}.collection-tabs-tab-icon{border-radius:50%;border:1px solid color-mix(in srgb,rgb(var(--color-text)) 15%,transparent);transition:border-color .2s ease;object-fit:contain!important;object-position:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1 / 1;padding:clamp(4px,.5vw,6px);transition:all .2s ease;overflow:hidden}.collection-tabs-tab-icon img{width:100%;filter:brightness(0) saturate(100%) invert(15%) sepia(17%) saturate(2505%) hue-rotate(94deg) brightness(69%) contrast(81%)}.collection-tabs-tab-label{white-space:nowrap}.collection-tabs-tab.is-active{color:rgb(var(--color-accent))}.collection-tabs-tab.is-active .collection-tabs-tab-icon{border-color:rgb(var(--color-accent));border-width:2px}.collection-tabs-grid{display:grid;grid-template-columns:repeat(var(--mobile-columns),1fr);gap:1rem .75rem;list-style:none;padding:0;margin:0}@media screen and (min-width:750px){.collection-tabs-grid{grid-template-columns:repeat(var(--tablet-columns),1fr)}}@media screen and (min-width:990px){.collection-tabs-grid{grid-template-columns:repeat(var(--desktop-columns),1fr);gap:1.5rem}}.collection-tabs-item{list-style:none}.collection-tabs-panel[hidden]{display:none}.collection-tabs-view-all{display:flex;justify-content:center;margin-block-start:2rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/collection-tabs.css.map */
