.section-collection-circles{position:relative;width:100%}.collection-circles-slider{position:relative;display:block;width:100%}.collection-circles-track{display:flex;flex-flow:row nowrap;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:8px 4px 16px;margin:-8px -4px;list-style:none;scrollbar-width:none;-ms-overflow-style:none}.collection-circles-track::-webkit-scrollbar{display:none}.collection-circle-item{display:flex;justify-content:center;flex-shrink:0;scroll-snap-align:start}@media(min-width:990px){.collection-circles-track{gap:var(--circles-gap-desktop, 2.4rem)}.collection-circles-track .collection-circle-item{width:calc((100% - (var(--circles-columns, 6) - 1) * var(--circles-gap-desktop, 2.4rem)) / var(--circles-columns, 6));min-width:calc((100% - (var(--circles-columns, 6) - 1) * var(--circles-gap-desktop, 2.4rem)) / var(--circles-columns, 6));max-width:230px}}@media(min-width:750px)and (max-width:989px){.collection-circles-track{gap:1.8rem}.collection-circles-track .collection-circle-item{width:calc((100% - 2 * 1.8rem) / 3.4);min-width:160px;max-width:190px}}@media(max-width:749px){.collection-circles-track{gap:1.4rem;padding-left:2px;padding-right:2px}.collection-circles-track .collection-circle-item{width:140px;min-width:140px;max-width:160px}}@media(max-width:989px){.collection-circles-slider--stack-mobile .collection-circles-track{flex-wrap:wrap;overflow:visible;justify-content:center}.collection-circles-slider--stack-mobile .collection-circles-arrow,.collection-circles-slider--stack-mobile .collection-circles-dots{display:none!important}}.collection-circles-arrow{position:absolute;top:var(--circle-center-y, 40%);transform:translateY(-50%) scale(1);z-index:10;width:44px;height:44px;border-radius:50%;background-color:var(--circles-arrow-bg, #ffffff);color:var(--circles-arrow-color, #121212);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 14px #00000024;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;opacity:1;visibility:visible;transition:opacity .25s cubic-bezier(.25,1,.5,1),visibility .25s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1),box-shadow .2s ease,background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.collection-circles-arrow:hover{background-color:var(--circles-arrow-bg, #ffffff);color:var(--circles-arrow-color, #000000);box-shadow:0 6px 20px #00000038;transform:translateY(-50%) scale(1.08)}.collection-circles-arrow:active{transform:translateY(-50%) scale(.95)}.collection-circles-arrow svg{display:block;width:18px;height:18px;transition:transform .2s ease}.collection-circles-arrow--prev{left:-14px}.collection-circles-arrow--next{right:-14px}.collection-circles-arrow.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-50%) scale(.75)!important}@media(max-width:749px){.collection-circles-arrow{width:38px;height:38px}.collection-circles-arrow svg{width:16px;height:16px}.collection-circles-arrow--prev{left:-6px}.collection-circles-arrow--next{right:-6px}}[dir=rtl] .collection-circles-arrow--prev svg,[dir=rtl] .collection-circles-arrow--next svg{transform:rotate(180deg)}.collection-circles-dots{display:none;align-items:center;justify-content:center;gap:.7rem;margin-top:1.5rem;padding:.5rem 0;width:100%;list-style:none}@media(max-width:989px){.collection-circles-dots{display:flex}.collection-circles-dots.is-hidden{display:none!important}}.collection-circles-slider--dots-desktop .collection-circles-dots{display:flex}.collection-circles-slider--dots-desktop .collection-circles-dots.is-hidden{display:none!important}.collection-circles-dot{width:9px;height:9px;border-radius:999px;border:none;padding:0;background-color:var(--circles-dot-color, #d0d7de);cursor:pointer;transition:width .3s cubic-bezier(.25,1,.5,1),background-color .25s ease,opacity .25s ease;-webkit-tap-highlight-color:transparent;outline:none}.collection-circles-dot:hover{opacity:.8}.collection-circles-dot.is-active{width:26px;background-color:var(--circles-dot-active-color, #0a7a3b);opacity:1}.collection-circle-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%;max-width:220px;margin:0 auto;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.collection-circle-wrap{position:relative;width:100%;border:.5px solid var(--color-error-background)!important;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--circle-bg-color, #f1f5f3);background-image:var(--circle-bg-gradient, none);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 14px #0000000d}.collection-circle-wrap--no-shadow{box-shadow:none}.collection-circle-card:hover .collection-circle-wrap{transition:transform .35s cubic-bezier(.25,1,.5,1)}.collection-circle-media{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--circle-img-padding, 10%)}.collection-circle-media--cover{padding:0}.collection-circle-media--cover img{width:100%;height:100%;object-fit:cover}.collection-circle-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.08));transition:transform .35s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.collection-circle-card:hover .collection-circle-img{transform:scale(1.07)}.collection-circle-placeholder{width:55%;height:55%;opacity:.85;filter:brightness(0) invert(1)}.collection-circle-badge{position:absolute;top:4%;left:4%;z-index:3;padding:.3rem .65rem;font-size:.72rem;font-weight:700;line-height:1.15;letter-spacing:.01em;border-radius:6px;box-shadow:0 3px 8px #00000029;pointer-events:none;max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-circle-title{display:block;margin-top:1rem;text-align:center;font-size:calc(var(--font-body-scale) * 1.45rem);font-weight:500;line-height:1.35;color:rgba(var(--color-foreground));transition:color .2s ease,text-decoration-color .2s ease;word-break:break-word;max-width:100%}.collection-circle-title-size-sm{font-size:calc(var(--font-body-scale) * 1.25rem)}.collection-circle-title-size-md{font-size:calc(var(--font-body-scale) * 1.45rem)}.collection-circle-title-size-lg{font-size:calc(var(--font-body-scale) * 1.65rem)}.collection-circle-card:hover .collection-circle-title{color:rgba(var(--color-foreground),.85);text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:1px}@media(max-width:989px){.collection-circle-title{font-size:calc(var(--font-body-scale) * 1.25rem);margin-top:.75rem}.collection-circle-badge{font-size:.62rem;padding:.2rem .45rem;top:3%;left:3%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-collection-circles.css.map */