.slider-container{
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
}
.slider-container *,
.slider-container *::before,
.slider-container *::after{
  box-sizing:border-box;
}
.slider-container:focus{
  outline:2px solid #4A90E2;
  outline-offset:2px;
}
.slider{
  display:flex;
  transition:transform 0.3s ease;
  cursor:grab;
  user-select:none;
}
.slider.dragging{
  transition:none;
  cursor:grabbing;
}
.slide{
  min-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  pointer-events:none;
}
.slide[data-link]{
  cursor:pointer;
}