
.tse-marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.tse-marquee {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left var(--tse-speed, 15s) linear infinite;
}

.scroll-right .tse-marquee {
  animation-name: scroll-right;
}

.scroll-left .tse-marquee {
  animation-name: scroll-left;
}

.tse-item {
  display: inline-flex;
  align-items: center;
  margin-right: 40px;
}

.tse-item-icon {
  margin-right: 8px;
}

@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

@keyframes scroll-right {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
