.marquee{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:22px 0;overflow:hidden;position:relative;z-index:2;
  background:rgba(255,255,255,.012);
}
.marquee::before,.marquee::after{
  content:'';position:absolute;top:0;bottom:0;width:140px;
  z-index:2;pointer-events:none;
}
.marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.marquee::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.marquee-track{
  display:flex;gap:52px;width:max-content;
  animation:slide 42s linear infinite;
}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.mq{
  font-family:var(--mono);font-size:13px;color:var(--dim);
  letter-spacing:1px;white-space:nowrap;
  display:flex;align-items:center;gap:52px;
}
.mq i{
  width:4px;height:4px;border-radius:50%;
  background:var(--cyan);opacity:.5;font-style:normal;
}