/* Decorative data wave beside the 360° metric; no additional content row. */
.heroConsole .bigMetricWithWave{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:12px}
.heroConsole .bigMetricValue{position:relative;z-index:1;min-width:0}
.heroConsole .bigMetricValue small,.heroConsole .bigMetricValue strong{white-space:nowrap}
.heroConsole .dataWave{position:relative;min-width:0;height:84px;align-self:center;isolation:isolate}
.dataWave canvas{display:block;width:100%;height:100%;pointer-events:none}
.dataWaveToggle{position:absolute;right:-5px;top:-11px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:13px;border:0;border-radius:50%;background:transparent;color:#497181;cursor:pointer;opacity:.75;transition:opacity .15s ease,background-color .15s ease}
.dataWaveToggle:hover,.dataWaveToggle:focus-visible{opacity:1;background:#edf6f5}
.dataWaveToggle:focus-visible{outline:3px solid #008c91;outline-offset:1px}
.dataWaveToggle svg{display:block;width:16px;height:16px}
.dataWaveToggle[hidden],.dataWavePlay{display:none}
.dataWaveToggle[aria-pressed="true"] .dataWavePause{display:none}
.dataWaveToggle[aria-pressed="true"] .dataWavePlay{display:block}
@media(max-width:420px){
  .heroConsole .bigMetricWithWave{column-gap:5px}
  .heroConsole .dataWave{height:78px}
  .dataWaveToggle{right:-7px;top:-12px}
}
@media(prefers-reduced-motion:reduce){.dataWaveToggle{transition:none}}