.fz-chart-frame{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fz-chart-frame__canvas{position:relative;min-height:10rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:var(--space-2)}.fz-chart-frame__canvas--plain{min-height:0;border:0;background:none;padding:0}.fz-chart-frame__overlay{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-3);z-index:1;max-width:calc(100% - var(--space-6));pointer-events:none}.fz-chart-frame__overlay button,.fz-chart-frame__overlay a,.fz-chart-frame__overlay [role=button]{pointer-events:auto}.fz-chart-frame__loading{height:14rem}.fz-chart-frame__message{display:flex;align-items:center;justify-content:center;min-height:10rem;color:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-label);text-align:center;padding:var(--space-4)}.fz-chart-frame__tools{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3)}.fz-chart-frame__howto{font-family:var(--font-sans);font-size:var(--font-size-label-sm);color:var(--muted-foreground)}.fz-chart-frame__howto-summary{display:inline-flex;align-items:center;min-height:1.5rem;cursor:pointer;color:var(--foreground);font-weight:var(--font-weight-medium)}.fz-chart-frame__howto-summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.fz-chart-frame__howto-body{margin:var(--space-1) 0 0;max-width:60ch}.fz-chart-frame__table{min-width:0}.fz-chart-frame__legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;padding:0;list-style:none;font-family:var(--font-sans);font-size:var(--font-size-label-sm);color:var(--muted-foreground)}.fz-chart-frame__legend-item{display:inline-flex;align-items:center;gap:var(--space-1)}.fz-chart-frame__legend-swatch{width:.625rem;height:.625rem;border-radius:var(--radius-sm);background:var(--fz-chart-cat, var(--primary));flex:none}.fz-chart-frame__legend-swatch[data-fz-outlined=true]{background:transparent;border:1.5px dashed var(--fz-chart-cat, var(--primary))}.fz-chart-frame__legend-swatch[data-fz-tone=loss]{--fz-chart-cat: var(--loss)}.fz-chart-frame__legend-swatch[data-fz-tone=gain]{--fz-chart-cat: var(--gain)}.fz-chart-frame__legend-swatch[data-fz-cat="0"]{--fz-chart-cat: var(--chart-cat-1)}.fz-chart-frame__legend-swatch[data-fz-cat="1"]{--fz-chart-cat: var(--chart-cat-2)}.fz-chart-frame__legend-swatch[data-fz-cat="2"]{--fz-chart-cat: var(--chart-cat-3)}.fz-chart-frame__legend-swatch[data-fz-cat="3"]{--fz-chart-cat: var(--chart-cat-4)}.fz-chart-frame__legend-swatch[data-fz-cat="4"]{--fz-chart-cat: var(--chart-cat-5)}.fz-chart-frame__legend-swatch[data-fz-cat="5"]{--fz-chart-cat: var(--chart-cat-6)}