.site .mqg{gap:32px;display:grid}.site .mqg-frame{border:1px solid var(--line-2);min-width:0}.site .mqg-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 20px;padding:16px;display:grid}@media (max-width:559px){.site .mqg-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site .mqg-field.is-pair{grid-column:1/-1}}.site .mqg-field{align-content:start;gap:8px;min-width:0;display:grid}.site .mqg-field.is-wide{grid-column:1/-1}.site .mqg-label{font:500 10px/1.4 var(--mono);color:var(--fg-3);overflow-wrap:anywhere}.site .mqg-pair{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.site .mqg-pair.is-idle input[type=range]{opacity:.45}.site .mqg input[type=range]{width:100%;min-width:0;accent-color:var(--fg);margin:0}.site .mqg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.site .mqg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;display:inline-grid}.site .mqg-field.is-wide .mqg-seg{justify-self:start}.site .mqg-seg button{border:0;border-left:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;padding:6px 10px}.site .mqg-seg button:first-child{border-left:0}.site .mqg-seg button:hover{color:var(--fg)}.site .mqg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .mqg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .mqg-rows{border-bottom:1px solid var(--line);gap:12px;padding:16px;display:grid}.site .mqg-rowedit{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}@media (max-width:559px){.site .mqg-rowedit{grid-template-columns:minmax(0,1fr)}.site .mqg-rowedit .mqg-seg{justify-self:start}}.site .mqg-rowlabel{gap:6px;min-width:0;display:grid}.site .mqg-rowlabel input{border:1px solid var(--line-2);width:100%;min-width:0;font:400 13px/1.3 var(--mono);color:var(--fg);background:0 0;border-radius:0;padding:7px 10px}.site .mqg-rowlabel input:hover{border-color:var(--fg)}.site .mqg-rowlabel input:focus-visible{border-color:var(--fg);outline:1px solid var(--fg);outline-offset:2px}.site .mqg-stagewrap{background:var(--panel);padding:16px}.site .mqg-box{--mqg-h:360px;height:var(--mqg-h);overscroll-behavior:contain;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--bg);position:relative;overflow-y:auto}@media (max-width:559px){.site .mqg-box{--mqg-h:300px}}.site .mqg-box:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .mqg-before,.site .mqg-after{height:var(--mqg-h);font:500 10.5px/1.4 var(--mono);color:var(--fg-3);place-items:center;display:grid}.site .mqg-before{border-bottom:1px dashed var(--line-2)}.site .mqg-after{border-top:1px dashed var(--line-2)}.site .mqz{color:var(--fg);gap:4px;padding-block:16px;display:grid}.site .mqz-item{font-family:var(--sans);letter-spacing:-.03em;font-weight:600}.site .mqz-row.is-right .mqz-item{color:#0000;-webkit-text-stroke:1px var(--fg)}.site .mqz-item:after{color:var(--fg-3);-webkit-text-stroke:0}.site .mqz-pause{border:1px solid var(--line-2);font:500 11px/1.2 var(--mono);color:var(--fg-2);justify-self:end;margin:0 12px 4px;padding:5px 10px}.site .mqz-pause:hover{border-color:var(--fg);color:var(--fg)}.site .mqz-pause:has(input:checked){border-color:var(--accent);color:var(--fg)}.site .mqz-pause input{accent-color:var(--accent);margin:0}.site .mqz-pause:has(input:focus-visible){outline:1px solid var(--fg);outline-offset:2px}.site .mqg-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.site .mqg-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 12px}.site .mqg-btn:hover{border-color:var(--fg)}.site .mqg-btn:focus-visible{border-color:var(--fg);outline:1px solid var(--fg);outline-offset:2px}.site .mqg-scrub{flex:200px;gap:4px;min-width:0;margin-left:8px;display:grid}.site .mqg-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .mqg-read{border-top:1px solid var(--line);gap:4px;padding:12px 16px;display:grid}.site .mqg-read p{font:400 11.5px/1.6 var(--mono);color:var(--fg-2);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.site .mqg-read p:first-child{color:var(--fg);white-space:pre-wrap}.site .mqg-ends{flex-wrap:wrap;gap:4px 16px;display:flex}.site .mqg-warn,.site .mqg-note,.site .mqg-rm{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.55}.site .mqg-warn{color:var(--fg)}.site .mqg-rm{display:none}@media (prefers-reduced-motion:reduce){.site .mqg-rm{display:block}}.site .mqg-code{min-width:0;display:grid}.site .mqg-tabs{flex-wrap:wrap;display:flex}.site .mqg-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 12px}.site .mqg-tab:first-child{border-left-width:1px}.site .mqg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .mqg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .mqg-code .code-box{margin-top:0}.site .mqg-code-note{max-width:68ch;color:var(--fg-2);margin:12px 0 0;font-size:13px;line-height:1.6}.site .mqg-scroll{margin:20px 0 8px;overflow-x:auto}.site .mqg-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.site .mqg-table th,.site .mqg-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .mqg-table thead th{font:500 10px/1.4 var(--mono);color:var(--fg-3);white-space:nowrap}.site .mqg-table tbody th{font:500 11.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .mqg-table td{color:var(--fg-2);line-height:1.6}.site .mqf svg{width:100%;max-width:560px;height:auto;display:block}.site .mqf rect{fill:none;vector-effect:non-scaling-stroke}.site .mqf-row rect{stroke:var(--fg);stroke-width:1.25px}.site .mqf-row text{font:500 11px var(--mono);fill:var(--fg)}.site .mqf-ghost rect{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 3}.site .mqf-ghost text{font:500 11px var(--mono);fill:var(--fg-3)}.site .mqf-win{stroke:var(--fg);stroke-width:1.75px}.site .mqf-arrow,.site .mqf-dim{fill:none;stroke:currentColor;stroke-width:1.25px;color:var(--fg)}.site .mqf-dim{color:var(--fg-3)}.site .mqf marker path{stroke:currentColor}.site .mqf-h{font:500 11px var(--mono);fill:var(--fg-3)}.site .mqf-k{font:500 11.5px var(--mono);fill:var(--fg)}.site .mqf-m{font:500 10.5px var(--mono);fill:var(--fg-3)}