.carousel{align-items:center;display:flex;flex-direction:column;font-family:Arial;padding:40px 0;width:100%}.carousel__list{list-style:none;margin:0;padding:0;perspective:300px;position:relative;width:100%}.carousel__item,.carousel__list{display:flex;justify-content:center}.carousel__item{align-items:center;border-radius:12px;box-shadow:0 2px 8px 0 rgba(50,50,50,.5);cursor:pointer;overflow:hidden;position:absolute;transition:all .3s ease-in}.carousel__item[data-pos="0"]{filter:none;opacity:1;transform:translateX(0) scale(1);z-index:5}.carousel__item[data-pos="-1"],.carousel__item[data-pos="1"]{filter:blur(1px) grayscale(10%);opacity:.7}.carousel__item[data-pos="-1"]{transform:translateX(-40%) scale(.9);z-index:4}.carousel__item[data-pos="1"]{transform:translateX(40%) scale(.9);z-index:4}.carousel__item[data-pos="-2"],.carousel__item[data-pos="2"]{filter:blur(3px) grayscale(20%);opacity:.4}.carousel__item[data-pos="-2"]{transform:translateX(-70%) scale(.8);z-index:3}.carousel__item[data-pos="2"]{transform:translateX(70%) scale(.8);z-index:3}.carousel__nav{display:flex;gap:8px;justify-content:center}.carousel__dot{background-color:#ccc;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.carousel__dot:hover{background-color:#999}.carousel__dot--active{background-color:#333;transform:scale(1.2)}