:root { --list-gap: var(--Spacing-L); }

.scroller {
  overflow: hidden;
  touch-action: pan-y;
  user-select: none;
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  gap: var(--list-gap);
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
  animation: marquee var(--_duration, 60s) linear infinite;
}

.scroller[data-speed="fast"] .scroller__inner { --_duration: 30s; }
.scroller[data-speed="slow"] .scroller__inner { --_duration: 60s; }

@keyframes marquee {
  to { transform: translateX(calc(-50% - var(--list-gap)/2)); }
}

.images-list { margin: 0; padding: 0; list-style: none; }

.images-list .logos-carousel-item {
  height: 36px;
  width: auto;
  flex-shrink: 0;
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: auto;
}

.logos-carousel- .images-list .logos-carousel-item{% if module.use_gray_filter_on_images %}{ filter: grayscale(1); }{% else %}{ filter: none; }{% endif %}