.dnd-section:has(.image-carousel){position:relative;&:after,&:before{content:"";height:100%;pointer-events:none;position:absolute;width:82px;z-index:4;@media (max-width:1050px){width:40px}@media (max-width:640px){width:20px}}&:before{background:linear-gradient(to left,rgb(from var(--yellow-base) r g b/0) 38.33%,rgb(from var(--yellow-base) r g b/1) 119.1%);inset:0 auto auto 0}&:after{background:linear-gradient(to right,rgb(from var(--green-400) r g b/0) 38.33%,rgb(from var(--green-400) r g b/.5) 119.1%);inset:0 0 auto auto}&:has(.image-carousel--dark-green):before{background:linear-gradient(to left,rgb(from var(--green-base) r g b/0) 38.33%,rgb(from var(--green-base) r g b/1) 119.1%);inset:0 auto auto 0}&:has(.image-carousel--dark-green):after{background:linear-gradient(to right,rgb(from var(--green-base) r g b/0) 38.33%,rgb(from var(--green-base) r g b/1) 119.1%);inset:0 0 auto auto}}.slider-container{position:relative}.image-carousel.slider-container{height:462px;margin:0 auto;max-width:616px;position:relative;width:100%;& .swiper{height:100%;inset:0 auto auto 50%;overflow:visible;position:absolute;transform:translateX(-50%);width:100vw}.swiper-slide{max-width:calc(100% - var(--container-padding)*2);width:616px}@media (max-width:640px){height:250px}}.swiper-slide .image-carousel__img{aspect-ratio:4/3;object-fit:cover;opacity:.7;transition:opacity .25s ease}.swiper-slide-active .image-carousel__img{opacity:1}.image-carousel{& :is(.swiper-button-prev,.swiper-button-next){--swiper-navigation-sides-offset:-64px;align-items:center;border-radius:150px;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s ease-out;width:48px;z-index:1;@media (max-width:640px){--swiper-navigation-sides-offset:-22px;height:40px;width:40px}}}