.slider-wrapper{display:flex;transition:transform .5s ease-in-out;cursor:grab}.slider-item{min-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;background-size:cover;background-position:center;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slider-nav-button{font-size:10px;position:absolute;height:30px;width:30px;display:flex;justify-content:center;align-items:center;top:40%;transform:translateY(-50%);background-color:#00000080;color:#fff;padding:1rem;border-radius:50%;cursor:pointer;z-index:10;transition:background-color .3s ease-in-out}.slider-nav-button:hover{background-color:#000000b3}.slider-nav-button.left{left:1rem}.slider-nav-button.right{right:1rem}.slider-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.dot{width:10px;height:10px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:background-color .3s ease-in-out}.dot.active{background-color:#fff}