.pchart{border:1px solid var(--line);background:var(--surface);margin:18px 0 0;padding:14px 14px 10px}.pchart-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;margin-bottom:8px;font-size:14px;display:flex}.pchart-h b{color:var(--ink);font-weight:600}.pchart-leg{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.pchart-leg span{align-items:center;gap:6px;display:inline-flex}.pchart-leg i{width:14px;height:3px;display:inline-block}.pchart-leg i.is-ours{background:repeating-linear-gradient(90deg,#1f1d1a 0 5px,#0000 5px 8px)!important}.pchart-box{touch-action:pan-y;width:100%;position:relative}.pchart-svg{max-width:100%;display:block;overflow:visible}.pchart-grid{stroke:var(--line);stroke-width:1px}.pchart-ax{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.pchart-cursor{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:3 3}.pchart-tip{border:1px solid var(--line-2);white-space:nowrap;pointer-events:none;z-index:2;background:#fff;gap:2px;padding:6px 9px;font-size:12px;display:grid;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 4px 14px #00000014}.pchart-tip span{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.pchart-tip i{width:8px;height:8px;display:inline-block}.pchart-note{color:var(--ink-3);margin:6px 0 0;font-size:12px}