.carousel{position:relative}.carousel ul{overflow:hidden;display:flex;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-snap-points-y:repeat(100%);scroll-behavior:smooth;background:0 0;-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%;margin:0;padding:0 0 66.667%;list-style:none;scroll-snap-align:start}.carousel ul li>*{position:absolute;left:0;top:0;width:100%;height:100%}.carousel ul li>img{margin:0;object-fit:cover}.carousel ul li>div{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:20px}.carousel ol{margin:0;padding:0;position:absolute;bottom:15px;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:9}.carousel ol li{list-style:none;margin:0;padding:0}.carousel ol li a{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.carousel ol li a::before{content:'';width:10px;height:10px;border:2px solid rgba(255,255,255,.9);border-radius:100%;background:0 0}.carousel ol li.selected a::before{background:#fff}.carousel .prev,.carousel .next{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(28,25,23,.35);color:#fff;cursor:pointer;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:9;transition:background-color .3s}.carousel .prev:hover,.carousel .next:hover{background:rgba(28,25,23,.65)}.carousel .next{left:auto;right:.75rem}.carousel .prev svg,.carousel .next svg{width:1.4rem;height:1.4rem}