.collection-v57-slide{position:relative;padding-bottom:2rem}.collection-v57__img{background-color:#fff;display:block;border-radius:50%;transition:all .3s ease-in-out}.collection-v57__img .xo-image{border-radius:50%;position:relative;transition:all .3s ease-in-out;overflow:hidden}.collection-v57__content{position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:10}@media(max-width:991px){.collection-v57__content{justify-content:center}}.collection-v57__item{position:relative;z-index:1;transform:translateY(0);transition:transform .3s;padding-left:3.2rem;padding-right:3.2rem}.collection-v57__heading{position:relative;font-weight:400;transition:all .3s;padding-bottom:1rem;margin-bottom:0;text-align:center;display:flex;align-items:center;justify-content:center}.collection-v57__heading:before{position:absolute;content:"";display:flex;align-items:center;justify-content:center;bottom:0;width:0;height:.1rem;background-color:rgba(var(--color-foreground));transition:all .3s ease-in-out}@media(max-width:991px){.collection-v57__heading:before{width:5rem}}.collection-v57__link{color:rgba(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .2 / var(--font-body-scale));text-transform:capitalize}.collection-v57__subtitle{transition:all .3s;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .8 / var(--font-body-scale));font-weight:400;opacity:0;margin:.8rem 0 .4rem;color:rgba(var(--color-foreground));text-align:center}@media(max-width:991px){.collection-v57__subtitle{opacity:1}}.collection-v57__carousel,.collection-v57{position:relative}.collection-v57:hover .collection-v57__item{transform:translateY(-1.6rem)}.collection-v57:hover .collection-v57__img .xo-image{transform:scale(.85)}.collection-v57:hover .collection-v57__border{opacity:1}.collection-v57:hover .collection-v57__heading .collection-v57__link{color:rgba(var(--color-foreground))}.collection-v57:hover .collection-v57__heading:before{width:5rem}.collection-v57:hover .collection-v57__subtitle{opacity:1}.collection-v57__border{position:absolute;opacity:0;fill:rgb(var(--color-accent));top:0;left:0;width:100%;height:100%;transition:all .4s}.collection-v57__btn-prev,.collection-v57__btn-next{position:absolute;top:42%;transform:translateY(-50%);z-index:10;display:flex;align-items:center}.collection-v57__btn-prev button,.collection-v57__btn-next button{position:relative;border:none;background-color:#fff;box-shadow:0 .2rem 1rem #36363626;height:4rem;width:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;overflow:hidden;cursor:pointer}.collection-v57__btn-prev{left:-2rem}.collection-v57__btn-next{right:-2rem}.collection-v57__btn-prev[xo-disabled],.collection-v57__btn-next[xo-disabled]{display:none}.collection-v57__btn-prev{left:0;transform:translate(50%,-50%)}.collection-v57__btn-next{right:0;transform:translate(-50%,-50%)}.collection-v57__btn{transition:.3s;line-height:0;position:absolute;top:50%;left:50%}.collection-v57__btn--before{transform:translate(-50%,-50%)}.collection-v57__btn-prev .collection-v57__btn--after{transform:translate(5rem,-50%)}.collection-v57__btn-prev button:hover .collection-v57__btn--before{transform:translate(-5rem,-50%)}.collection-v57__btn-prev button:hover .collection-v57__btn--after{transform:translate(-50%,-50%)}.collection-v57__btn-next .collection-v57__btn--after{transform:translate(-5rem,-50%)}.collection-v57__btn-next button:hover .collection-v57__btn--before{transform:translate(5rem,-50%)}.collection-v57__btn-next button:hover .collection-v57__btn--after{transform:translate(-50%,-50%)}.collection-v57__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:4rem}@media(max-width:575px){.collection-v57__pagination{gap:.6rem}}.collection-v57__carousel-bullet{display:flex;cursor:pointer;width:.8rem;height:.8rem;border-radius:50%;background-color:rgba(var(--color-foreground),.2);transition:.3s}@media(max-width:575px){.collection-v57__carousel-bullet{width:.5rem;height:.5rem}}xo-carousel-bullet[xo-active]:not([xo-active=false]) .collection-v57__carousel-bullet{background-color:rgba(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-collection-v2.css.map */