.carousel{position:relative;text-align:center}.carousel,.carousel *{box-sizing:border-box}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__viewport{overflow:hidden}.carousel__next,.carousel__prev{background-color:#642afb;border-radius:20px;width:30px;height:30px;text-align:center;font-size:20px;padding:0;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.carousel__icon{width:1.2em;height:1.2em;fill:currentColor}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center}.carousel__pagination{display:flex;justify-content:center;list-style:none}.carousel__pagination-button{margin:5px;width:10px;height:5px;border:0;cursor:pointer;background-color:#8e98f3}.carousel__pagination-button--active{background-color:#642afb}