.main-slider{width:100%;overflow:hidden;position:relative;padding:0!important;aspect-ratio:3}.main-slider-viewport{min-width:100vw;display:flex;transition:transform .3s}.main-slider-viewport .slide{width:100vw;flex-shrink:0}.main-slider-arrows{opacity:0;position:absolute;top:0;width:40px;height:100%;font-size:2em;cursor:pointer;z-index:10;color:#fff;display:flex;align-items:center;justify-content:center}.main-slider-arrows::before{content:"";display:block;position:absolute;top:0;left:0;opacity:0;transition:.3s;width:100%;height:100%;z-index:-1}.main-slider-arrows:hover::before{opacity:1}.main-slider-arrows.prev{left:0}.main-slider-arrows.next{right:0}.main-slider-arrows.prev::before{background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.main-slider-arrows.next::before{background:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.main-slider-nav{opacity:0;position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;height:24px;min-width:60px;border-radius:15px;background:rgba(0,0,0,.5);gap:5px;bottom:20px}.main-slider-nav .dot{height:38.2%;aspect-ratio:1;border-radius:50%;background:#969696;transition:.3s}.main-slider-nav .dot.active{background:#fff}
@media (max-width:600px){.main-slider{aspect-ratio:4/5}}