/* Scrolling logo strip on the home page (see brands.js). */
html body .tmcb-brands {
  display: block !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.tmcb-brands-track {
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  padding: 6px 0;
  animation: tmcb-brands var(--tmcb-brands-time, 40s) linear infinite;
}
.tmcb-brands-track > * { flex: none; }
.tmcb-brands:hover .tmcb-brands-track,
.tmcb-brands:focus-within .tmcb-brands-track { animation-play-state: paused; }
@keyframes tmcb-brands {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 24px)); }
}
@media (max-width: 600px) {
  .tmcb-brands-track { gap: 32px; }
  @keyframes tmcb-brands { to { transform: translateX(calc(-50% - 16px)); } }
}
/* People who have asked their device for less motion get a still, wrapped row. */
@media (prefers-reduced-motion: reduce) {
  html body .tmcb-brands { -webkit-mask-image: none; mask-image: none; }
  .tmcb-brands-track { animation: none; flex-wrap: wrap; justify-content: center; width: auto; gap: 16px 32px; }
  .tmcb-brands-track > [aria-hidden="true"] { display: none; }
}