.client-marquee-wrapper {
  overflow: visible;
  white-space: nowrap;
  position: relative;
}

.client-marquee-track {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
}

.client-marquee-item {
  display: inline-block;
}

.client-marquee-icon-wrapper {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font: inherit;
}

.client-marquee-icon {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.client-marquee-icon svg {
  display: block;
  fill: currentColor;
}

.client-marquee-icon i {
  line-height: 1;
}

@keyframes client-marquee-anim-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--client-marquee-shift, 50%)));
  }
}

@keyframes client-marquee-anim-right {
  0% {
    transform: translateX(calc(-1 * var(--client-marquee-shift, 50%)));
  }
  100% {
    transform: translateX(0);
  }
}