@layer bk.components{.sparkline{vertical-align:middle;line-height:0;display:inline-block;position:relative}.sparkline--fill{width:100%;min-width:0;display:block}.sparkline--fill>svg{display:block}.sparkline--fill>svg *{vector-effect:non-scaling-stroke}.sparkline__plot{cursor:crosshair;touch-action:pan-y}.sparkline__plot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sparkline__readout{margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-size:.75em;line-height:1.4;position:absolute;bottom:100%;right:0}.sparkline__readout:empty{padding:0}}