.collection-circles-list{list-style:none;padding:0;margin:-.5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:var(--list-text-align, center);gap:.5rem 0}.collection-circles-item{--color: var(--custom-color, var(--color-text))}.collection-circles-item a{display:block;text-decoration:none;color:rgb(var(--color));border-radius:var(--border-radius);padding:.5rem;opacity:1}.collection-circles-item a.active{color:rgb(var(--color))}.collection-circles-item .img-wrapper{position:relative;overflow:hidden;border-radius:var(--card-img-border-radius)}.collection-circles-item[data-has-custom-color=true] .img-wrapper{border:1px solid rgb(var(--color) / var(--border-opacity))}.collection-circles-item img,.collection-circles-item .placeholder-svg{display:block;object-fit:cover;border-radius:var(--card-img-border-radius);aspect-ratio:var(--card-img-ratio);width:var(--card-img-width);height:auto;transition:transform .2s ease-out,opacity .2s ease-out}@media(hover:hover){.collection-circles-item a:hover img,.collection-circles-item a:hover .placeholder-svg{transform:scale(1.05)}}.collection-circles-item .img-wrapper:after{content:"";background-color:rgb(var(--color) / .5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");background-size:60%;background-repeat:no-repeat;background-position:center;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;visibility:hidden;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.collection-circles-item a.active .img-wrapper:after{visibility:visible;animation:collection_circles_active_item .4s ease-out both;animation-delay:.6s}@keyframes collection_circles_active_item{to{transform:translate(-50%,-50%) scale(1);opacity:1}}.collection-circles-item .heading{margin-top:.6em;margin-bottom:0}@media(max-width:599px){.collection-circles-list[data-mobile-layout=stack]{display:grid;grid-template-columns:repeat(var(--list-mobile-layout-stack-cols, 3),1fr)}.collection-circles-list[data-mobile-layout=stack] .collection-circles-item img,.collection-circles-list[data-mobile-layout=stack] .collection-circles-item .placeholder-svg{width:100%;height:auto}.collection-circles-list[data-mobile-layout=scroll]{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:.5rem;margin-left:-1rem;margin-right:-1rem;margin-bottom:-1rem}.collection-circles-list[data-mobile-layout=scroll] .collection-circles-item{flex:0 0 auto}.collection-circles-list[data-mobile-layout=scroll][data-mobile-layout-scroll-cols="1"] .collection-circles-item{flex:0 0 85%}.collection-circles-list[data-mobile-layout=scroll][data-mobile-layout-scroll-cols="2"] .collection-circles-item{flex:0 0 43%}.collection-circles-list[data-mobile-layout=scroll][data-mobile-layout-scroll-cols="3"] .collection-circles-item{flex:0 0 30%}.collection-circles-list[data-mobile-layout=scroll][data-mobile-layout-scroll-cols="4"] .collection-circles-item{flex:0 0 23%}.collection-circles-list[data-mobile-layout=scroll] .collection-circles-item img,.collection-circles-list[data-mobile-layout=scroll] .collection-circles-item .placeholder-svg{width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-circles.css.map */