.slider{position:relative;width:100%;max-width:600px;margin:auto;overflow:hidden}.slides{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;box-sizing:border-box;height:256px}.pagination{display:flex;justify-content:center;margin-top:10px}.pagination-bullet{width:12px;height:12px;margin:0 5px;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;transition:background-color .3s}.pagination-bullet.active{background-color:#007aff}