.collection-circle-nav{padding-block:var(--circle-nav-padding-top) var(--circle-nav-padding-bottom)}.collection-circle-nav__navigation{min-width:0}.collection-circle-nav__heading{margin:0 0 20px;color:var(--color-foreground);font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.35;overflow-wrap:anywhere}.collection-circle-nav__list{--circle-nav-size: var(--circle-nav-mobile-size);display:flex;gap:var(--circle-nav-mobile-gap);margin:0;padding:4px 4px 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground-rgb) / 25%) transparent}.collection-circle-nav__item{flex:0 0 calc(var(--circle-nav-size) + 10px);min-width:0;scroll-snap-align:start}.collection-circle-nav__link{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;color:var(--color-foreground);text-align:center;text-decoration:none;-webkit-tap-highlight-color:rgb(var(--color-foreground-rgb) / 8%)}.collection-circle-nav__ring{display:block;padding:4px;border:1px solid transparent;border-radius:50%;transition:border-color .22s ease}.collection-circle-nav__media{display:block;width:var(--circle-nav-size);height:var(--circle-nav-size);overflow:hidden;border-radius:50%;background:rgb(var(--color-foreground-rgb) / 4%)}.collection-circle-nav__image,.collection-circle-nav__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.22,1,.36,1)}.collection-circle-nav__placeholder{fill:rgb(var(--color-foreground-rgb) / 30%)}.collection-circle-nav__label{width:100%;font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere;text-underline-offset:4px;text-decoration-thickness:1px}.collection-circle-nav__link[aria-current=page] .collection-circle-nav__ring{border-color:currentColor}.collection-circle-nav__link[aria-current=page] .collection-circle-nav__label{text-decoration-line:underline}.collection-circle-nav__link:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}@media(hover:hover)and (prefers-reduced-motion:no-preference){a.collection-circle-nav__link:hover .collection-circle-nav__image{transform:scale(1.035)}}@media(hover:hover){a.collection-circle-nav__link:hover .collection-circle-nav__ring{border-color:currentColor}}@media screen and (min-width:750px){.collection-circle-nav__list{--circle-nav-size: var(--circle-nav-desktop-size);gap:var(--circle-nav-desktop-gap)}.collection-circle-nav__list--centered .collection-circle-nav__item:first-child{margin-inline-start:auto}.collection-circle-nav__list--centered .collection-circle-nav__item:last-child{margin-inline-end:auto}.collection-circle-nav__label{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.collection-circle-nav__ring,.collection-circle-nav__image,.collection-circle-nav__placeholder{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-circle-nav.css.map */