.ecm-mpa-bar,
.ecm-mpa-setup {
  color: #fff;
  background: #061b38;
  font: 13px/1.4 "Avenir Next", Inter, "Segoe UI", Arial, sans-serif;
}

.ecm-mpa-wrap {
  width: min(calc(100% - 40px), 1240px);
  margin-inline: auto;
}

.ecm-mpa-bar .market-bar__inner {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.ecm-mpa-bar .market-list {
  display: flex;
  gap: 26px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  white-space: nowrap;
}

.ecm-mpa-bar .market-list strong { margin-left: 6px; font-weight: 750; }
.ecm-mpa-bar .market-up { margin-left: 5px; color: #75d9ad; }
.ecm-mpa-bar .market-down { margin-left: 5px; color: #ff8f86; }
.ecm-mpa-bar .market-flat { margin-left: 5px; color: #b9c8db; }
.ecm-mpa-bar .market-tools { display: flex; flex-shrink: 0; align-items: center; gap: 12px; color: #aebed0; font-size: 11px; }
.ecm-mpa-bar .market-tools a { color: #fff; }
.ecm-mpa-bar .market-tools a:hover { color: #ffb15d; }
.ecm-mpa-bar.is-stale { background: #382511; }
.ecm-mpa-setup .ecm-mpa-wrap { min-height: 38px; display: flex; align-items: center; }

@media (max-width: 780px) {
  .ecm-mpa-wrap { width: min(calc(100% - 28px), 1240px); }
  .ecm-mpa-bar .market-tools { display: none; }
  .ecm-mpa-bar .market-bar__inner { min-height: 34px; }
  .ecm-mpa-bar .market-list { gap: 18px; }
  .ecm-mpa-bar .market-list li:nth-child(n+4) { display: none; }
}