.stt { width: 100%; }

.stt__viewport {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.stt__track {
  display: inline-flex;
  align-items: center;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

/* This spacing becomes part of the segment width. */
.stt__segment {
  display: inline-flex;
  align-items: center;
  padding-right: 6px; /* gap between repeats */
}

.stt__item {
  display: inline-block;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  .stt__track {
    transform: none !important;
  }
}