/* Figures of slides/viz/widgets/benchmarking.js (unit 28). */
.viz-profile, .viz-bootstrap { grid-template-columns: 520px minmax(0, 1fr); }
.viz-bm-toggles { display: flex; gap: 18px; margin-bottom: 8px; font-size: 15px; }
.viz-bm-toggle { display: flex; gap: 6px; align-items: center; cursor: pointer; font-weight: 600; }
.viz-bm-toggle.c0 { color: var(--c-lp); } .viz-bm-toggle.c1 { color: var(--c-ip); } .viz-bm-toggle.c2 { color: var(--c-cp); }
.viz-bm-curve { fill: none; stroke-width: 3; }
.viz-bm-curve.c0 { stroke: var(--c-lp); } .viz-bm-curve.c1 { stroke: var(--c-ip); stroke-dasharray: 8 4; } .viz-bm-curve.c2 { stroke: var(--c-cp); stroke-dasharray: 3 3; }
.viz-bm-label { font: 600 14px var(--f-mono); }
.viz-bm-label.c0 { fill: var(--c-lp); } .viz-bm-label.c1 { fill: var(--c-ip); } .viz-bm-label.c2 { fill: var(--c-cp); }
.viz-bm-bar { fill: var(--accent); opacity: .8; }
.viz-bm-band { fill: var(--accent-soft); }