/* Refine the explanatory popovers in the market header without changing its live metrics. */
.market-context-tooltip {
  width: min(238px, calc(100vw - 24px));
  gap: 6px;
  border-color: #304254;
  border-radius: 8px;
  background: #0a1119;
  color: #b0bdc8;
  padding: 10px 11px;
  font: 11px/1.45 'Onest', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.market-context-tooltip::before {
  border-color: #304254;
  background: #0a1119;
}

.market-context-tooltip strong {
  color: #e5edf3;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
}

.market-context-tooltip > span {
  color: #aebbc6;
  line-height: 1.45;
}