.chart{width:100%;position:relative}.panel-label{margin-bottom:6px;font-size:12.5px;font-weight:600}.chart svg{display:block;overflow:visible}.chart .axis{fill:var(--dim);font-family:Outfit,sans-serif;font-size:11px}.chart .gridline{stroke:var(--line);stroke-dasharray:3 4}.tip{pointer-events:none;z-index:5;background:var(--card-solid);border:1px solid var(--line-2);box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;padding:9px 12px;font-size:12.5px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.tip b{font-family:Fredoka,sans-serif;font-size:14px}.tip .row{align-items:center;gap:7px;display:flex}.dot{border-radius:3px;flex:none;width:9px;height:9px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.bar-row{grid-template-columns:130px minmax(0,1fr) 70px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-row+.bar-row{margin-top:9px}.bar-track{background:var(--card-2);border-radius:999px;height:12px;overflow:hidden}.bar-fill{border-radius:inherit;height:100%;transition:width .7s cubic-bezier(.2,.8,.3,1)}.bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row .r{text-align:right}.tip .row{min-width:170px}.legend .dot{display:inline-block}.donut{justify-items:center;gap:10px;display:grid;position:relative}.donut-center{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;top:0}.donut-center b{font:600 24px/1 Fredoka,sans-serif;display:block}.donut-center span{color:var(--dim);font-size:12px}.donut-legend{flex-direction:column;align-self:stretch;gap:6px}