.pageSlider {
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}

.pageSlider__track {
  display: flex;
  width: 100%;
  transform: translateX(-100%);
  will-change: transform;
}

.pageSlider__track.is-animating {
  transition: transform 240ms ease-out;
}

.pageSlide {
  position: relative;
  flex: 0 0 100%;
  min-width: 0;
  background: #fff;
}

.pageSlide img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  user-select: none;
  -webkit-user-drag: none;
}

.pageSlide__loading,
.pageSlide__empty {
  display: grid;
  min-height: 40vh;
  place-items: center;
  color: rgba(0, 0, 0, 0.6);
}

.pageSlide__empty {
  visibility: hidden;
}