[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{display:flex;flex-direction:column-reverse}@media (min-width: 768px){.collection-carousel{flex-direction:row}}.collection-carousel [xo-autoplay] .collection-carousel__progress{display:block}.collection-carousel__carousel{width:100%}.collection-carousel__content{display:flex;flex-direction:column;justify-content:center;padding:12px var(--xo-container-gap);background-color:#f4eede;flex-shrink:0;font-family:var(--font-heading-2-family);text-align:center}@media (min-width: 768px){.collection-carousel__content{width:360px;text-align:left}}.collection-carousel__title{color:var(--Text-Text-1, #121212);font-size:20px;font-style:normal;font-weight:400;line-height:1;letter-spacing:-.4px;padding-bottom:12px}@media (min-width: 768px){.collection-carousel__title{padding-bottom:24px}}.collection-carousel__description{color:var(--Text-Text-1, #121212);font-size:18px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.36px}.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{height:100%}.collection-carousel__progress{display:none;width:100%;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:4px;position:absolute;bottom:0;left:0;z-index:15}.collection-carousel__progress:after{position:absolute;top:0;left:0;width:calc((var(--xo-pagination-progress) / var(--step0) + 1) * var(--step));height:100%;background:#fff9;transition:.3s;content:""}
/*# sourceMappingURL=/cdn/shop/t/394/assets/collection-carousel.css.map */