.collection-circle-nav{width:100%;margin-bottom:2.8rem}.collection-circle-nav__scroller{display:flex;align-items:flex-start;justify-content:center;gap:clamp(1.4rem,2.5vw,2.8rem);margin:0;padding:.4rem 1.5rem .8rem;list-style:none}.collection-circle-nav__item{flex:0 0 auto;width:10.4rem}.collection-circle-nav__link{display:flex;flex-direction:column;align-items:center;gap:1rem;color:rgb(var(--color-foreground));text-align:center;text-decoration:none}.collection-circle-nav__media{display:block;width:10.4rem;height:10.4rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgba(var(--color-foreground),.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.collection-circle-nav__image,.collection-circle-nav__placeholder{display:block;width:100%;height:100%;object-fit:cover}.collection-circle-nav__label{display:inline-block;padding-bottom:.45rem;border-bottom:.1rem solid transparent;font-size:1.2rem;font-weight:500;line-height:1.25;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.collection-circle-nav__link:hover .collection-circle-nav__media{border-color:rgba(var(--color-foreground),.42);box-shadow:0 .4rem 1.2rem #0000001a;transform:translateY(-.2rem)}.collection-circle-nav__link:hover .collection-circle-nav__label,.collection-circle-nav__link[aria-current=page] .collection-circle-nav__label{border-bottom-color:currentColor}.collection-circle-nav__link[aria-current=page] .collection-circle-nav__media{border-color:currentColor;box-shadow:0 0 0 .1rem currentColor}.collection-circle-nav__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem;border-radius:.4rem}@media screen and (max-width:749px){.collection-circle-nav{margin-bottom:2rem}.collection-circle-nav__scroller{justify-content:flex-start;gap:1.4rem;overflow-x:auto;padding:.4rem 1.5rem 1rem;scroll-padding-inline:1.5rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-circle-nav__scroller::-webkit-scrollbar{display:none}.collection-circle-nav__item{width:8rem;scroll-snap-align:start}.collection-circle-nav__media{width:8rem;height:8rem}.collection-circle-nav__link{gap:.8rem}.collection-circle-nav__label{font-size:1rem;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection-circle-navigation.css.map */