#cp-market-ticker {
  background: #002244;
  height: 40px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}

.cp-ticker__track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  animation: cp-ticker-scroll 30s linear infinite;
}

#cp-market-ticker:hover .cp-ticker__track {
  animation-play-state: paused;
}

@keyframes cp-ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.cp-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}

.cp-ticker__item--gain .cp-ticker__arrow,
.cp-ticker__item--gain .cp-ticker__pct {
  color: #00d084;
}

.cp-ticker__item--decline .cp-ticker__arrow,
.cp-ticker__item--decline .cp-ticker__pct {
  color: #ff4444;
}

.cp-ticker__sep {
  color: #94a3b8;
  padding: 0 2px;
}

.cp-ticker__label {
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0 10px;
}