.chartfig{margin:26px 0}.chartbox{border:1px solid var(--line);background:var(--bg-3);border-radius:14px;padding:18px 18px 12px}.chart-h{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.chart-t{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:600}.chart-u{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.chart-svg{width:100%;height:auto;display:block}.chart .cg{stroke:var(--line);stroke-width:1px}.prose text.cyl,.prose text.cxl{font-family:var(--font-mono);fill:var(--ink-3);font-size:10px}.donut .dn-tot{font-family:var(--font-display);fill:var(--ink);font-size:24px;font-weight:600}.donut .dn-lbl{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;fill:var(--ink-3);font-size:9.5px}.chart-leg{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.chart-leg.col{flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px}.chart-leg .lg{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;display:flex}.chart-leg .lg b{color:var(--ink);font-weight:600}.chart-leg .sw{border-radius:3px;flex:none;width:12px;height:12px}.tipable{cursor:pointer;transition:opacity .12s}.tipable:hover{opacity:.82}.chart-tip{z-index:300;pointer-events:none;background:var(--brand-deep);color:#fff;font-family:var(--font-mono);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:11.5px;position:fixed;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 12px 30px -12px #0a1c3399}.chart-tip:after{content:"";border:5px solid #0000;border-top-color:var(--brand-deep);border-bottom:none;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}