.vt-fig{margin:2.25rem 0}.vt-stage{background:var(--color-soil-50);border:1px solid var(--color-soil-200);border-radius:6px;overflow:hidden}.vt-stage svg{width:100%;height:auto;display:block}.vt-bar{align-items:center;gap:.35rem;margin-top:.6rem;display:flex}.vt-bar[hidden]{display:none}.vt-btn{border:1px solid var(--color-soil-300);width:2rem;height:2rem;color:var(--color-soil-900);cursor:pointer;background:#fff;border-radius:999px;place-items:center;display:inline-grid}.vt-btn:hover:not(:disabled){border-color:var(--color-soil-600)}.vt-btn:focus-visible{outline:2px solid var(--color-sun-500);outline-offset:2px}.vt-btn:disabled{opacity:.35;cursor:default}.vt-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.vt-play svg path{fill:currentColor}.vt-play .i-pause path,.vt-play .i-replay path{fill:none}.vt-play .i-pause,.vt-play .i-replay,.vt-fig[data-playing=true] .vt-play .i-play{display:none}.vt-fig[data-playing=true] .vt-play .i-pause{display:block}.vt-fig[data-playing=false][data-at-end=true] .vt-play .i-play{display:none}.vt-fig[data-playing=false][data-at-end=true] .vt-play .i-replay{display:block}.vt-count{color:var(--color-soil-600);margin-left:.4rem;font-size:.8rem}.vt-steps{color:var(--color-soil-900);margin:.5rem 0 0;padding:0;font-size:.95rem;line-height:1.5;list-style:none}.vt-fig:not(.vt-js) .vt-steps{padding-left:1.4rem;list-style:decimal}.vt-fig.vt-js .vt-steps li{min-height:3em}.vt-steps code{font-size:.85em}.vt-fig figcaption{color:var(--color-soil-600);margin-top:.4rem;font-size:.85rem}.vt-fig .vt-anim{transition:opacity .6s,transform .9s cubic-bezier(.3,.7,.2,1),stroke-dashoffset 1.8s}@media (prefers-reduced-motion:reduce){.vt-fig .vt-anim{transition:none!important}}#fig-tile-cut .tc-paper{fill:#fbf8f1}#fig-tile-cut .tc-edge{fill:none;stroke:var(--color-soil-300);stroke-width:1px}#fig-tile-cut .tc-buffer{fill:none;stroke:var(--color-soil-600);stroke-width:1px;stroke-dasharray:4 4;opacity:0}#fig-tile-cut .tc-road{fill:none;stroke:#ddd3c1;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}#fig-tile-cut .tc-major_road,#fig-tile-cut .tc-highway{stroke-width:4px;stroke:#e2cfa6}#fig-tile-cut .tc-medium_road{stroke-width:3px}#fig-tile-cut .tc-label{font:500 12px var(--font-mono);fill:var(--color-soil-600)}#fig-tile-cut .tc-raw,#fig-tile-cut .tc-clip{fill:none;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;opacity:0}#fig-tile-cut .tc-clip{stroke-width:9px}#fig-tile-cut .tc-merged{fill:none;stroke:var(--color-soil-900);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}#fig-tile-cut .tc-callout circle{fill:none;stroke:var(--color-soil-900);stroke-width:1.6px;stroke-dasharray:3 3}#fig-tile-cut .tc-callout{opacity:0}#fig-tile-cut.vt-s1 .tc-tile{transform:translate(var(--dx), var(--dy))}#fig-tile-cut.vt-s1 .tc-buffer{opacity:.9}#fig-tile-cut.vt-s1 .tc-raw{opacity:.95}#fig-tile-cut.vt-s1 .tc-merged{opacity:0}#fig-tile-cut.vt-s2 .tc-callout{opacity:1;transform:translate(var(--dx), var(--dy))}#fig-tile-cut.vt-s3 .tc-raw{opacity:0}#fig-tile-cut.vt-s3 .tc-clip{opacity:.95}#fig-tile-cut.vt-s3 .tc-callout{opacity:0}#fig-tile-cut.vt-s4 .tc-tile{transform:none}#fig-tile-cut.vt-s4 .tc-buffer,#fig-tile-cut.vt-s4 .tc-clip{opacity:0}#fig-tile-cut.vt-s4 .tc-merged,#fig-tile-cut:not(.vt-s1) .tc-merged{opacity:1}#fig-byte-ranges .br-head{font:600 13px var(--font-sans);fill:var(--color-soil-800)}#fig-byte-ranges .br-small{font:500 11px var(--font-mono);fill:var(--color-soil-600)}#fig-byte-ranges .br-req{font:600 12px var(--font-sans);fill:var(--color-soil-900)}#fig-byte-ranges .br-cell{stroke:#fbf8f1;stroke-width:1px}#fig-byte-ranges .br-curve{fill:none;stroke:var(--color-soil-900);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}#fig-byte-ranges .br-box{fill:#c08e2f2e;stroke:var(--color-sun-700);stroke-width:2px;stroke-dasharray:6 4;opacity:0}#fig-byte-ranges .br-archive{fill:var(--color-soil-200);stroke:var(--color-soil-400)}#fig-byte-ranges .br-window{fill:var(--color-sun-500);opacity:0}#fig-byte-ranges .br-zoom{fill:none;stroke:var(--color-soil-400);stroke-dasharray:3 3;opacity:0}#fig-byte-ranges text.br-zoom{fill:var(--color-soil-600);stroke:none}#fig-byte-ranges .br-strip{opacity:0}#fig-byte-ranges .br-block{stroke:#fbf8f1;stroke-width:.5px}#fig-byte-ranges .br-requests,#fig-byte-ranges .br-where{opacity:0}#fig-byte-ranges .br-bracket{fill:none;stroke:var(--color-soil-900);stroke-width:1.6px}#fig-byte-ranges .br-in{transition:fill .6s}#fig-byte-ranges.vt-s1 .br-curve{stroke-dashoffset:0}#fig-byte-ranges.vt-s1 .br-strip,#fig-byte-ranges.vt-s1 .br-window,#fig-byte-ranges.vt-s1 .br-zoom,#fig-byte-ranges.vt-s2 .br-box{opacity:1}#fig-byte-ranges.vt-s2 .br-in{fill:var(--color-sun-500)}#fig-byte-ranges.vt-s2 .br-curve{opacity:.35}#fig-byte-ranges.vt-s3 .br-where,#fig-byte-ranges.vt-s4 .br-requests{opacity:1}#fig-rows-to-tiles .rt-head{font:600 12px var(--font-sans);fill:var(--color-soil-700)}#fig-rows-to-tiles .rt-name{font:500 13px var(--font-mono);fill:var(--color-soil-900)}#fig-rows-to-tiles .rt-n{font:500 13px var(--font-sans);font-variant-numeric:tabular-nums;fill:var(--color-soil-900)}#fig-rows-to-tiles .rt-total{font-weight:700}#fig-rows-to-tiles .rt-rule{stroke:var(--color-soil-300)}#fig-rows-to-tiles .rt-swatch{stroke:#0000002e}#fig-rows-to-tiles .rt-tilename{font:500 12px var(--font-mono);fill:var(--color-soil-600)}#fig-rows-to-tiles .rt-sheet{transform-origin:0 0;transform:translate(0, calc((4 - var(--i)) * 105px)) scale(1, .56) rotate(-45deg);transition-delay:calc(var(--i) * 70ms);opacity:0}#fig-rows-to-tiles .rt-paper{fill:#fffdf78c;stroke:#211a1259;stroke-width:3px}#fig-rows-to-tiles .rt-frame{fill:none;stroke:var(--color-soil-900);stroke-width:3px;opacity:0}#fig-rows-to-tiles .rt-poly{stroke:none}#fig-rows-to-tiles .rt-line{fill:none;stroke-linecap:round;stroke-linejoin:round}#fig-rows-to-tiles .rt-dot{stroke-linecap:round}#fig-rows-to-tiles .rt-earth .rt-poly{fill:#e9e1cf}#fig-rows-to-tiles .rt-landuse .rt-poly{fill:#bcd6a0}#fig-rows-to-tiles .rt-natural .rt-poly{fill:#a9cc8c}#fig-rows-to-tiles .rt-water .rt-poly{fill:#8fbfe0}#fig-rows-to-tiles .rt-water .rt-line{stroke:#8fbfe0;stroke-width:6px}#fig-rows-to-tiles .rt-roads .rt-line{stroke:#fff;stroke-width:7px}#fig-rows-to-tiles .rt-roads .rt-paper{fill:#cdc4b28c}#fig-rows-to-tiles .rt-transit .rt-line{stroke:#6f7486;stroke-width:4px;stroke-dasharray:14 10}#fig-rows-to-tiles .rt-buildings .rt-poly{fill:#cdbfa8}#fig-rows-to-tiles .rt-pois .rt-dot{stroke:#c1603b;stroke-width:9px}#fig-rows-to-tiles .rt-places .rt-dot{stroke:#211a12;stroke-width:22px}#fig-rows-to-tiles.vt-s1 .rt-sheet{opacity:1}#fig-rows-to-tiles.vt-s2 .rt-sheet{transform:translate(0, calc(var(--i) * -6px)) scale(1, .56) rotate(-45deg);transition-delay:calc((var(--n) - var(--i)) * 50ms)}#fig-rows-to-tiles.vt-s2 .rt-paper{fill:#0000;stroke:#0000}#fig-rows-to-tiles.vt-s2 .rt-earth .rt-paper{fill:#efe9dc}#fig-rows-to-tiles.vt-s3 .rt-sheet{transition-delay:0s;transform:none}#fig-rows-to-tiles.vt-s3 .rt-frame{opacity:1}#fig-rows-to-tiles .rt-paper{transition:fill .6s,stroke .6s}
