.lab{--lab-rule:2px solid var(--sl-color-white);--lab-hair:1px solid var(--sl-color-gray-5);--lab-tally:var(--ff-yellow);--lab-mark:var(--ff-yellow);--lab-screen:#000;font-family:var(--sl-font);margin-block:1.5rem 0}:root[data-theme=light] .lab{--lab-mark:var(--ff-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab-notice{border-inline-start:4px solid var(--sl-color-orange);background:var(--sl-color-orange-low);color:var(--sl-color-orange-high);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.lab-notice p{max-width:62ch;margin:0}.lab-notice[hidden]{display:none}.lab-body{border:var(--lab-rule);grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);display:grid}.lab-monitor{flex-direction:column;min-width:0;display:flex}.lab-screen{aspect-ratio:16/9;background:var(--lab-screen);cursor:default;position:relative;overflow:hidden}.lab-screen.is-live{cursor:pointer}.lab-screen video,.lab-screen canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-screen canvas{opacity:0;transition:opacity .16s ease-out}.lab-screen.is-live canvas{opacity:1}.lab-screen.is-live video{visibility:hidden}@media (prefers-reduced-motion:reduce){.lab-screen canvas{transition:none}}.lab-tally{font:600 .68rem/1 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;color:#e6e8e6;pointer-events:none;background:#0000008c;align-items:center;gap:.4rem;padding:.25rem .5rem;display:inline-flex;position:absolute;top:.6rem;left:.6rem}.lab-tally:before{content:"";background:#8d9093;border-radius:50%;width:.5rem;height:.5rem}.is-live .lab-tally:before{background:var(--lab-tally);box-shadow:0 0 0 3px #f5e30040}.lab-transport{border-top:var(--lab-rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .5rem;display:grid}.lab-play{border:var(--lab-hair);width:2.25rem;height:2.25rem;color:var(--sl-color-white);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.lab-play:hover:not(:disabled){border-color:var(--sl-color-white)}.lab-play:disabled{opacity:.4;cursor:default}.lab-play svg{fill:currentColor;width:.9rem;height:.9rem}.lab-play .i-play,.lab-play.is-paused .i-pause{display:none}.lab-play.is-paused .i-play{display:block}.lab-scrub{--p:0%;appearance:none;background:linear-gradient(var(--lab-mark), var(--lab-mark)) 0 50% / var(--p) 2px no-repeat, linear-gradient(var(--sl-color-gray-5), var(--sl-color-gray-5)) 0 50% / 100% 2px no-repeat;cursor:pointer;width:100%;height:1.75rem;margin:0}.lab-scrub:disabled{cursor:default;opacity:.5}.lab-scrub::-webkit-slider-thumb{appearance:none;background:var(--sl-color-white);border:0;width:3px;height:1.25rem}.lab-scrub::-moz-range-thumb{background:var(--sl-color-white);border:0;border-radius:0;width:3px;height:1.25rem}.lab-tc{font:500 .78rem/1 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums;color:var(--sl-color-gray-2)}.lab-status{border-top:var(--lab-hair);min-height:2.1rem;color:var(--sl-color-gray-3);margin:0;padding:.45rem .75rem;font-size:.8rem}.lab-status[data-tone=warn]{color:var(--sl-color-orange-high);background:var(--sl-color-orange-low)}.lab-inspector{border-inline-start:var(--lab-rule);flex-direction:column;min-width:0;display:flex;position:relative}.lab-inspector fieldset{overscroll-behavior:contain;border:0;flex:1;min-width:0;margin:0;padding:.25rem 0 .5rem;overflow-y:auto}@media (width>=72rem){.lab-inspector fieldset{position:absolute;inset:0 0 2.75rem}}.lab-inspector fieldset:disabled{opacity:.6}.lab-row{border-bottom:var(--lab-hair);grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);align-items:center;gap:.15rem .6rem;padding:.45rem .85rem;display:grid;position:relative}.lab-row.is-changed:before{content:"";background:var(--lab-mark);width:3px;position:absolute;inset:0 auto 0 0}.lab-row.is-invalid:before{content:"";background:var(--sl-color-orange);width:3px;position:absolute;inset:0 auto 0 0}.lab-row--json,.lab-row--text:has(textarea){grid-template-columns:minmax(0,1fr)}.lab-key{font:500 .74rem/1.3 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;color:var(--sl-color-white);overflow-wrap:anywhere}.lab-doc{color:var(--sl-color-gray-3);grid-column:1/-1;margin:.1rem 0 0;font-size:.74rem;line-height:1.4}.lab-doc code{font-size:.95em}.lab-sub{border-inline-start:var(--lab-hair);grid-column:1/-1;margin:.35rem 0 .1rem;padding-inline-start:.7rem}.lab-sub[hidden]{display:none}.lab-row.is-field{border-bottom:0;padding:.28rem 0}.lab-row.is-field .lab-key{color:var(--sl-color-gray-2)}.lab-ctl .lab-incode{font:.72rem/1.3 var(--sl-font-mono);color:var(--sl-color-gray-4);padding:0}.lab-more-label{color:var(--sl-color-gray-3);border-bottom:var(--lab-hair);margin:0;padding:.9rem .85rem .35rem;font-size:.78rem;font-weight:700}.lab-incode{color:var(--sl-color-gray-3);margin:0;padding:.75rem .85rem;font-size:.76rem;line-height:1.5}.lab-ctl{align-items:center;gap:.4rem;min-width:0;display:flex}.lab-ctl :is(select,input[type=text],input[type=number],textarea){border:var(--lab-hair);background:var(--sl-color-black);min-width:0;color:var(--sl-color-white);font:.76rem/1.35 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;border-radius:0;flex:1;padding:.3rem .45rem}:root[data-theme=light] .lab-ctl :is(select,input[type=text],input[type=number],textarea){background:#fff}.lab-ctl input[type=number]{flex:0 0 4.75rem}.lab-row--number .lab-ctl input[type=number]{flex:1}.lab-ctl textarea{resize:vertical;white-space:pre}.lab-ctl :is(select,input,textarea):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:1px}.lab-ctl input[type=range]{min-width:0;accent-color:var(--sl-color-white);flex:1}.lab-ctl input[type=color]{border:var(--lab-hair);background:0 0;flex:0 0 1.9rem;height:1.9rem;padding:0}.lab-row.is-off :is(input[type=range],input[type=number]){opacity:.35}.lab-ctl input[role=switch]{appearance:none;border:1.5px solid var(--sl-color-gray-3);cursor:pointer;background:0 0;flex:none;width:2.1rem;height:1.15rem;margin:0;position:relative}.lab-ctl input[role=switch]:after{content:"";background:var(--sl-color-gray-3);width:calc(1.15rem - 7px);height:calc(1.15rem - 7px);transition:transform .12s ease-out;position:absolute;top:2px;left:2px}.lab-ctl input[role=switch]:checked{border-color:var(--sl-color-white)}.lab-ctl input[role=switch]:checked:after{background:var(--sl-color-white);transform:translate(.95rem)}@media (prefers-reduced-motion:reduce){.lab-ctl input[role=switch]:after{transition:none}}.lab-seg{border:var(--lab-hair);display:flex}.lab-seg label{flex:1;position:relative}.lab-seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.lab-seg span{text-align:center;font:500 .7rem/1.2 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;color:var(--sl-color-gray-2);padding:.32rem .2rem;display:block}.lab-seg label+label span{border-inline-start:var(--lab-hair)}.lab-seg input:checked+span{background:var(--sl-color-white);color:var(--sl-color-black)}.lab-seg input:focus-visible+span{outline:2px solid var(--sl-color-accent);outline-offset:-2px}.lab-reset{border:0;border-top:var(--lab-rule);height:2.75rem;color:var(--sl-color-white);font:600 .78rem/1 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;cursor:pointer;background:0 0;margin:auto 0 0}@media (width>=72rem){.lab-reset{position:absolute;inset:auto 0 0}}.lab-reset:disabled{color:var(--sl-color-gray-4);cursor:default}.lab-reset:hover:not(:disabled){background:var(--sl-color-gray-6)}.lab-code{border:var(--lab-rule);margin-top:1.5rem}.lab-code-head{border-bottom:var(--lab-hair);color:var(--sl-color-gray-3);justify-content:space-between;align-items:center;padding:.4rem .4rem .4rem .85rem;font-size:.8rem;display:flex}.lab-copy{border:var(--lab-hair);color:var(--sl-color-gray-2);font:500 .72rem/1 var(--sl-font-mono);cursor:pointer;background:0 0;padding:.35rem .6rem}.lab-copy:hover{border-color:var(--sl-color-white);color:var(--sl-color-white)}.lab-code pre{font:.78rem/1.65 var(--sl-font-mono);font-variation-settings:"wdth" 87.5;color:var(--sl-color-white);background:0 0;margin:0;padding:.9rem 1rem;overflow-x:auto}:root[data-theme=light] .lab-code pre{background:#fff}.lab-code .t-s{color:#9ecbff}.lab-code .t-k{color:#f97583}.lab-code .t-n{color:#79b8ff}.lab-code .t-f{color:#b392f0}.lab-code .t-c{color:var(--sl-color-gray-3)}:root[data-theme=light] .lab-code .t-s{color:#0a3069}:root[data-theme=light] .lab-code .t-k{color:#cf222e}:root[data-theme=light] .lab-code .t-n{color:#0550ae}:root[data-theme=light] .lab-code .t-f{color:#8250df}@media (width<=71.99rem){.lab-body{grid-template-columns:minmax(0,1fr)}.lab-inspector{border-inline-start:0;border-top:var(--lab-rule)}.lab-inspector fieldset{max-height:28rem}}:root{--sl-content-width:76rem}.lab-lead:where(.astro-kl4qqydq){max-width:60ch;color:var(--sl-color-gray-2);font-size:1.15rem;line-height:1.5}.lab-table:where(.astro-kl4qqydq){overflow-x:auto}.lab-table:where(.astro-kl4qqydq) table:where(.astro-kl4qqydq){width:100%;display:table}.lab-table:where(.astro-kl4qqydq) td:where(.astro-kl4qqydq){vertical-align:top}.lab-table:where(.astro-kl4qqydq) tr:where(.astro-kl4qqydq).has-doc td:where(.astro-kl4qqydq){border-bottom:0;padding-bottom:.15rem}.lab-doc-row:where(.astro-kl4qqydq) td:where(.astro-kl4qqydq){color:var(--sl-color-gray-3);padding-top:0;font-size:.85rem}.lab-type:where(.astro-kl4qqydq){white-space:normal;overflow-wrap:anywhere}.lab-req:where(.astro-kl4qqydq){color:var(--sl-color-gray-3);margin-inline-start:.4rem;font-size:.72rem}.lab-names:where(.astro-kl4qqydq){flex-wrap:wrap;gap:.4rem;display:flex}.lab-source:where(.astro-kl4qqydq) summary:where(.astro-kl4qqydq){cursor:pointer;margin-bottom:.75rem;font-weight:600}