.marquee__wrapper {
  --marquee-animation-speed: var(--animation-speed-mobile, 20s);
  --marquee-animation-steps: calc(100% / var(--animation-steps, 8) * -1);
  --marquee-elements-gap: 60px;
  --section-padding-bottom: var(--padding-bottom-mobile, 16px);
  --section-padding-top: var(--padding-top-mobile, 16px);
  position: relative;
  background: var(--background-primary, #fff);
  overflow: hidden;
}
@media (min-width: 992px) {
  .marquee__wrapper {
    --marquee-elements-gap: 90px;
    --section-padding-bottom: var(--padding-bottom-desktop, 16px);
    --section-padding-top: var(--padding-top-desktop, 16px);
  }
}
@media (min-width: 1280px) {
  .marquee__wrapper {
    --marquee-animation-speed: var(--animation-speed-desktop, 10s);
    --marquee-elements-gap: 140px;
  }
}
.marquee__wrapper--padding-top:not(:empty) {
  padding-top: var(--section-padding-top);
}
.marquee__wrapper--padding-bottom:not(:empty) {
  padding-bottom: var(--section-padding-bottom);
}
.marquee__track {
  display: flex;
  width: max-content;
  animation: marquee var(--marquee-animation-speed) linear infinite;
  will-change: transform;
  color: var(--text-color, var(--color-primary, #000));
}
.marquee__content {
  display: flex;
  align-items: center;
  gap: var(--marquee-elements-gap);
  margin-right: var(--marquee-elements-gap);
}
.marquee__text {
  white-space: nowrap;
  margin: 0;
}

@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(var(--marquee-animation-steps), 0, 0);
  }
}