.section-collection-circles{position:relative;background-color:var(--collection-circles-bg-color, transparent);color:var(--collection-circles-text-color, var(--color-foreground))}.collection-circles__container{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin, 20px)}.collection-circles__header{margin-bottom:var(--spacing-xl, 2rem)}.collection-circles__header--align-center{justify-items:center;text-align:center}.collection-circles__header--align-right{justify-items:end;text-align:right}.collection-circles__header--align-left{text-align:left}.collection-circles__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 3),1fr);gap:var(--grid-gap, 20px)}@media(min-width:768px){.collection-circles__grid{grid-template-columns:repeat(var(--columns-tablet, 4),1fr)}}@media(min-width:1024px){.collection-circles__grid{grid-template-columns:repeat(var(--columns-desktop, 6),1fr)}}.collection-circles__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.collection-circles__item:hover .collection-circles__image{transform:scale(1.05)}.collection-circles__image-wrapper{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background-color:var(--color-elevated-background, #f5f5f5)}.collection-circles__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.collection-circles__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.collection-circles__placeholder svg{width:40%;height:40%;opacity:.4;color:var(--collection-circles-text-color, var(--color-foreground))}.collection-circles__heading.text-lg{font-size:var(--font-size-lg)}.collection-circles__heading.text-xl{font-size:var(--font-size-xl)}.collection-circles__heading.text-2xl{font-size:var(--font-size-2xl)}.collection-circles__heading.text-3xl{font-size:var(--font-size-3xl)}.collection-circles__heading.text-4xl{font-size:var(--font-size-4xl)}.collection-circles__heading--decorated,.collection-circles__heading .collection-circles__heading--decorated,.collection-circles__heading strong,.collection-circles__heading b{color:var(--section-accent-color, var(--color-accent))}.collection-circles__title{margin-top:var(--spacing-sm, .5rem);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-body);text-align:center;letter-spacing:var(--letter-spacing-uppercase, .06em);text-transform:uppercase;color:var(--collection-circles-text-color, var(--color-foreground))}.collection-circles-carousel-wrapper{position:relative}.collection-circles-carousel-wrapper:before,.collection-circles-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:5%;z-index:5;pointer-events:none}.collection-circles-carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--collection-circles-bg-color, var(--color-background, #fff)),transparent)}.collection-circles-carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--collection-circles-bg-color, var(--color-background, #fff)),transparent)}.collection-circles-swiper .swiper-slide{display:flex;justify-content:center}.collection-circles-swiper .swiper-pagination{margin-top:var(--spacing-lg, 1.5rem);position:relative}.section-collection-circles .swiper-pagination-bullet{background:var(--section-accent-color, var(--color-accent, #000000))}.collection-circles-swiper{position:relative}.section-collection-circles .collection-circles-carousel-wrapper .swiper-button-prev,.section-collection-circles .collection-circles-carousel-wrapper .swiper-button-next{position:absolute;top:0;height:var(--circle-arrow-area);display:flex;align-items:center;margin-top:0;z-index:10}.section-collection-circles .collection-circles-carousel-wrapper .swiper-button-prev{left:0}.section-collection-circles .collection-circles-carousel-wrapper .swiper-button-next{right:0}@media(max-width:767px){.collection-circles__container{padding-inline:calc(var(--page-margin, 20px) / 2)}.collection-circles__grid{gap:var(--grid-gap, 16px)}}@media(prefers-reduced-motion:reduce){.collection-circles__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-circles.css.map */