.carousel{align-items:center;gap:20px;width:1332px;margin-left:calc(50% - 666px);display:flex}.carousel .carousel__viewport{width:100%;position:relative;overflow:hidden}.carousel .carousel__viewport .carousel__slide{padding:0 10px}.carousel .carousel__viewport .carousel__slide img{cursor:pointer;border-radius:12px;width:100%;height:auto}.carousel .carousel__prev,.carousel .carousel__next{color:#000;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;transition:all .3s;display:flex}.carousel .carousel__prev:disabled,.carousel .carousel__next:disabled{cursor:not-allowed;opacity:.5}.carousel-modal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:10px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.carousel-modal .carousel-modal__content{animation:.3s slideUp}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper{position:relative}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper img{max-width:75vw;height:auto}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper button{color:#000;cursor:pointer;z-index:10;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:1px;right:1px}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper button:hover{opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1332px){.carousel{width:100%;max-width:1200px;margin:0}}@media (max-width:767px){.carousel{gap:5px}.carousel .carousel__prev,.carousel .carousel__next{width:30px;height:30px;font-size:18px}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper img{max-width:95vw;height:auto}.carousel-modal .carousel-modal__content .carousel-modal__image-wrapper button{width:40px;height:40px;font-size:24px}}
