.collection-subcategories{width:100%}.collection-subcategories__heading{margin:0 0 1.2rem;text-align:left}.collection-subcategories__track{display:flex;align-items:flex-start;gap:1.2rem;padding-block:.6rem;margin-inline:-2rem;padding-inline:2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-subcategories__track::-webkit-scrollbar{display:none}.collection-subcategories__item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:64px;text-decoration:none;color:rgb(var(--color-foreground));scroll-snap-align:start;transition:opacity .2s ease}.collection-subcategories__item:hover .collection-subcategories__label{text-decoration:underline}.collection-subcategories__item--active .collection-subcategories__circle{box-shadow:inset 0 0 0 2px rgb(var(--color-foreground))}.collection-subcategories__circle{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.collection-subcategories__image,.collection-subcategories__circle img,.collection-subcategories__circle svg.placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.collection-subcategories__circle .placeholder-svg{fill:currentColor}.collection-subcategories__label{font-size:1.2rem;line-height:1.3;text-align:center;letter-spacing:.02em;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:750px){.collection-subcategories__item,.collection-subcategories__circle{width:88px;height:88px}.collection-subcategories__item{height:auto;gap:.8rem}.collection-subcategories__label{font-size:1.3rem}.collection-subcategories__track{gap:1.6rem}}@media screen and (min-width:1200px){.collection-subcategories__item,.collection-subcategories__circle{width:96px;height:96px}.collection-subcategories__item{height:auto;gap:1rem}.collection-subcategories__label{font-size:1.4rem}.collection-subcategories__track{gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-subcategories.css.map */