.kronos-marquee{
  --text:#000;
  --muted:rgba(248,244,238,0.38);
  --duration:42s;

  width:100%;
  overflow:hidden;
  background:var(--bg);
  padding:10px 0;
  position:relative;
}

.kronos-marquee__track{
  display:flex;
  align-items:center;
  width:max-content;
  white-space:nowrap;
  will-change:transform;
  animation:kronos-marquee-scroll var(--duration) linear infinite;
}

.kronos-marquee__set{
  display:flex;
  align-items:center;
  white-space:nowrap;
}

.kronos-marquee__item{
  display:inline-flex;
  align-items:center;
  color:var(--text);
  font-size:18px;
  line-height:1;
  font-weight:500;
  padding:0 18px;
  letter-spacing:0.01em;
}

.kronos-marquee__divider{
  width:28px;
  height:1px;
  background:var(--muted);
  display:inline-block;
  flex:0 0 auto;
}

.kronos-marquee:hover .kronos-marquee__track{
  animation-play-state:paused;
}

@keyframes kronos-marquee-scroll{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}

@media (max-width: 767px){
  .kronos-marquee{
    padding:8px 0;
  }

  .kronos-marquee__item{
    font-size:15px;
    padding:0 14px;
  }

  .kronos-marquee__divider{
    width:18px;
  }
}

@media (prefers-reduced-motion: reduce){
  .kronos-marquee__track{
    animation:none;
  }
}