.pnl{text-align:left;border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.pnl-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pnl-head>span{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);font-size:11px;font-weight:700}.pnl-head b{font-family:var(--f-display);align-items:center;gap:6px;font-size:26px;font-weight:800;line-height:1;display:inline-flex}.pnl-head b.up{color:var(--em-hi)}.pnl-head b.down{color:var(--danger)}.pnl-spark{width:100%;height:44px;display:block;overflow:visible}.pnl-spark .zero{stroke:#eaefec2e;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.pnl-spark .ln{fill:none;stroke-width:1.6px;vector-effect:non-scaling-stroke}.pnl-spark .up .ln{stroke:var(--em-hi)}.pnl-spark .down .ln{stroke:var(--danger)}.pnl-spark .up .area{fill:#6af8d624}.pnl-spark .down .area{fill:#f2685a29}