/* the moot home page only (gen_moot users_strip): the universities whose teams use LitArbi pass slowly under the
   competitions; still for reduced motion, each university once */
.users { position: relative; z-index: 1; margin: 28px auto 0; max-width: 820px; text-align: center; }
.users__lab { margin: 0 0 8px; font-family: var(--sans); font-size: 12.5px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); }
.users__list { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.users__viewport { display: flex; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.users__track { flex: none; display: flex; align-items: center; gap: 60px; margin: 0; padding: 0 30px; list-style: none; animation: users-pass 42s linear infinite; }
.users__viewport:hover .users__track { animation-play-state: paused; }
.users__item { flex: none; white-space: nowrap; font-family: var(--serif); font-size: 19px; color: var(--muted); display: flex; align-items: center; min-height: 56px; }
.users__logo { display: block; width: auto; filter: grayscale(1) brightness(0); opacity: .55; }
.users__logo--block { height: 54px; }
.users__logo--word { height: 30px; }
.users__logo--wide { height: 42px; }
@media (prefers-color-scheme: dark) { .users__logo { filter: grayscale(1) brightness(0) invert(1); opacity: .6; } }
@keyframes users-pass { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  .users__track { animation: none; flex: 1 1 auto; flex-wrap: wrap; justify-content: center; gap: 6px 36px; padding: 0; }
  .users__item { white-space: normal; }
  .users__track + .users__track, .users__item--again { display: none; }
  .users__viewport { -webkit-mask-image: none; mask-image: none; }
}