/*
 * Horizontal card strips — native scroll, vertical page scroll passes through.
 */

.hscroll-bleed {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  transform: none;
  opacity: 1;
}

.hscroll-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  max-height: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  /* y:auto lets vertical swipes reach the page when finger is on the strip */
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  scrollbar-width: none;
  touch-action: auto;
  transform: none;
  opacity: 1;
  will-change: auto;
}

.hscroll-track::-webkit-scrollbar {
  display: none;
}

.hscroll-track > * {
  flex-shrink: 0;
  transform: none;
}