.carousel{position:relative;overflow:hidden;border-radius:12px;background:#0f1116}
.carousel-track{display:flex;transition:transform 400ms ease;will-change:transform}
.carousel-slide{min-width:100%}
.carousel-slide img{width:100%;height:auto;display:block;object-fit:cover}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:8px;padding:8px 10px;cursor:pointer}
.carousel-prev{left:8px}
.carousel-next{right:8px}
.carousel-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}
.carousel-dots [data-dot]{width:8px;height:8px;border-radius:50%;border:0;background:#fff;opacity:.35;cursor:pointer}
.carousel-dots [data-dot].active{opacity:.85}