.chart-frame .legend{color:var(--text-muted);flex-wrap:wrap;gap:.25rem .75rem;font-size:.75rem;display:flex}.chart-frame .key{align-items:center;gap:.35rem;display:inline-flex}.chart-frame .line-key{background:var(--key,var(--text));border-radius:1px;flex:none;width:12px;height:2px;display:inline-block}.chart-frame .line-key:is(.dashed,.dotted){border-top:2px dashed var(--key,var(--text-muted));background:0 0;border-radius:0;height:0}.chart-frame .line-key.dotted{border-top-style:dotted}.chart-frame .swatch{background:var(--key,var(--text-faint));border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}.chart-frame .grid{stroke:var(--hairline)}.chart-frame .grid.zero{stroke:var(--text-faint)}.chart-frame .axis{fill:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px}.chart-frame .crosshair{stroke:var(--hairline-strong)}.chart-frame .line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-frame .point{stroke:var(--bg);stroke-width:2px}.chart-frame svg[tabindex]{cursor:crosshair}.chart-frame svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}