.h-pager {
  display: flex;
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* Vertical: native page scroll. Horizontal: pointer gestures in pager.js */
  touch-action: pan-y;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.h-pager--dragging {
  scroll-behavior: auto;
  scroll-snap-type: none;
  cursor: grabbing;
}

.h-pager::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.h-pager__page {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  scrollbar-width: none;
}

.h-pager__page::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.h-pager__page > * {
  min-height: 100%;
  min-height: 100dvh;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .h-pager__page > * {
    min-height: 100%;
    min-height: 100dvh;
  }
}