.collection-circles--list{display:flex;align-items:flex-start;justify-content:safe center;gap:16px;list-style:none;margin:0;padding:4px 15px 12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:15px;scrollbar-width:none;-ms-overflow-style:none}.collection-circles--list::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.collection-circles--list{width:calc(100% + 30px);margin-left:-15px}}.collection-circles--item{flex:0 0 auto;scroll-snap-align:start;width:90px;width:calc((100cqi + 15px - 16px * var(--var-circle-gaps-mobile)) / var(--var-circles-visible-mobile))}@media only screen and (min-width:768px){.collection-circles--list{gap:32px;padding:4px 4px 12px;margin-inline:-4px;scroll-padding-inline:4px}.collection-circles--item{flex:0 1 var(--var-circle-size);width:auto;min-width:80px}}.collection-circles--link{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--color-body, #151515);text-decoration:none}.collection-circles--ring{display:block;width:100%;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--var-ring-background)}.collection-circles--ring-none{padding:0}.collection-circles--link:focus-visible{outline:2px solid var(--color-body, #151515);outline-offset:2px;border-radius:4px}.collection-circles--ring-inner{display:flex;width:100%;height:100%;border-radius:50%;padding:3px;background:var(--bg-body, #fff)}.collection-circles--ring-none .collection-circles--ring-inner{padding:0}.collection-circles--image{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:rgba(var(--color-body-rgb),.05)}.collection-circles--image img,.collection-circles--image .thb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.collection-circles--label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-meta, .75rem);line-height:1.3;text-transform:uppercase;letter-spacing:.02em;max-width:100%;overflow-wrap:break-word}@media only screen and (min-width:768px){.collection-circles--label{font-size:var(--text-small, .8125rem)}}.collection-circles{container-type:inline-size}.collection-circles--tile .collection-circles--ring,.collection-circles--tile .collection-circles--ring-inner,.collection-circles--tile .collection-circles--image{padding:0;border-radius:0;background:transparent}.collection-circles--tile .collection-circles--ring{aspect-ratio:3 / 4}.collection-circles--tile .collection-circles--image{background-color:rgba(var(--color-body-rgb),.05)}.collection-circles--tile .collection-circles--list{gap:4px}.collection-circles--tile .collection-circles--link{gap:8px}.collection-circles--tile .collection-circles--item{width:calc((100cqi + 15px - 4px * var(--var-circle-gaps-mobile)) / var(--var-circles-visible-mobile))}@media only screen and (min-width:768px){.collection-circles--tile .collection-circles--list{gap:8px}}.collection-circles--tile .collection-circles--label{font-weight:var(--font-body-bold-weight, 600);letter-spacing:.04em}@media only screen and (min-width:1068px){.collection-circles--tile .collection-circles--list{justify-content:flex-start;gap:2px}.collection-circles--tile .collection-circles--item{flex:0 0 143px;min-width:0}.collection-circles--tile .collection-circles--ring{aspect-ratio:2 / 3}.collection-circles--tile .collection-circles--label{font-size:var(--text-meta, .75rem);text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/collection-circles.css.map */