.collection-v27__subtitle{color:rgba(var(--color-accent));font-size:calc(var(--font-body-scale) * 1.7rem);text-align:center}.collection-v27__title{position:relative;font-size:clamp(2.8rem,calc(1vw + 2.4rem),3.6rem);margin-bottom:3rem}@media (min-width: 768px){.collection-v27__title{margin-bottom:4rem}}.collection-v27__item{border-radius:.8rem;padding:4rem 3rem;overflow:hidden;background-color:rgb(var(--color-foreground))}.collection-v27__item-image{display:block;position:relative;border-radius:50%;padding:1rem;overflow:unset}.collection-v27__item-image .xo-image,.collection-v27__item-image img{border-radius:50%}.collection-v27__item-image:hover:before{animation-name:rotate;animation:rotate 12s linear infinite}.collection-v27__item-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:dashed .2rem rgba(var(--color-background),.2)}.collection-v27__item-label{display:block;cursor:pointer;padding:2rem 0 0;text-align:center}.collection-v27__item-label:hover .collection-v27__item-title{color:rgba(var(--color-accent))}.collection-v27__item-title{color:rgba(var(--color-background));margin:0;font-size:clamp(1.8rem,calc(.75vw + 1.5rem),2.4rem);transition:.3s}.collection-v27__item-count{color:rgba(var(--color-background),.5)}.collection-v27__arrows{display:none}@media (min-width: 992px){.collection-v27__arrows{display:block;position:absolute;top:calc(50% - 4rem);transform:translateY(-50%);z-index:9;width:100%}}.collection-v27__arrows .carousel-navigation-style3{position:absolute;transform:translateY(-50%)}[dir=ltr] .collection-v27__arrows .carousel-navigation-style3:first-child{left:0}[dir=rtl] .collection-v27__arrows .carousel-navigation-style3:first-child{right:0}@media (min-width: 1400px){[dir=ltr] .collection-v27__arrows .carousel-navigation-style3:first-child{transform:translate(-50%,-50%)}[dir=rtl] .collection-v27__arrows .carousel-navigation-style3:first-child{transform:translate(50%,-50%)}}[dir=ltr] .collection-v27__arrows .carousel-navigation-style3:last-child{right:0}[dir=rtl] .collection-v27__arrows .carousel-navigation-style3:last-child{left:0}@media (min-width: 1400px){[dir=ltr] .collection-v27__arrows .carousel-navigation-style3:last-child{transform:translate(50%,-50%)}[dir=rtl] .collection-v27__arrows .carousel-navigation-style3:last-child{transform:translate(-50%,-50%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-collection-v2.css.map */
