[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;font-size:32px}}.collection-carousel__description{color:var(--Text-Text-1, #121212);font-size:18px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.36px;padding-bottom:36px}.collection-carousel__description:last-child{padding-bottom:0}.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:""}.collection-carousel__button{color:#121212;font-family:var(--font-heading-2-family);font-size:20px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.4px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:.3s}.collection-carousel__button:hover{opacity:.5}.collection-carousel__button span{margin-bottom:-3px}@media (min-width: 768px){.collection-carousel__button{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-collection-carousel.css.map */