.vd-scroll-strip {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  padding-inline: var(--strip-pad, 0px);
  scroll-padding-inline: var(--strip-pad, 0px);
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.vd-scroll-strip::-webkit-scrollbar {
  display: none;
}

.vd-scroll-strip > * {
  flex: none;
  white-space: nowrap;
  scroll-snap-align: start;
}

.vd-scroll-strip[data-overflow-end="true"] {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}