.carousel{position:relative}.carousel ul{overflow:auto;display:flex;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-snap-points-y:repeat(100%);scroll-behavior:smooth;background:gray;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.carousel ul::-webkit-scrollbar{display:none}.carousel ul li{position:relative;min-width:100%;list-style:none;background:url()50%/cover no-repeat;scroll-snap-align:start}.carousel ul li>*{position:absolute;left:0;top:0;width:100%;height:100%}.carousel ul li>img{object-fit:cover}.carousel ul li div div{background-color:rgba(100,100,100,.5)}.carousel ul li>div{display:flex;justify-content:center;align-items:end;color:#fff;font-size:.8em}.carousel ol{position:absolute;bottom:15px;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:9}.carousel ol li{list-style:none;padding:0 5px}.carousel ol li a{display:block;height:10px;width:10px;border:2px solid #fff;background:0 0;border-radius:100%}.carousel ol li.selected a{background:#fff}.carousel .prev,.carousel .next{display:none;user-select:none;cursor:pointer;font-size:50px;color:#fff;position:absolute;left:0;padding:15px 15px 30px;top:50%;transform:translateY(-50%);z-index:9;line-height:0}.carousel .next{left:auto;right:0}