.fs-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.fs-top .viz-legend{margin:0}.fs-frame{display:grid;grid-template-columns:3rem minmax(0,1fr);grid-template-areas:"y plot" ". x";margin-top:.75rem}.fs-y{grid-area:y;position:relative;font-size:var(--viz-tick-size);color:var(--fg-subtle);font-variant-numeric:tabular-nums}.fs-ytick{position:absolute;right:.5rem;transform:translateY(-50%);white-space:nowrap}.fs-plot{grid-area:plot;position:relative;touch-action:pan-y}.fs-svg{display:block;overflow:visible}.fs-x{grid-area:x;position:relative;height:1.5rem;font-size:var(--viz-tick-size);color:var(--fg-subtle);font-variant-numeric:tabular-nums}.fs-x .wk-tick{top:.375rem}.fs-readout{position:absolute;z-index:1;padding:.0625rem .375rem;border-radius:.375rem;white-space:nowrap;background:var(--viz-ink);color:var(--pbc-surface);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.fs-y .fs-readout{right:.25rem;transform:translateY(-50%)}.fs-x .fs-readout{top:.25rem;transform:translate(-50%)}.fs-titles{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:.375rem;font-size:.75rem;color:var(--fg-muted)}.fs-region{fill:var(--viz-shade)}.fs-stair line{fill:none;stroke:var(--pbc-s1);stroke-width:var(--viz-line);stroke-linecap:round;stroke-dasharray:1 3;stroke-dashoffset:0}.fs-cross line{stroke:var(--viz-neutral);stroke-width:1;shape-rendering:crispEdges}.fs-point{outline:none;cursor:default}.fs-point .viz-dot{transition:r var(--viz-dur-ui) var(--viz-ease-out),opacity var(--viz-dur-ui) ease}.fs-point[data-dim=true] .viz-dot{opacity:.5}.fs-point[data-linked=true] .viz-dot{stroke:var(--viz-ink)}.fs-focus{fill:none;stroke:var(--focus-ring);stroke-width:2}.fs-point:not(:focus-visible) .fs-focus{stroke:var(--viz-hairline)}.fs-label{font-size:.75rem;font-weight:550;fill:var(--fg);paint-order:stroke;stroke:var(--pbc-surface);stroke-width:4px;stroke-linejoin:round}.fs-label-hover{fill:var(--fg-muted)}.fs-better{display:inline-flex;align-items:center;gap:.3125rem;margin-left:auto;padding:.1875rem .5rem;border-radius:9999px;border:1px solid var(--viz-hairline);background:var(--viz-wash);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);pointer-events:none}.fs-better svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fs-better[data-x=right][data-y=top] svg{transform:scaleX(-1)}.fs-better[data-x=left][data-y=bottom] svg{transform:scaleY(-1)}.fs-better[data-x=right][data-y=bottom] svg{transform:scale(-1)}.viz-figure[data-reveal=pending] .fs-stair line{stroke-dashoffset:1.02}.viz-figure[data-reveal=in] .fs-stair line{transition:stroke-dashoffset var(--seg) linear calc(var(--draw-delay) + var(--d))}.viz-figure[data-reveal=pending] .fs-region{opacity:0}.viz-figure[data-reveal=in] .fs-region{transition:opacity var(--viz-dur-mark) ease var(--fill-delay)}.viz-figure[data-reveal=in] .fs-label{transition:opacity var(--viz-dur-ui) ease var(--draw-delay)}.fs[data-density=thumb]{margin:0}.fs[data-density=thumb] .fs-frame{grid-template-columns:1fr;grid-template-areas:"plot";margin:0}@media (forced-colors: active){.fs-stair line{forced-color-adjust:none;stroke:Highlight}.fs-region{forced-color-adjust:none;fill:GrayText;opacity:.15}.fs-readout{forced-color-adjust:none;background:CanvasText;color:Canvas}}.fs-ring{fill:color-mix(in oklab,var(--mark) 22%,transparent);stroke:none}.fs-key{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.fs-key-ring{flex:none;width:1rem;height:1rem;border-radius:9999px;background:color-mix(in oklab,var(--pbc-s1) 22%,transparent)}.viz-figure[data-reveal=pending] .fs-ring{opacity:0}.viz-figure[data-reveal=in] .fs-ring{transition:opacity var(--viz-dur-ui) ease var(--draw-delay)}