@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}100%{scroll-snap-align:center}}ol,li{list-style:none;margin:0;padding:0}.carousel{position:relative;box-sizing:border-box;left:0px;right:0px;filter:drop-shadow(0 0 10px rgba(0,0,0,.2));perspective:100px}.carousel__viewport{position:relative;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;counter-reset:item;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel__slide{position:relative;flex:0 0 100%;counter-increment:item}.carousel__slide img{object-fit:scale-down;width:100vw;max-height:80vh;max-width:100%;top:50%;position:relative;transform:translateY(-50%);loading:lazy}.carousel__slide:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -40%, 70px);color:#fff;font-size:2em}.carousel__snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}.carousel__navigation{position:absolute;right:0;bottom:0;left:0;text-align:center}.carousel__navigation-list,.carousel__navigation-item{display:inline-block}.carousel__navigation-button{display:inline-block;width:1.5rem;height:1.5rem;background-color:#333;background-clip:content-box;border:.25rem solid rgba(0,0,0,0);border-radius:50%;font-size:0;transition:transform .1s}.carousel::before,.carousel::after,.carousel__prev,.carousel__next{position:absolute;top:0;margin-top:37.5%;width:4rem;height:4rem;transform:translateY(-50%);border-radius:50%;font-size:0;outline:0}.carousel::before,.carousel__prev{left:-1rem}.carousel::after,.carousel__next{right:-1rem}