.ccircles{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--cc-bg, #fff);padding:22px 0 18px;border-bottom:1px solid var(--nd-ground)}@media screen and (min-width:990px){.ccircles{padding:26px 0 22px}.ccircles__link,.ccircles__ring{width:calc(var(--cc-size, 84px) * 1.5)}.ccircles__ring{height:calc(var(--cc-size, 84px) * 1.5);padding:4px;border-width:2.5px}.ccircles__track{gap:clamp(26px,2.8vw,48px)}}.ccircles__track{display:flex;justify-content:safe center;gap:clamp(20px,2.4vw,40px);max-width:var(--page-width, 1600px);margin:0 auto;padding:0 clamp(16px,3vw,30px) 2px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline-start:clamp(16px,3vw,30px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.ccircles__track::-webkit-scrollbar{display:none}.ccircles__item{flex:0 0 auto;scroll-snap-align:start}.ccircles__link{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--cc-size, 76px);text-decoration:none;color:inherit}.ccircles__ring{display:block;width:var(--cc-size, 76px);height:var(--cc-size, 76px);padding:3px;border:2px solid transparent;border-radius:999px;box-sizing:border-box;transition:border-color .18s ease}.ccircles__link:hover .ccircles__ring{border-color:#0000002e}.ccircles__link.is-current .ccircles__ring{border-color:var(--cc-ring, var(--nd-signal))}.ccircles__link:focus-visible .ccircles__ring{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ccircles__disc{display:block;width:100%;height:100%;max-width:none;border-radius:999px;object-fit:cover;background-color:var(--nd-ground);border:1px solid rgba(0,0,0,.09);box-sizing:border-box}.ccircles__disc--empty{background-color:var(--nd-ground)}.ccircles__disc--all{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;overflow:hidden;background-color:var(--nd-ground)}.ccircles__tile{width:100%;height:100%;min-width:0;min-height:0;max-width:none;display:block;object-fit:cover;background-color:#fff}.ccircles__label{font-family:var(--nd-font);font-size:clamp(12.5px,.95vw,14px);font-weight:500;line-height:1.2;text-align:center;color:rgba(var(--color-foreground),.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccircles__link.is-current .ccircles__label{font-weight:700;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.ccircles{padding:14px 0 12px}.ccircles__track{gap:18px;padding-left:16px;padding-right:16px}.ccircles__link,.ccircles__ring{width:var(--cc-size, 84px)}.ccircles__ring{height:var(--cc-size, 84px);padding:3px}.ccircles__label{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.ccircles__ring{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/pdp-circles.css.map */