.js-slider-main{display:flex;transition:transform .5s ease-in-out;will-change:transform}.slider-image-wrapper{flex-shrink:0;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.slider-image{width:100%;height:100%;object-fit:cover}.js-nav-btn{position:absolute;top:50%;transform:translateY(-50%);color:#fff;border:none;padding:.75rem 1rem;cursor:pointer;font-size:1.5rem;border-radius:9999px;transition:background-color .3s ease,transform .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.js-nav-btn:hover{transform:translateY(-50%) scale(1.05)}.js-prev-btn{left:1rem}.js-next-btn{right:1rem}.js-pagination-dots{display:flex;gap:.5rem;z-index:15}.js-dot{width:.516rem;height:.516rem;background-color:none;border-color:#000;border-radius:100%;cursor:pointer;transition:background-color .3s ease,transform .3s ease;border:1px solid rgb(0,0,0)}.js-dot.active{background-color:#000;transform:scale(1.2);border-color:#000}.js-dot:hover{background-color:#ffffffe6}.slider-image{height:100%}.js-nav-btn{padding:.5rem .75rem;font-size:1.2rem;width:40px;height:40px}.js-prev-btn{left:.5rem}.js-next-btn{right:.5rem}.js-dot{width:8px;height:8px}