.vz-figure{max-width:var(--measure-wide)}.vz-frame{--vz-dur:var(--dur-viz);border:1px solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper);container-type:inline-size}.vz-frame[data-speed="2"]{--vz-dur:min(var(--dur-viz), .2s)}.vz-frame:focus-visible{outline:2px solid var(--color-blueline);outline-offset:2px}.vz-presets{padding:12px 12px 0}.vz-stage{background-color:var(--color-viz-stage);background-image:linear-gradient(to right, color-mix(in srgb, var(--color-viz-grid) calc(var(--viz-grid-opacity) * 100%), transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-viz-grid) calc(var(--viz-grid-opacity) * 100%), transparent) 1px, transparent 1px);background-size:var(--viz-grid-size) var(--viz-grid-size);border-radius:var(--radius-box) var(--radius-box) 0 0;background-position:-1px -1px;padding:16px}.vz-presets+.vz-stage{border-radius:0;margin-top:12px}.vz-panels{align-items:start;gap:16px;display:grid}.vz-panel{flex-direction:column;gap:6px;min-width:0;display:flex}.vz-panel-title{font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-ink-2);font-weight:600}.vz-svg{font-variant-numeric:tabular-nums;width:100%;height:auto;margin-inline:auto;display:block;overflow:visible}.vz-panels[data-layout=row] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 32px) * var(--vz-nat) / var(--vz-nmax)))}@container (min-width:36rem){.vz-panels[data-row-at="36"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="36"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}@container (min-width:40rem){.vz-panels[data-row-at="40"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="40"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}@container (min-width:44rem){.vz-panels[data-row-at="44"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="44"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}@container (min-width:48rem){.vz-panels[data-row-at="48"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="48"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}@container (min-width:52rem){.vz-panels[data-row-at="52"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="52"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}@container (min-width:56rem){.vz-panels[data-row-at="56"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vz-panels[data-row-at="56"] .vz-svg{width:min(calc(var(--vz-nat) * 1.25px), calc((100cqw - 48px) * .6 * var(--vz-nat) / var(--vz-n0)), calc((100cqw - 48px) * .4 * var(--vz-nat) / var(--vz-n1)))}}.vz-t{fill:var(--color-viz-ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:500}.vz-t-value{font-family:var(--font-mono);font-size:16px}.vz-t-label,.vz-t-title{font-size:14px}.vz-t-title{font-weight:600}.vz-mono{font-family:var(--font-mono)}.vz-glyph-sans{font-family:var(--font-sans);font-size:1.15em;font-weight:600}.vz-muted{fill:var(--color-viz-line)}.vz-strong .vz-ptr-label,.vz-ptr-label.vz-strong{font-weight:700}.vz-halo{paint-order:stroke;stroke:var(--color-viz-stage);stroke-width:5px;stroke-linejoin:round}.vz-cell,.vz-node{--vz-fill:var(--color-viz-stage);--vz-edge:var(--color-viz-cell-line);--vz-sw:var(--viz-stroke);--vz-dash:none}.vz-badge,.vz-slot{--vz-fill:none;--vz-edge:var(--color-viz-cell-line);--vz-sw:var(--viz-stroke-hair);--vz-dash:none}.vz-badge{--vz-fill:var(--color-viz-stage)}.vz-band{--vz-fill:var(--color-viz-frontier);--vz-edge:none;--vz-sw:0;--vz-dash:none}.vz-slot.vz-strong{--vz-edge:var(--color-viz-current-line);--vz-sw:var(--viz-stroke-current)}[data-s=unvisited]{--vz-fill:var(--color-viz-unvisited);--vz-edge:var(--color-viz-cell-line)}[data-s=frontier]{--vz-fill:var(--color-viz-frontier);--vz-edge:var(--color-viz-frontier-line);--vz-dash:var(--viz-dash)}[data-s=current]{--vz-fill:var(--color-viz-current);--vz-edge:var(--color-viz-current-line);--vz-sw:var(--viz-stroke-current)}[data-s=done]{--vz-fill:var(--color-viz-done);--vz-edge:var(--color-viz-done-line)}[data-s=path]{--vz-fill:var(--color-viz-path);--vz-edge:var(--color-viz-path-line);--vz-sw:var(--viz-stroke-strong)}[data-s=compare]{--vz-fill:var(--color-viz-compare);--vz-edge:var(--color-viz-compare-line);--vz-sw:var(--viz-stroke-strong)}[data-s=invalid]{--vz-fill:var(--color-viz-invalid);--vz-edge:var(--color-viz-invalid-line)}[data-s=wall]{--vz-fill:var(--color-viz-stage);--vz-edge:var(--color-viz-line)}[data-s=changed]{--vz-fill:var(--color-viz-changed);--vz-edge:var(--color-viz-cell-line)}.vz-shape{fill:var(--vz-fill);stroke:var(--vz-edge);stroke-width:var(--vz-sw);stroke-dasharray:var(--vz-dash)}.vz-ring{fill:none;stroke:var(--color-viz-path-line);stroke-width:var(--viz-stroke-hair)}.vz-strike{stroke:var(--color-viz-invalid-line);stroke-width:var(--viz-stroke);stroke-linecap:round}.vz-hatch{fill:none;stroke:var(--color-viz-line);stroke-width:var(--viz-stroke-hair)}.vz-caret{fill:var(--color-viz-current-line)}.vz-gap{fill:var(--color-viz-stage)}.vz-badge .vz-t{font-weight:600}.vz-edge,.vz-arrow,.vz-pointer,.vz-dim,.vz-pline,.vz-slot,.vz-band{--vz-lw:var(--viz-stroke);--vz-ld:none;color:var(--color-viz-line)}.vz-edge{color:var(--color-viz-cell-line)}.vz-pointer{color:var(--color-viz-ink)}.vz-dim,.vz-band{--vz-lw:var(--viz-stroke-hair)}.vz-band{--vz-ld:var(--viz-dash);color:var(--color-viz-frontier-line)}.vz-pline{--vz-lw:var(--viz-stroke-strong)}.vz-pl-axis{--vz-lw:var(--viz-stroke)}.vz-pl-grid{--vz-lw:var(--viz-stroke-hair);color:var(--color-rule)}.vz-pl-sweep{--vz-lw:var(--viz-stroke);--vz-ld:var(--viz-dash);color:var(--color-viz-ink)}.vz-pl-2{--vz-lw:2.5px}.vz-pointer.vz-strong,.vz-dim.vz-compare,.vz-arrow[data-s=current]{--vz-lw:var(--viz-stroke-strong)}.vz-dim.vz-compare{color:var(--color-viz-compare-line)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=done]{--vz-lw:var(--viz-stroke-strong);color:var(--color-viz-done-line)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=current]{color:var(--color-viz-current-line)}:is(.vz-edge,.vz-pline)[data-s=current],:is(.vz-edge,.vz-pline)[data-s=path]{--vz-lw:var(--viz-stroke-current)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=frontier]{--vz-ld:var(--viz-dash);color:var(--color-viz-frontier-line)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=path]{color:var(--color-viz-path-line)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=compare]{--vz-lw:var(--viz-stroke-strong);color:var(--color-viz-compare-line)}:is(.vz-edge,.vz-arrow,.vz-pline)[data-s=invalid]{--vz-ld:var(--viz-dash);color:var(--color-viz-invalid-line)}.vz-slot{color:var(--color-viz-line)}.vz-line,.vz-ext{fill:none;stroke:currentColor;stroke-width:var(--vz-lw);stroke-dasharray:var(--vz-ld);stroke-linecap:round;stroke-linejoin:round}.vz-head,.vz-dot{fill:currentColor;stroke:none}.vz-live .vz-item{transition:transform var(--vz-dur) var(--ease-draft)}.vz-live :is(.vz-shape,.vz-line,.vz-head,.vz-dot,.vz-t){transition:fill var(--vz-dur) var(--ease-draft), stroke var(--vz-dur) var(--ease-draft), stroke-width var(--vz-dur) var(--ease-draft), color var(--vz-dur) var(--ease-draft)}.vz-live :is([data-s=frontier],[data-s=path],[data-s=compare],[data-s=invalid],[data-s=changed])>*{transition-delay:var(--vz-dur)}.vz-live :is(.vz-ring,.vz-strike,.vz-caret){animation:vz-in var(--vz-dur) var(--ease-draft) both}.vz-live .vz-enter{animation:vz-in var(--vz-dur) var(--ease-draft) var(--vz-dur) both}.vz-exit{animation:vz-out var(--vz-dur) var(--ease-draft) both;pointer-events:none}.vz-frame.vz-snap,.vz-frame.vz-snap :is(.vz-item,.vz-item *){transition:none;animation:none}@keyframes vz-in{0%{opacity:0}to{opacity:1}}@keyframes vz-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vz-frame{--vz-dur:0s}}.vz-controls{background:var(--color-paper-sunk);border-top:1px solid var(--color-rule);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.vz-buttons{align-items:center;gap:4px;display:flex}.vz-btn{border-radius:var(--radius-control);width:40px;height:40px;color:var(--color-ink-2);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.vz-btn:hover:not([aria-disabled=true]){background:var(--color-board);color:var(--color-ink)}.vz-btn[aria-disabled=true]{color:var(--color-ink-3);opacity:.5}.vz-btn-play{background:var(--color-ink);color:var(--color-paper)}.vz-btn-play:hover:not([aria-disabled=true]){background:var(--color-ink-2);color:var(--color-paper)}.vz-btn-play:active{box-shadow:inset 0 0 0 1px var(--color-rule-strong)}.vz-scrub{flex:8rem;align-items:center;min-width:8rem;height:40px;display:flex;position:relative}.vz-ticks{pointer-events:none;width:calc(100% - 16px);height:14px;color:var(--color-rule-strong);position:absolute;top:50%;left:8px;transform:translateY(-50%)}.vz-range{--vz-pct:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;position:relative}.vz-range:focus-visible{outline:2px solid var(--color-blueline);outline-offset:2px;border-radius:var(--radius-control)}.vz-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-ink-2) var(--vz-pct), var(--color-rule) var(--vz-pct));border-radius:2px;height:4px}.vz-range::-moz-range-track{background:linear-gradient(to right, var(--color-ink-2) var(--vz-pct), var(--color-rule) var(--vz-pct));border-radius:2px;height:4px}.vz-range::-webkit-slider-thumb{appearance:none;background:var(--color-ink);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-paper);border:0;border-radius:2px;margin-top:-6px}.vz-range::-moz-range-thumb{background:var(--color-ink);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-paper);border:0;border-radius:2px}.vz-counter{font-family:var(--font-mono);font-weight:500;font-size:var(--text-ui);font-variant-numeric:tabular-nums;color:var(--color-ink-2);text-align:center;white-space:nowrap}.vz-seg{border:1px solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper);min-width:0;margin:0;padding:0;display:inline-flex;overflow:hidden}.vz-seg legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vz-seg label{height:30px;font-size:var(--text-label);letter-spacing:var(--text-label--letter-spacing);color:var(--color-ink-2);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;align-items:center;padding:0 10px;font-weight:600;line-height:1;display:inline-flex;position:relative}.vz-seg label+label{border-left:1px solid var(--color-rule-strong)}.vz-seg label:hover{background:var(--color-board)}.vz-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.vz-seg label:has(input:checked){background:var(--color-ink);color:var(--color-paper)}.vz-seg label:has(input:focus-visible){outline:2px solid var(--color-blueline);outline-offset:-4px}.vz-speed{margin-left:auto}@media (pointer:coarse){.vz-btn{width:44px;height:44px}.vz-seg label{height:42px}}@container (max-width:35.999rem){.vz-scrub{flex:10rem;order:5;min-width:0}.vz-counter{order:6}}.vz-cap-code{font-family:var(--font-mono);white-space:nowrap;font-size:.95em}.vz-cap-code-long{white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}.vz-caption{min-height:calc(3lh + 20px);font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-ink);text-wrap:pretty;padding:12px 16px 8px}.vz-skip{border:1.5px dashed var(--color-rule-strong);border-radius:var(--radius-cell);font-size:var(--text-label);color:var(--color-ink-2);margin-right:6px;padding:0 6px;font-weight:600;display:inline-block}@container (max-width:35.999rem){.vz-caption{font-size:var(--text-small);line-height:var(--text-small--line-height);min-height:calc(4lh + 20px)}}.vz-legend{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0 16px 14px;list-style:none;display:flex}.vz-legend li{font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-ink-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.vz-legend svg{width:16px;height:16px;overflow:visible}.vz-stage+.vz-legend{border-top:1px solid var(--color-rule);padding-top:12px}.vz-figcaption{font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--color-ink-2);margin-top:8px}.vz-figcaption b{font-size:var(--text-ui);color:var(--color-ink);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:700}.vz-text-alt{margin-top:12px}.vz-text-alt ol{font-size:var(--text-small);line-height:var(--text-small--line-height);padding-left:1.5rem;list-style:decimal}.vz-text-alt ol>li+li{margin-top:4px}.vz-text-alt ol>li::marker{color:var(--color-ink-3);font-variant-numeric:tabular-nums}.vz-text-alt .vz-alt-preset{font-weight:700;font-size:var(--text-small)}.vz-trace{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.vz-trace-left{flex-direction:column;flex:auto;gap:16px;min-width:0;max-width:100%;display:flex}.vz-trace-state{flex:1000 1 var(--vz-state-min);min-width:min(100%, var(--vz-state-min))}.vz-trace-code{border:1px solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper-sunk);scrollbar-width:thin;overflow-x:auto}.vz-trace-code:focus-visible{outline-offset:-2px}.vz-code{min-width:100%;font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code--line-height);color:var(--color-ink);margin:0;padding:8px 0;display:table}.vz-code-line{display:table-row}.vz-code-line>span{white-space:pre;display:table-cell}.vz-code-no{text-align:right;width:3.25rem;color:var(--color-ink-3);border-right:1px solid var(--color-rule);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;padding:0 10px 0 18px;position:relative}.vz-code-text{padding:0 16px 0 12px}.vz-code-line[data-cur]>span{background:var(--color-check-soft)}.vz-code-line[data-cur]>.vz-code-no{color:var(--color-ink);font-weight:700}.vz-code-caret{width:8px;height:10px;position:absolute;top:50%;left:4px;overflow:visible;transform:translateY(-50%)}.vz-code-caret path{fill:var(--color-ink)}.vz-code-caret.vz-prev path{fill:none;stroke:var(--color-ink-2);stroke-width:1.5px}.vz-trace-out{border:1px solid var(--color-rule);border-radius:var(--radius-box);background:var(--color-paper)}.vz-trace-out-head{font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-ink-3);align-items:center;gap:6px;padding:8px 16px 0;font-weight:600;display:flex}.vz-trace-out pre{font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code--line-height);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-ink);margin:0;padding:6px 16px 10px}.vz-trace-out .vz-empty{color:var(--color-ink-3);font-family:var(--font-sans);font-size:var(--text-small)}.vz-trace-out .vz-exc{color:var(--color-redline);font-weight:700}.vz-frame[data-motion=reduced]{--vz-dur:0s}