.recipe-carousel-section{overflow:hidden}.recipe-carousel-section__header{text-align:center;margin-bottom:4rem}.recipe-carousel-section__heading{margin:0}recipe-carousel{display:block;position:relative}.recipe-carousel__stage{position:relative;width:100%;height:32rem;perspective:1000px}@media screen and (min-width:750px){.recipe-carousel__stage{height:44rem}}@media screen and (min-width:990px){.recipe-carousel__stage{height:56rem}}.recipe-carousel__track{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;transform-style:preserve-3d}.recipe-carousel__slide{--recipe-slide-width: 28rem;position:absolute;width:var(--recipe-slide-width);height:var(--recipe-slide-width);border:solid 10px white;border-radius:calc(var(--media-radius) + 10px);cursor:pointer;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s cubic-bezier(.25,.46,.45,.94)}@media screen and (min-width:750px){.recipe-carousel__slide{--recipe-slide-width: 38rem}}@media screen and (min-width:990px){.recipe-carousel__slide{--recipe-slide-width: 50rem}}@media(prefers-reduced-motion:reduce){.recipe-carousel__slide{transition:none}}.recipe-carousel__slide.pos--center{z-index:10;transform:scale(1.05) translateZ(0);opacity:1}.recipe-carousel__slide.pos--right-1{z-index:5;transform:translate(190px) scale(.8) translateZ(-100px);opacity:.85}@media screen and (min-width:750px){.recipe-carousel__slide.pos--right-1{transform:translate(260px) scale(.8) translateZ(-100px)}}@media screen and (min-width:990px){.recipe-carousel__slide.pos--right-1{transform:translate(340px) scale(.8) translateZ(-100px)}}.recipe-carousel__slide.pos--right-2{z-index:1;transform:translate(340px) scale(.62) translateZ(-250px);opacity:.6}@media screen and (min-width:750px){.recipe-carousel__slide.pos--right-2{transform:translate(450px) scale(.62) translateZ(-250px)}}@media screen and (min-width:990px){.recipe-carousel__slide.pos--right-2{transform:translate(580px) scale(.62) translateZ(-250px)}}.recipe-carousel__slide.pos--left-1{z-index:5;transform:translate(-190px) scale(.8) translateZ(-100px);opacity:.85}@media screen and (min-width:750px){.recipe-carousel__slide.pos--left-1{transform:translate(-260px) scale(.8) translateZ(-100px)}}@media screen and (min-width:990px){.recipe-carousel__slide.pos--left-1{transform:translate(-340px) scale(.8) translateZ(-100px)}}.recipe-carousel__slide.pos--left-2{z-index:1;transform:translate(-340px) scale(.62) translateZ(-250px);opacity:.6}@media screen and (min-width:750px){.recipe-carousel__slide.pos--left-2{transform:translate(-450px) scale(.62) translateZ(-250px)}}@media screen and (min-width:990px){.recipe-carousel__slide.pos--left-2{transform:translate(-580px) scale(.62) translateZ(-250px)}}.recipe-carousel__slide.pos--hidden{z-index:0;transform:scale(0);opacity:0;pointer-events:none;transition:none}.recipe-carousel__media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--media-radius, 1.2rem);background-color:rgba(var(--color-foreground),.04)}.recipe-carousel__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;border-radius:inherit;pointer-events:none}.recipe-carousel__slide.is-active .recipe-carousel__link{pointer-events:auto}.recipe-carousel__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.recipe-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.recipe-carousel__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.recipe-carousel__overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 3rem;background:var(--yellow);pointer-events:none;opacity:0;transition:opacity .35s ease}.recipe-carousel__slide.is-active .recipe-carousel__overlay{opacity:1}@media(prefers-reduced-motion:reduce){.recipe-carousel__overlay{transition:none}}.recipe-carousel__title{margin:0;font-size:1.6rem;font-weight:800;text-align:center;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media screen and (min-width:990px){.recipe-carousel__title{font-size:1.7rem}}.recipe-carousel-section__cta{display:flex;justify-content:center;margin-top:3.2rem}.recipe-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .2s,border-color .2s}.recipe-carousel__btn .svg-wrapper{width:3.4rem;height:3.4rem}@media screen and (max-width:749px){.recipe-carousel__btn{width:4rem;height:4rem}.recipe-carousel__btn .svg-wrapper{width:2.8rem;height:2.8rem}}.recipe-carousel__btn:hover{color:var(--pink)}.recipe-carousel__btn:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.recipe-carousel__btn--prev{left:max(.8rem,calc(50% - 190px))}@media screen and (min-width:750px){.recipe-carousel__btn--prev{left:max(.8rem,calc(50% - 260px))}}@media screen and (min-width:990px){.recipe-carousel__btn--prev{left:max(.8rem,calc(50% - 340px))}}.recipe-carousel__btn--prev .svg-wrapper{transform:rotate(90deg)}.recipe-carousel__btn--next{right:max(.8rem,calc(50% - 190px))}@media screen and (min-width:750px){.recipe-carousel__btn--next{right:max(.8rem,calc(50% - 260px))}}@media screen and (min-width:990px){.recipe-carousel__btn--next{right:max(.8rem,calc(50% - 340px))}}.recipe-carousel__btn--next .svg-wrapper{transform:rotate(-90deg)}.recipe-carousel__indicators .slider-counter__link--dots{padding:.8rem;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer}.recipe-carousel__indicators .slider-counter__link--dots .dot{background-color:#b0b0b0;border-color:transparent}.recipe-carousel__indicators .slider-counter__link--active.slider-counter__link--dots .dot{background-color:var(--dark-green)}.recipe-carousel__indicators .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{background-color:var(--light-grey);border-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-recipe-carousel.css.map */