.slider{position:relative;width:min(560px,100%);aspect-ratio:4 / 3;margin:12px auto;overflow:hidden;border-radius:12px}.slides{display:flex;height:100%;will-change:transform;transition:transform .4s ease}.slides>*{flex:0 0 100%;height:100%}.slides img{width:100%;height:100%;object-fit:cover;display:block}.slider button{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:0;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:50%;-webkit-user-select:none;user-select:none}.slider .prev{left:10px}.slider .next{right:10px}.slider button:focus-visible{outline:2px solid #000;outline-offset:2px}