.ch-circles__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ch-circles__viewport::-webkit-scrollbar{display:none}.ch .ch-circles__list{display:flex;flex-wrap:nowrap;gap:var(--gap-m, 14px);list-style:none;margin:0;padding:2px var(--ch-gutter) 4px;width:max-content;min-width:100%}.ch-circles__item{flex:none;width:var(--circle-m, 84px);scroll-snap-align:start;scroll-margin-left:var(--ch-gutter)}@media(min-width:880px){.ch-circles__viewport{overflow:visible;scroll-snap-type:none}.ch .ch-circles__list{flex-wrap:wrap;gap:22px var(--gap-d, 28px);width:100%;min-width:0;max-width:var(--ch-page-width);margin:0 auto;padding:2px var(--ch-gutter) 4px}.ch-circles--center .ch-circles__list{justify-content:center}.ch-circles__item{width:var(--circle-d, 132px)}}.ch .ch-circle{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ch-ink);text-align:center}.ch-circle__disc{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:var(--tint, #eae8e3) var(--ch-stripes);border:1px solid var(--ch-tile-border);box-shadow:0 0 0 0 transparent;transition:box-shadow .25s var(--ch-ease),border-color .25s ease}.ch-circle__disc picture,.ch-circle__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ch-circle__img{object-fit:cover;display:block;transform:scale(1);transition:transform .6s var(--ch-ease)}.ch-circle__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--ch-font-heading);font-size:calc(var(--circle-m, 84px) * .34);font-weight:600;letter-spacing:-.03em;color:#0a0a0a47}@media(min-width:880px){.ch-circle__ph{font-size:calc(var(--circle-d, 132px) * .34)}}@media(hover:hover){.ch .ch-circle:hover .ch-circle__disc{border-color:transparent;box-shadow:0 0 0 2px var(--ch-bg, #fff),0 0 0 3.5px var(--ch-ink)}.ch .ch-circle:hover .ch-circle__img{transform:scale(1.06)}.ch .ch-circle:hover .ch-circle__name{color:var(--ch-accent)}}.ch .ch-circle:focus-visible{outline:none}.ch .ch-circle:focus-visible .ch-circle__disc{box-shadow:0 0 0 2px var(--ch-bg, #fff),0 0 0 3.5px var(--ch-accent)}.ch-circle__label{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.ch-circle__name{font-size:var(--label-m, 12px);font-weight:600;letter-spacing:-.01em;line-height:1.25;transition:color .15s ease;overflow-wrap:anywhere}.ch-circle__count{font-size:11px;color:var(--ch-muted)}@media(min-width:880px){.ch-circle__name{font-size:var(--label-d, 13px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ch-circles.css.map */