.collection-circles{width:100%;background-color:#fbfbfb;background-color:var(--primary_background, #fbfbfb);color:var(--primary_text)}.collection-circles__inner{width:100%}.collection-circles.section--bleed-bg .collection-circles__inner{padding-inline:0}.collection-circles__slider-wrap{width:100%;overflow:hidden}.collection-circles__swiper{position:relative;width:100%;overflow:hidden}.collection-circles__swiper .swiper-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;box-sizing:border-box}.collection-circles__swiper .swiper-slide,.collection-circles__slide{flex:0 0 auto;width:auto;height:auto;max-width:none}.collection-circles__swiper:not(.swiper) .swiper-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:0;scroll-padding-inline:0}.collection-circles__swiper:not(.swiper) .swiper-wrapper::-webkit-scrollbar{display:none}@media screen and (max-width:768px){.collection-circles__swiper:not(.swiper) .swiper-wrapper{padding-inline-start:var(--section-px-mobile, 16px);padding-inline-end:var(--section-px-mobile, 16px)}}.collection-circles__swiper.swiper-lock .swiper-wrapper{justify-content:center}.collection-circles__swiper.swiper .swiper-wrapper{align-items:flex-start}.collection-circles__swiper.swiper .swiper-slide{width:auto;height:auto;margin-right:0}.collection-circles__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:max-content;min-width:4.5rem;max-width:6.5rem;padding:0;text-decoration:none;color:inherit}.collection-circles__item--static{cursor:default}.collection-circles__media{display:block;flex-shrink:0;width:5.25rem;height:5.25rem;overflow:hidden;border-radius:50%}.collection-circles__image{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.collection-circles__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.collection-circles__image-placeholder{background:color-mix(in srgb,var(--primary_text) 8%,var(--primary_background))}.collection-circles__image-placeholder-letter{font-size:1.25rem;font-weight:600;line-height:1;color:var(--secondary_text);text-transform:uppercase}@media screen and (min-width:769px){.collection-circles__image-placeholder-letter{font-size:1.5rem}}.collection-circles__label{display:block;width:100%;min-height:1.7rem;padding:.25rem;line-height:1.2;text-align:center}@media screen and (min-width:769px){.collection-circles.section--bleed-bg .collection-circles__inner{padding-inline:var(--section-px-desktop, var(--page-margin-desktop, 48px))}.collection-circles__item{min-width:6rem;max-width:8rem}.collection-circles__media{width:6rem;height:6rem}.collection-circles__swiper:not(.swiper) .swiper-wrapper{padding-inline:0;scroll-padding-inline:0;gap:0}.collection-circles__swiper:not(.swiper) .collection-circles__slide:not(:last-child){margin-right:24px}}.collection-circles__empty{margin:0;padding:1rem 0;text-align:center;color:var(--secondary_text)}.collection-circles__nav{display:none;position:absolute;top:0;bottom:0;z-index:2;align-items:center;justify-content:center;width:2rem;margin:0;padding:0;border:0;color:var(--primary_text);cursor:pointer;transition:opacity .2s ease}.collection-circles__nav--prev{left:0;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,color-mix(in srgb,var(--primary_background) 54%,transparent) 84%,var(--primary_background) 100%)}.collection-circles__nav--next{right:0;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,color-mix(in srgb,var(--primary_background) 54%,transparent) 84%,var(--primary_background) 100%)}.collection-circles__nav.swiper-button-prev:after,.collection-circles__nav.swiper-button-next:after,.collection-circles__swiper .swiper-button-prev:after,.collection-circles__swiper .swiper-button-next:after{display:none!important;content:none!important;font-size:0!important}.collection-circles__nav-icon{display:block;width:2rem;height:2rem}.collection-circles__nav.swiper-button-disabled,.collection-circles__nav.swiper-button-lock{opacity:0;pointer-events:none}.collection-circles__swiper.swiper .collection-circles__nav,.collection-circles__swiper .collection-circles__nav.swiper-button-prev,.collection-circles__swiper .collection-circles__nav.swiper-button-next{display:none}@media screen and (min-width:769px){.collection-circles__swiper.swiper .collection-circles__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/collection-circles.css.map */