/* Optical size is part of layout, not a transform painted outside a short row. */
.dd-logo-marquee {
  --dd-logo-size: 30px;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}
.dd-logo-track {
  display: flex;
  width: max-content;
  align-items: center;
  transform: translate3d(0, 0, 0);
  animation: dd-marquee var(--dd-duration, 40s) linear infinite;
  animation-play-state: paused;
}
.dd-logo-marquee[data-dd-ready="true"] .dd-logo-track { animation-play-state: running; }
.dd-logo-marquee:hover .dd-logo-track { animation-play-state: paused; }
.dd-logo-group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--dd-gap, 50px);
  padding-right: var(--dd-gap, 50px);
}
.dd-logo-item {
  flex: 0 0 auto;
  height: calc(var(--dd-logo-size) * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .95;
  padding-inline: calc(var(--dd-pad, 14px) * var(--s, 1));
}
.dd-logo-item img {
  display: block;
  height: calc(var(--dd-logo-size) * var(--s, 1));
  width: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: none;
}
@keyframes dd-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-1 * var(--dd-shift, 1000px)), 0, 0); }
}
@media (max-width: 768px) {
  .dd-logo-marquee { --dd-logo-size: 24px; padding-block: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .dd-logo-marquee { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #53534e transparent; }
  .dd-logo-track { animation: none !important; transform: none !important; }
  .dd-logo-group[data-dd-clone] { display: none; }
}