/* Keep the client logos in one row, including with reduced motion enabled. */
[data-marquee] [data-marquee-track] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: max-content;
}

[data-marquee]:focus-visible {
  outline: 2px solid #1e427c;
  outline-offset: 4px;
}

[data-marquee]:focus-within [data-marquee-track] {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  [data-marquee] {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-mask-image: none;
    mask-image: none;
  }

  [data-marquee] [data-marquee-track] {
    animation: none;
    transform: none;
  }

  [data-marquee-track] [aria-hidden="true"] {
    display: none;
  }
}