._graph_1890ac4{flex-direction:column;flex:none;align-self:center;align-items:center;gap:10px;width:100%;min-width:0;margin:0;display:flex}._graph_1890ac4._compact_1890ac4 ._plot_1890ac4{--graph-font-size:15}._graph_1890ac4._compact_1890ac4 ._legend_1890ac4{gap:6px 16px;font-size:13px}._graph_1890ac4._compact_1890ac4 ._controls_1890ac4 button{width:32px;height:32px}._graph_1890ac4._compact_1890ac4 ._controls_1890ac4 svg{width:17px;height:17px}._graph_1890ac4._compact_1890ac4 ._hint_1890ac4{font-size:11px}._graph_1890ac4._compact_1890ac4 figcaption{font-size:12px}._legend_1890ac4{width:min(100%, calc(400px * var(--graph-aspect-ratio,1) + 106px));flex-wrap:wrap;flex-shrink:0;gap:8px 24px;font-size:18px;line-height:1.4;display:flex}._legend_1890ac4 span{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}._legend_1890ac4 i{border-radius:2px;flex-shrink:0;width:18px;height:3px}._plot_1890ac4{--graph-font-size:17;width:min(100%, calc(400px * var(--graph-aspect-ratio,1) + 106px));box-sizing:border-box;flex:none;padding:30px 30px 66px 76px;position:relative}._plotArea_1890ac4{width:100%;aspect-ratio:var(--graph-aspect-ratio,1)}._plot_1890ac4 canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}._plot_1890ac4 canvas:active{cursor:grabbing}._plot_1890ac4 canvas:focus-visible{outline:2px solid var(--text-muted);outline-offset:3px;border-radius:8px}._controls_1890ac4{flex-direction:column;gap:5px;display:flex;position:absolute;top:5px;right:8px}._controls_1890ac4 button{border:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-app) 92%, transparent);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:10px;place-items:center;display:grid}._controls_1890ac4 button:hover{background:var(--bg-panel-hover)}._controls_1890ac4 button:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}._graph_1890ac4 ._hint_1890ac4{width:min(100%, calc(400px * var(--graph-aspect-ratio,1) + 106px));color:var(--text-muted);flex-shrink:0;margin:0;font-size:15px;line-height:1.4}._graph_1890ac4 figcaption{box-sizing:border-box;border-top:1px solid var(--border-default);width:100%;color:var(--text-secondary);flex-shrink:0;margin-top:4px;padding:12px 4px 0;font-size:21px;line-height:1.5}@media (max-width:600px){._plot_1890ac4{--graph-font-size:24}._legend_1890ac4{font-size:24px}._controls_1890ac4 button{width:64px;height:64px}._controls_1890ac4 svg{width:28px;height:28px}._graph_1890ac4 ._hint_1890ac4{font-size:20px}._graph_1890ac4 figcaption{font-size:26px}}