.collection-circles{--circle-size: var(--circle-size-mobile, 110px);--circle-gap: var(--circle-gap-mobile, 16px)}@media screen and (min-width:750px){.collection-circles{--circle-size: var(--circle-size-desktop, 170px);--circle-gap: var(--circle-gap-desktop, 24px)}}.collection-circles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.8rem;flex-wrap:wrap}.collection-circles__header--center{justify-content:center;text-align:center}.collection-circles__header--center .collection-circles__header-text{flex:1 1 100%}.collection-circles__header--right{justify-content:flex-end;text-align:right}.collection-circles__header--left{text-align:left}.collection-circles__heading{margin:0 0 .6rem}.collection-circles__subheading{margin:0;color:rgba(var(--color-foreground),.75);font-size:1.5rem;line-height:1.4}.collection-circles__view-all{font-size:1.4rem;white-space:nowrap}.collection-circles--no-heading .collection-circles__header{display:none}.collection-circles__grid{--grid-mobile-horizontal-spacing: var(--circle-gap, 16px);--grid-mobile-vertical-spacing: calc(var(--circle-gap, 16px) + 8px);--grid-desktop-horizontal-spacing: var(--circle-gap, 24px);--grid-desktop-vertical-spacing: calc(var(--circle-gap, 24px) + 12px);justify-content:center;margin-bottom:0}.collection-circles__grid.slider{justify-content:flex-start}@media screen and (max-width:989px){.grid--3-col-tablet-down .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)}.slider--tablet.grid--peek.grid--3-col-tablet-down .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) - 3rem)}}.collection-circles__marquee{overflow:hidden;position:relative;margin-left:calc(-1 * var(--circle-gap, 16px));margin-right:calc(-1 * var(--circle-gap, 16px))}.collection-circles__marquee:before,.collection-circles__marquee:after{content:"";position:absolute;top:0;bottom:0;width:6rem;z-index:2;pointer-events:none}.collection-circles__marquee:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.collection-circles__marquee:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}.collection-circles__track{display:flex;width:max-content;gap:var(--circle-gap);padding:.6rem var(--circle-gap, 16px);margin:0;list-style:none;animation:collection-circles-scroll var(--marquee-duration, 40s) linear infinite}.collection-circles__marquee--right .collection-circles__track{animation-direction:reverse}.collection-circles__marquee--pause-on-hover:hover .collection-circles__track{animation-play-state:paused}@keyframes collection-circles-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.collection-circles__marquee .collection-circles__item{flex:0 0 auto;width:var(--circle-size)}@media(prefers-reduced-motion:reduce){.collection-circles__track{animation:none!important}.collection-circles__marquee{overflow-x:auto}}.collection-circles__item{display:flex;justify-content:center;min-width:0}.collection-circles__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%;max-width:var(--circle-size)}.collection-circles--text-left .collection-circles__caption--below{text-align:left;align-self:stretch}.collection-circles--text-right .collection-circles__caption--below{text-align:right;align-self:stretch}.collection-circles--text-center .collection-circles__caption--below{text-align:center}.collection-circles__media-wrap{width:var(--circle-size);max-width:100%;aspect-ratio:1 / 1;position:relative}.collection-circles__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:rgba(var(--color-foreground),.04);transition:transform .35s cubic-bezier(.25,.8,.5,1),box-shadow .35s cubic-bezier(.25,.8,.5,1);will-change:transform}.collection-circles--shape-circle .collection-circles__media{border-radius:50%;box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15))}.collection-circles--shape-square .collection-circles__media{border-radius:0;box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15))}.collection-circles--shape-rounded .collection-circles__media{border-radius:var(--circle-corner-radius, 16px);box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15))}.collection-circles--shape-arch .collection-circles__media{border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15))}.collection-circles--shape-hexagon .collection-circles__media{border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.collection-circles__item{filter:drop-shadow(0 calc(var(--circle-shadow-opacity, 0) * 14px) calc(var(--circle-shadow-opacity, 0) * 30px) rgba(var(--color-shadow, 18, 18, 18),var(--circle-shadow-opacity, 0)))}.collection-circles__image{width:100%;height:100%;display:block;transition:transform .45s cubic-bezier(.25,.8,.5,1)}.collection-circles--fit-cover .collection-circles__image{object-fit:cover}.collection-circles--fit-contain .collection-circles__image{object-fit:contain;padding:12%;background:rgba(var(--color-foreground),.04)}.collection-circles__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.06)}.collection-circles__placeholder svg{width:70%;height:70%;fill:rgba(var(--color-foreground),.5)}.collection-circles__badge{position:absolute;top:8%;right:0;padding:.3rem .8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;line-height:1;z-index:3}.collection-circles__count{position:absolute;bottom:8%;right:8%;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:600;border-radius:50%;box-shadow:0 2px 6px #00000014;z-index:3}.collection-circles__caption--below{margin-top:var(--circle-label-spacing, 12px);display:flex;flex-direction:column;gap:.2rem;max-width:100%}.collection-circles__label{font-size:1.4rem;font-weight:var(--circle-label-weight, 500);line-height:1.3;letter-spacing:.02em;color:rgb(var(--color-foreground));overflow-wrap:break-word}@media screen and (min-width:750px){.collection-circles__label{font-size:1.5rem}}.collection-circles--label-uppercase .collection-circles__label{text-transform:uppercase;letter-spacing:.08em}.collection-circles__subtitle{font-size:1.2rem;color:rgba(var(--color-foreground),.6);line-height:1.3}.collection-circles__caption--inside{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.2rem;text-align:center;background:linear-gradient(to top,#0000008c,#0000 60%);color:#fff;z-index:2}.collection-circles__caption--inside .collection-circles__label{color:#fff;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}.collection-circles__caption--inside .collection-circles__subtitle{color:#ffffffd9}.collection-circles--featured-first .collection-circles__grid>.collection-circles__item:first-child .collection-circles__media-wrap,.collection-circles--featured-first .collection-circles__track>.collection-circles__item:first-child .collection-circles__media-wrap{width:calc(var(--circle-size) * 1.2)}.collection-circles--featured-first .collection-circles__grid>.collection-circles__item:first-child .collection-circles__link,.collection-circles--featured-first .collection-circles__track>.collection-circles__item:first-child .collection-circles__link{max-width:calc(var(--circle-size) * 1.2)}@media(hover:hover){.collection-circles--hover-lift .collection-circles__link:hover .collection-circles__media{transform:translateY(-6px)}.collection-circles--hover-zoom .collection-circles__link:hover .collection-circles__image{transform:scale(1.08)}.collection-circles--hover-tilt .collection-circles__link:hover .collection-circles__media{transform:rotate(-3deg) scale(1.03)}.collection-circles--hover-ring .collection-circles__link:hover .collection-circles__media{box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15)),0 0 0 4px rgb(var(--color-background)),0 0 0 6px rgb(var(--color-foreground))}}.collection-circles__link:focus-visible{outline:none}.collection-circles__link:focus-visible .collection-circles__media{box-shadow:inset 0 0 0 calc(var(--circle-border-width, 0) * 1px) rgba(var(--color-foreground),var(--circle-border-opacity, .15)),0 0 0 3px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.collection-circles__media,.collection-circles__image{transition:none!important}.collection-circles--hover-lift .collection-circles__link:hover .collection-circles__media,.collection-circles--hover-tilt .collection-circles__link:hover .collection-circles__media,.collection-circles--hover-zoom .collection-circles__link:hover .collection-circles__image{transform:none!important}}.collection-circles--size-auto .collection-circles__grid .collection-circles__link{max-width:none}.collection-circles--size-auto .collection-circles__grid .collection-circles__media-wrap{width:100%}
/*# sourceMappingURL=/cdn/shop/t/203/assets/section-collection-circles.css.map */