.circle-carousel-section{background:var(--section-bg, transparent);padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}@media screen and (min-width:750px){.circle-carousel-section{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}}.circle-carousel-heading{text-align:center;margin-bottom:24px;font-size:1.75rem}.circle-carousel-wrapper{position:relative;display:flex;align-items:center}.circle-carousel-track{display:flex;justify-content:center;gap:var(--gap-mobile);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;padding:4px 4px 12px;margin:0 auto;scroll-behavior:smooth;width:100%}.circle-carousel-track.is-scrollable{justify-content:flex-start}.circle-carousel-track::-webkit-scrollbar{display:none}.circle-carousel-item{flex:0 0 auto;width:var(--circle-size-mobile);scroll-snap-align:start}.circle-carousel-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;text-align:center;gap:8px}.circle-carousel-circle{width:var(--circle-size-mobile);height:var(--circle-size-mobile);border-radius:50%;overflow:hidden;border:1px solid rgba(0,0,0,.15);display:block;flex-shrink:0;transition:border-color .2s ease,transform .2s ease}.circle-carousel-link:hover .circle-carousel-circle{border-color:#0006;transform:translateY(-2px)}.circle-carousel-img{width:100%;height:100%;object-fit:cover;display:block}.circle-carousel-placeholder{width:100%;height:100%;display:block}.circle-carousel-placeholder svg{width:100%;height:100%}.circle-carousel-label{font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.3;max-width:calc(var(--circle-size-mobile) + 20px)}.circle-carousel-arrow{display:none}@media screen and (min-width:750px){.circle-carousel-track{gap:var(--gap-desktop);padding:4px 4px 16px}.circle-carousel-item{width:var(--circle-size-desktop)}.circle-carousel-circle{width:var(--circle-size-desktop);height:var(--circle-size-desktop)}.circle-carousel-label{font-size:.85rem;max-width:calc(var(--circle-size-desktop) + 20px)}.circle-carousel-arrow{display:none;align-items:center;justify-content:center;position:absolute;top:40%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;z-index:2;transition:background .2s ease}.has-arrows-visible .circle-carousel-arrow{display:flex}.circle-carousel-arrow:hover{background:#0000000d}.circle-carousel-arrow--prev{left:-8px}.circle-carousel-arrow--next{right:-8px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-circle-collection-carousel.css.map */