@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;600;700;900&display=swap');

.svpa-prt{
  --svpa-prt-bg:#e8e8e8;
  --svpa-prt-label-color:#9a9a9a;
  --svpa-prt-tag-bg:#ffffff;
  --svpa-prt-tag-border:#d5d5d5;
  --svpa-prt-tag-color:#9a9a9a;
  --svpa-prt-tag-bg-h:#e31010;
  --svpa-prt-tag-border-h:#e31010;
  --svpa-prt-tag-color-h:#ffffff;
  --svpa-prt-gap:10px;
  --svpa-prt-speed:22s;

  padding:56px 0;
  background:var(--svpa-prt-bg);
  overflow:hidden;
  font-family:'Rajdhani',sans-serif;
}
.svpa-prt *,
.svpa-prt *::before,
.svpa-prt *::after{box-sizing:border-box;}

.svpa-prt-lbl{
  text-align:center;
  font-family:'Orbitron',monospace;
  font-size:.58rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--svpa-prt-label-color);
  margin:0 0 24px;
}

.svpa-prt-outer{ overflow:hidden; }
.svpa-prt-track{
  display:flex;
  gap:var(--svpa-prt-gap);
  width:max-content;
  animation:svpa-prt-mq var(--svpa-prt-speed) linear infinite;
}
.svpa-prt-track.svpa-prt-rev{ animation-direction:reverse; }
.svpa-prt[data-pause-hover="yes"] .svpa-prt-track:hover{ animation-play-state:paused; }
@keyframes svpa-prt-mq{
  from{ transform:translateX(0); }
  to  { transform:translateX(-50%); }
}

.svpa-prt-tag{
  padding:8px 22px;
  background:var(--svpa-prt-tag-bg);
  border:1px solid var(--svpa-prt-tag-border);
  font-family:'Bebas Neue',sans-serif;
  font-size:.9rem;
  letter-spacing:3px;
  color:var(--svpa-prt-tag-color);
  white-space:nowrap;
  text-decoration:none;
  display:inline-flex;align-items:center;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.svpa-prt-tag:hover{
  background:var(--svpa-prt-tag-bg-h);
  border-color:var(--svpa-prt-tag-border-h);
  color:var(--svpa-prt-tag-color-h);
}

@media (prefers-reduced-motion:reduce){
  .svpa-prt-track{ animation:none !important; }
}