.collection-circles{background-color:rgba(var(--color-background),1);background-image:var(--color-background-gradient);color:rgba(var(--color-text),1);overflow:hidden}ul.collection-circles-list{list-style:none;padding:.5rem;margin:-.5rem 0;display:flex;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory;text-align:center}ul.collection-circles-list li{flex-basis:1;flex-shrink:0;scroll-snap-align:start}.collection-circles-list li a{display:block;padding:.5rem;border-radius:var(--border-radius);outline-offset:-2px}.collection-circles-list li .img-wrapper{position:relative;overflow:hidden;margin:0 0 .25rem}.collection-circles-list li .img-wrapper img{border-radius:50rem;transition:all .2s ease-out}.collection-circles-list li a:hover .img-wrapper img{opacity:.9}.collection-circles-list li a:active .img-wrapper img{opacity:.5}.collection-circles-list .img-wrapper:after{content:"";background-color:rgba(var(--color-accent),.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-list .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-list li .heading{margin:0 auto;width:var(--img-size)}.collection-circles-list li .placeholder-svg{background-color:rgba(var(--color-text),.05);width:var(--img-size);height:var(--img-size);border-radius:50%}@media (max-width: 1199px){.collection-circles{padding-top:calc(var(--padding-top) * .75);padding-bottom:calc(var(--padding-bottom) * .75)}.collection-circles .container{padding-left:0;padding-right:0;max-width:none}ul.collection-circles-list li{width:29vw}.collection-circles-list li .img-wrapper img{width:100%}}@media (min-width: 600px) and (max-width: 999px){ul.collection-circles-list li{width:19vw}}@media (min-width: 1000px) and (max-width: 1199px){ul.collection-circles-list{justify-content:var(--align)}ul.collection-circles-list li{width:14vw}}@media (min-width: 1200px){.collection-circles{padding-top:calc(var(--padding-top) * 1);padding-bottom:calc(var(--padding-bottom) * 1)}ul.collection-circles-list{justify-content:var(--align)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-circles.css.map */