.recipe-slider__swiper{position:relative}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-y pinch-zoom}.recipe-slider__slide{flex:0 0 100%;min-width:0;position:relative;transform:translateZ(0)}@media only screen and (min-width:768px){.recipe-slider__slide{flex:0 0 40%}}@media only screen and (min-width:1024px){.recipe-slider__slide{flex:0 0 28.5714285714%;height:var(--max-height)}.recipe-slider__slide.is-active .recipe-slider__slide-item{top:0}.recipe-slider__slide.is-next .recipe-slider__slide-item,.recipe-slider__slide.is-prev .recipe-slider__slide-item{top:calc((100% - var(--height))/2)}}.recipe-slider__slide-item{position:relative;transform-origin:center;transition:top .5s ease;will-change:transform}@media only screen and (min-width:1024px){.recipe-slider__slide-item{top:calc(100% - var(--height))}}.recipe-slider__slide-image{-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}.recipe-slider__button{align-items:center;border:1px solid #23195f;border-radius:100%;display:flex;height:3rem;justify-content:center;width:3rem}.recipe-slider__button.swiper-button-disabled{opacity:.3;pointer-events:none}.recipe-slider__button--next{transform:rotate(180deg)}.recipe-slider__progress{background-color:rgba(35,25,95,.3);border-radius:7.5rem;height:.1875rem;position:relative;width:2.5rem}.recipe-slider__progress:after{background-color:#23195f;border-radius:7.5rem;content:"";height:100%;inset:0;position:absolute;transition:width .4s ease;width:var(--progress-width)}
