.homeBannerCarousel{position:relative;width:100%;overflow:hidden;background:#080d10}
.homeBannerViewport{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}
.homeBannerViewport::-webkit-scrollbar{display:none}
.homeBannerViewport.isDragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.homeBannerSlide{flex:0 0 100%;width:100%;scroll-snap-align:start}
.homeBannerSlide .homeVisualImage{display:block;width:100%}
.homeBannerSlide picture,.homeBannerSlide img{display:block;width:100%}
.homeBannerSlide img{height:auto;object-fit:cover}
.homeBannerArrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:38px;height:52px;border:0;border-radius:8px;background:rgba(0,0,0,.48);color:#fff;font-size:34px;line-height:1;cursor:pointer;display:grid;place-items:center}
.homeBannerArrow.prev{left:12px}.homeBannerArrow.next{right:12px}
.homeBannerDots{position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);display:flex;gap:7px;padding:5px 8px;border-radius:15px;background:rgba(0,0,0,.32)}
.homeBannerDots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.homeBannerDots button.isActive{width:19px;border-radius:7px;background:#fff}
@media(max-width:768px){.homeBannerArrow{display:none}.homeBannerDots{bottom:6px}.homeBannerDots button{width:6px;height:6px}.homeBannerDots button.isActive{width:16px}}