[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.collection-carousel__carousel{width:100%;border-radius:4px;overflow:hidden}.collection-carousel__carousel-inner{width:100%;height:var(--height-mobile)}@media(min-width:992px){.collection-carousel__carousel-inner{height:var(--height)}}.collection-carousel__slide-image{height:var(--height-mobile)}@media(min-width:992px){.collection-carousel__slide-image{height:var(--height)}}.collection-carousel__slide-image img{width:100%;height:100%;object-fit:cover}.collection-carousel__buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:37px}@media(min-width:768px){.collection-carousel__buttons{flex-direction:row;gap:8rem}}.collection-carousel__button{color:var(--Text-Text-4, #8d8d8d);text-align:center;font-family:var(--font-body-medium-family);font-size:30px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.6px;transition:.3s;padding:5px 12px}.collection-carousel__button:hover:not(.collection-carousel__button--current){opacity:.5}.collection-carousel__button--current{color:var(--Text-Text-1, #000)}.collection-carousel__button-sub{color:var(--Text-Text-4, #8d8d8d);font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.28px;vertical-align:text-top}.collection-carousel__pagination{position:absolute;bottom:8px;right:50%;z-index:13;transform:translate(50%);display:flex;flex-direction:row}.collection-carousel__pagination xo-carousel-bullet{padding:5px}.collection-carousel__pagination xo-carousel-bullet:hover span{background-color:#fff}.collection-carousel__pagination xo-carousel-bullet span{width:4px;height:4px;border-radius:2px;background-color:#ffffff80;transition:.3s}.collection-carousel__pagination xo-carousel-bullet[xo-active] span{height:115px;background-color:#fff}@media(min-width:992px){.collection-carousel__pagination xo-carousel-bullet[xo-active] span{width:115px;height:4px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-carousel.css.map */