.carousel-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f6f6f6}.carousel{position:relative;width:100%;height:100%}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-out}.carousel-item.active{opacity:1;z-index:1}.carousel-img{width:100%;height:100%;object-fit:cover}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;z-index:2;transition:background-color .2s}.carousel-control:hover{background:rgba(0,0,0,.7)}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:rgba(0,0,0,.6);color:#fff;text-align:center}@media(max-width:768px){.carousel-container{aspect-ratio:4/3}.carousel-control{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}}.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{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:20px}.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}