[data-metric-zoom]{cursor:zoom-in}[data-metric-zoom]:focus-visible{outline:2px solid #55d9e5;outline-offset:4px;border-radius:50%}
#metric-zoom-dialog{width:min(430px,calc(100vw - 36px));box-sizing:border-box;padding:24px;border:1px solid #365263;border-radius:18px;background:#101e29;color:#e8eff6;box-shadow:0 24px 70px #0007}
#metric-zoom-dialog::backdrop{background:#040a13a0;backdrop-filter:blur(3px)}
#metric-zoom-dialog .metric-zoom-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}
#metric-zoom-dialog h2{font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow-wrap:anywhere}
#metric-zoom-dialog button{background:transparent;border:0;color:#b4cbd8;font-size:26px;padding:0 4px}
#metric-zoom-dialog .metric-zoom-content{display:grid;place-items:center;margin:20px 0 0}
#metric-zoom-dialog .metric-zoom-content>div{width:100%;text-align:center}
#metric-zoom-dialog .metric-zoom-content svg{display:block;width:100%;height:auto;max-width:330px;margin:auto;overflow:visible}
#metric-zoom-dialog .gauge-track{stroke:#283743;stroke-width:5;fill:none}#metric-zoom-dialog .gauge-outer{stroke:#2b4557;stroke-width:.7;fill:none;stroke-dasharray:2 5}#metric-zoom-dialog .gauge-progress{fill:none;stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}#metric-zoom-dialog .gauge-value{font-size:25px;fill:#e8eff6;text-anchor:middle}#metric-zoom-dialog .gauge-percent{font-size:9px;fill:#829caf;text-anchor:middle}