.Carousel{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;position:relative;width:100%;height:100%}.Carousel__track{transition-property:transform;transition-duration:.3s;transition-timing-function:ease-in-out;will-change:transform}.Carousel__fadeTrack,.Carousel__track{display:flex;align-items:center;justify-content:center;width:fit-content;height:100%;box-sizing:border-box}.Carousel__fadeTrack{width:100%;will-change:opacity}.Carousel__slide{max-height:100%}.CarouselArrows,.Carousel__slide{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.CarouselArrows{position:absolute;top:0;left:0;padding:3%;z-index:1;pointer-events:none}.CarouselArrows__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;pointer-events:none}.CarouselArrows__arrow{display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;pointer-events:all;background-color:transparent;width:fit-content;height:fit-content}.CarouselArrows__arrow.CarouselArrows__styledArrow{background-color:#0000004d;border-radius:50%;transition-property:background-color,transform;transition-duration:.1s;transition-timing-function:ease-in-out;will-change:background-color,transform;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:3rem;height:3rem}.CarouselArrows__arrow.CarouselArrows__styledArrow svg{fill:#fff;width:1.5rem;height:1.5rem}.CarouselArrows__arrow.CarouselArrows__styledArrow:hover{background-color:#0006}.CarouselArrows__arrow--prev{transform:rotate(180deg)}.CarouselDots{display:flex;justify-content:flex-start;align-items:center;position:absolute;bottom:5%;left:50%;transform:translate(-50%);padding:16px;background-color:#0000004d;border-radius:99px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2}.CarouselDots__container{overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out;will-change:transform;-webkit-mask-image:linear-gradient(90deg,#fff0,#000 20%,#000 80%,#fff0);mask-image:linear-gradient(90deg,#fff0,#000 20%,#000 80%,#fff0)}.CarouselDots__container--no-gradient{-webkit-mask-image:none;mask-image:none}.CarouselDots__track{display:flex;align-items:center;gap:8px;width:fit-content;transition:transform .3s ease-in-out;will-change:transform}.CarouselDots__dot{width:8px;height:8px;border-radius:99px;background-color:#fff6;cursor:pointer;transition:background-color .3s ease-in-out;will-change:background-color}.CarouselDots__dot:hover{background-color:#fffc}.CarouselDots__dot--active{background-color:#fff}