.marquee-block {
  overflow: hidden;
  width: 100%;
  background: transparent;
}
.marquee-block[data-direction=right] .marquee-track {
  animation-name: marquee-right;
}

.marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: marquee-left 20s linear infinite;
  gap: var(--wdg-gap-medium);
}

.marquee-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--wdg-gap-large);
  height: 150px;
  border: 1px solid rgba(39, 44, 48, 0.2);
  border-radius: 6px;
  background: var(--wdg-color-white);
  overflow: hidden;
}
.marquee-img-wrapper img {
  object-fit: contain;
  width: 150px;
  height: auto;
  display: block;
}

/* -- Marquee animations -- */
@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Will be dynamically set by JS */
  }
}
@keyframes marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
/*# sourceMappingURL=marquee.css.map */