.d895-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(to right, transparent, black 5rem, black calc(100% - 5rem), transparent);
  --speed: 16s; /* Default speed */
}

.d895-marquee .d895-marquee__inner {
  display: flex;
  flex-direction: row;
  width: max-content;
  animation: marquee var(--speed) linear infinite;
}

.d895-marquee .d895-marquee__inner .d895-marquee__row {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
}

.d895-marquee .d895-marquee__item {
  padding: 0 25px;
}

@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}