.site .vsg{gap:32px;display:grid}.site .vsg-panel{border:1px solid var(--line-2);grid-template-columns:minmax(0,1fr);grid-template-areas:"source""view""transport""controls""read""poster""rm";min-width:0;display:grid}.site .vsg-source{grid-area:source}.site .vsg-controls{grid-area:controls}.site .vsg-view{grid-area:view}.site .vsg-transport{grid-area:transport}.site .vsg-read{grid-area:read}.site .vsg-poster-area{grid-area:poster}.site .vsg-rm{grid-area:rm}@media (min-width:760px){.site .vsg-panel{grid-template:"source source""controls controls""view read""transport read""poster read"1fr"rm rm"/minmax(0,1.1fr) minmax(0,1fr)}}.site .vsg-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .vsg-source{border-bottom:1px solid var(--line);gap:8px;padding:16px;display:grid}@media (min-width:760px){.site .vsg-source{grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);align-items:end;gap:8px 24px}.site .vsg-source .vsg-warn{grid-column:1/-1}}.site .vsg-source b{font:500 12px/1.5 var(--mono);color:var(--fg);overflow-wrap:anywhere}.site .vsg-controls{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px;display:grid}@media (min-width:760px){.site .vsg-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}}@media (max-width:759px){.site .vsg-controls{border-top:1px solid var(--line)}}.site .vsg-field{align-content:start;gap:8px;min-width:0;display:grid}.site .vsg-field-k{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .vsg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .vsg-seg.is-wrap{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.site .vsg-seg>button,.site .vsg-pick{border:0;border-left:1px solid var(--line-2);min-width:0;font:500 11.5px/1.2 var(--mono);color:var(--fg-2);text-align:center;cursor:pointer;background:0 0;border-radius:0;padding:8px 4px;position:relative}.site .vsg-seg>:first-child,.site .vsg-seg.is-wrap>button:nth-child(odd){border-left:0}.site .vsg-seg.is-wrap>button:nth-child(n+3){border-top:1px solid var(--line-2)}.site .vsg-seg>button:hover,.site .vsg-pick:hover{color:var(--fg)}.site .vsg-seg>button[aria-checked=true],.site .vsg-seg>button[aria-pressed=true],.site .vsg-pick[data-on]{background:var(--fg);color:var(--bg)}.site .vsg-seg>button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .vsg-seg>button[aria-checked=true]:focus-visible,.site .vsg-seg>button[aria-pressed=true]:focus-visible{outline-color:var(--bg)}.site .vsg-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.site .vsg-pick:focus-within{outline:1px solid var(--fg);outline-offset:-3px}.site .vsg-pick[data-on]:focus-within{outline-color:var(--bg)}.site .vsg-range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.site .vsg-val{min-width:56px;font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);text-align:right}.site .vsg input[type=range]{width:100%;accent-color:var(--fg)}.site .vsg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.site .vsg input[type=range]:disabled{opacity:.4}.site .vsg-hint{color:var(--fg-3);margin:0;font-size:12.5px;line-height:1.5}.site .vsg-hint code{font:500 11.5px/1.5 var(--mono);color:var(--fg-2)}.site .vsg-warn{border:1px solid var(--fg-3);color:var(--fg);margin:0;padding:8px 10px;font-size:12.5px;line-height:1.5}.site .vsg-words{gap:6px;display:grid}.site .vsg-pair{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.site .vsg-pair-k{font:500 10.5px/1 var(--mono);color:var(--fg-3)}.site .vsg-pair select{border:1px solid var(--line-2);background:var(--bg);min-width:0;font:500 12px/1.2 var(--mono);color:var(--fg);border-radius:0;padding:6px}.site .vsg-pair select:focus-visible{outline:1px solid var(--fg);outline-offset:1px}.site .vsg-btn{border:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;justify-self:start;padding:8px 14px}.site .vsg-btn:hover,.site .vsg-btn:focus-visible{border-color:var(--fg);outline:0}.site .vsg-btn:disabled{color:var(--fg-3);cursor:default}.site .vsg-btn.is-link{margin-top:6px;padding:6px 10px;text-decoration:none;display:inline-block}.site .vsg-view,.site .vsg-transport,.site .vsg-read,.site .vsg-poster-area{background:var(--panel);min-width:0}.site .vsg-view{align-content:start;gap:8px;padding:16px 16px 12px;display:grid}@media (min-width:760px){.site .vsg-view{padding-right:12px}.site .vsg-read{padding-left:12px}}.site .vsg-frame{border:1px solid var(--line-2);background:var(--bg);position:relative}.site .vsg-box{--vsg-v:360px;height:var(--vsg-v);overscroll-behavior:contain;position:relative;overflow:hidden auto}.site .vsg-box:focus-visible{outline:1px solid var(--fg);outline-offset:-2px}@media (max-width:759px){.site .vsg-box{--vsg-v:300px}}.site .vsg-flow{height:var(--vsg-v);box-sizing:border-box;font:500 10.5px/1.4 var(--mono);color:var(--fg-3);flex-direction:column;justify-content:flex-end;gap:4px;padding:0 16px 16px;display:flex}.site .vsg-flow.is-after{justify-content:flex-start;padding:16px}.site .vsg-track{border-left:3px solid var(--fg-3);position:relative}.site .vsg-stage{height:var(--vsg-v);box-sizing:border-box;border-top:1px solid var(--fg-3);border-bottom:1px solid var(--fg-3);background:var(--panel);place-items:center;display:grid;position:sticky;top:0}.site .vsg-inflow{padding:0 16px;position:relative}.site .vsg-inflow .vsg-video{outline:1px dashed var(--fg-3);outline-offset:3px}.site .vsg-video{object-fit:contain;background:var(--bg);width:100%;height:100%;display:block}.site .vsg-stage .vsg-video{position:absolute;inset:0}.site .vsg-overlay{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.site .vsg-line{border-top:1px dashed var(--fg);height:0;position:absolute;left:0;right:0}.site .vsg-line i{background:var(--bg);font:500 10px/1 var(--mono);color:var(--fg);white-space:nowrap;padding:1px 4px;font-style:normal;position:absolute;bottom:3px;left:12px}.site .vsg-line.is-end{border-top-style:dotted}.site .vsg-line.is-end i{left:auto;right:12px}.site .vsg-line.is-low i{top:3px;bottom:auto}.site .vsg-transport{flex-wrap:wrap;align-content:start;align-items:center;gap:12px;padding:4px 16px 16px;display:flex}@media (min-width:760px){.site .vsg-transport{padding-right:12px}}.site .vsg-scrub{flex:200px;gap:4px;min-width:0;display:grid}.site .vsg-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .vsg-check{color:var(--fg-2);cursor:pointer;flex:100%;align-items:center;gap:8px;font-size:13px;display:flex}.site .vsg-check input{width:16px;height:16px;accent-color:var(--fg);margin:0}.site .vsg-check input:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .vsg-read{align-content:start;gap:16px;padding:16px;display:grid}@media (max-width:759px){.site .vsg-read{border-top:1px solid var(--line)}}.site .vsg-big{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.site .vsg-big>div{gap:6px;min-width:0;display:grid}.site .vsg-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(34px,4.2vw,50px);font-weight:500;line-height:1}.site .vsg-num small{letter-spacing:0;color:var(--fg-3);font-size:.45em}.site .vsg-tl{gap:6px;display:grid}.site .vsg-tl-bar{border:1px solid var(--line-2);background:var(--bg);height:28px;position:relative}.site .vsg-tl-range{background:var(--line);position:absolute;top:0;bottom:0}.site .vsg-tl-key{border-left:1px solid var(--fg-3);height:8px;position:absolute;bottom:0}.site .vsg-tl-ask{border:3px solid #0000;border-top-color:var(--fg);height:10px;margin-left:-3px;position:absolute;top:0}.site .vsg-tl-now{border-left:2px solid var(--accent);margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.site .vsg-tl-read{min-height:3em;color:var(--fg-2);margin:0;font-size:12.5px;line-height:1.5}.site .vsg-seeks{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.site .vsg-seeks>div{gap:4px;padding:8px 0;display:grid}.site .vsg-seeks dt{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .vsg-seeks dd{font:500 14px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);margin:0}.site .vsg-rail-wrap{gap:4px;display:grid}.site .vsg-rail{height:52px;margin:0 2px;position:relative}.site .vsg-rail:before{content:"";border-top:1px solid var(--line-2);position:absolute;top:50%;left:0;right:0}.site .vsg-win{background:var(--fg-3);height:6px;position:absolute;top:calc(50% - 3px)}.site .vsg-mark{border-left:1px solid var(--fg);height:16px;position:absolute;top:calc(50% - 8px)}.site .vsg-mark i{font:500 10px/1 var(--mono);color:var(--fg-2);white-space:nowrap;font-style:normal;position:absolute;bottom:19px;left:0;transform:translate(-50%)}.site .vsg-mark.is-below i{top:19px;bottom:auto}.site .vsg-mark.is-l i{transform:none}.site .vsg-mark.is-r i{transform:translate(-100%)}.site .vsg-now{border-left:2px solid var(--fg);height:24px;margin-left:-1px;position:absolute;top:calc(50% - 12px)}.site .vsg-math{border-top:1px solid var(--line-2);margin:0}.site .vsg-math>div{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.site .vsg-math dt{font:500 10px/1.9 var(--mono);color:var(--fg-3)}.site .vsg-math dd{font:400 12.5px/1.6 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);overflow-wrap:anywhere;margin:0}.site .vsg-poster{border-top:1px solid var(--line-2);gap:8px;padding:12px 16px 16px;display:grid}@media (min-width:760px){.site .vsg-poster{margin-left:16px;margin-right:12px;padding:12px 0 16px}}.site .vsg-thumb{border:1px solid var(--line-2);background:var(--bg) center / contain no-repeat;width:min(100%,240px)}.site .vsg-cmd{border:1px solid var(--line);background:var(--bg);margin:0;padding:8px 10px;overflow-x:auto}.site .vsg-cmd code{font:400 11.5px/1.6 var(--mono);color:var(--fg);white-space:pre}.site .vsg-rm{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.5}.site .vsg-code{min-width:0;display:grid}.site .vsg-tabs{flex-wrap:wrap;display:flex}.site .vsg-tab{border:1px solid var(--line-2);font:500 11.5px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-bottom:0;border-left-width:0;border-radius:0;padding:8px 14px}.site .vsg-tab:first-child{border-left-width:1px}.site .vsg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .vsg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}@media (max-width:479px){.site .vsg-tab{padding:8px 10px}}.site .vsg-code .code-box{margin-top:0}.site .vsg-code>.vsg-hint{margin-top:8px}.site .vsg-a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.site .vsg-a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.site .vsg-scroll{overflow-x:auto}.site .vsg-scroll:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .vsg-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .vsg-table th,.site .vsg-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .vsg-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .vsg-table td{color:var(--fg-2);line-height:1.6}.site .vsg-table td.is-code{font:400 12.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .vsg-table td.is-num{font:400 12.5px/1.6 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.site .vsg-table th.is-key{min-width:120px;font:400 12.5px/1.6 var(--mono);color:var(--fg)}.site .vsgf svg{width:100%;height:auto}.site .vsgf-axis,.site .vsgf-dim,.site .vsgf-map{color:var(--fg-3)}.site .vsgf-win{color:var(--fg-2)}.site .vsgf-bar{fill:var(--fg)}.site .vsgf-range{fill:var(--line);stroke:none}.site .vsgf-hatch{color:var(--fg-3)}.site .vsgf-now{color:var(--fg);stroke-width:1.5px}.site .vsgf-key{color:var(--fg)}.site .vsgf-frame{fill:var(--panel);stroke:var(--line-2)}.site .vsgf-frame.is-key{fill:var(--fg);stroke:var(--fg)}.site .vsgf-frame.is-dec{fill:var(--line);stroke:var(--fg-3)}.site .vsgf-frame.is-target{fill:var(--panel);stroke:var(--fg);stroke-width:2px}.site .vsgf-arrow{color:var(--fg)}.site .vsgf-dot{fill:var(--fg)}.site .vsgf-code{font:500 12.5px var(--mono);fill:var(--fg)}.site .vsgf-l{font:500 11.5px var(--mono);fill:var(--fg)}.site .vsgf-k,.site .vsgf-s{font:500 10.5px var(--mono);fill:var(--fg-3)}.site .vsgf-n{font:500 10.5px var(--mono);fill:var(--fg-2)}@media (max-width:560px){.site .vsgf-code{font-size:14px}.site .vsgf-l{font-size:12.5px}.site .vsgf-k,.site .vsgf-s,.site .vsgf-n{font-size:11.5px}}