.banner-carousel-li{list-style:none}.banner-carousel{aspect-ratio:3/1;background:#000;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.banner-carousel--clickable{cursor:pointer}.banner-slide{height:100%;left:0;object-fit:cover;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.banner-slide--active{opacity:1}.banner-dots{bottom:8px;display:flex;gap:6px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.banner-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .3s ease;width:8px}.banner-dot--active{background:#fffffff2}