.circuit{--v9:#fff59a;--v5:#ffd84d;--v2:#ff8a3d;--v0:#6ea8ff;flex-direction:column;align-items:center;gap:.25em;display:flex}.circuit-fig{width:min(100%, calc(var(--fig-h,62vh) * var(--ratio)));aspect-ratio:var(--ratio);-webkit-user-select:none;user-select:none;border-radius:.4em;position:relative;overflow:hidden;box-shadow:0 .3em 1.2em #00000080}.circuit-fig img,.circuit-fig svg{width:100%;height:100%;display:block;position:absolute;inset:0}.circuit-fig img{filter:brightness(.62)saturate(.85)}.cz-seg{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s}.circuit .cz-seg[data-st=off]{opacity:0}.cz-glow{stroke-width:calc(26px * var(--cz-size,1));opacity:.5}.cz-dots{stroke-width:calc(11px * var(--cz-size,1));stroke-dasharray:0 36}.cz-seg.v9{stroke:var(--v9)}.cz-seg.v5{stroke:var(--v5)}.cz-seg.v2{stroke:var(--v2)}.cz-seg.v0{stroke:var(--v0)}.cz-glow.vr{stroke:var(--v5)}.cz-glow.v2{opacity:.35}.cz-glow.v0{opacity:.22}.cz-dots.v0{opacity:.75}.cz-dots[data-st=flow]{animation:cz-flow var(--cz-dur,.22s) linear infinite}.cz-hidden .cz-glows,.cz-hidden .cz-dotlayer{display:none}.cz-dots.rev[data-st=flow]{animation-direction:reverse}@keyframes cz-flow{to{stroke-dashoffset:-36px}}.cz-dots[data-st=idle]{animation:.5s ease-in-out infinite alternate cz-wait}.cz-glow[data-st=idle]{animation:1.6s ease-in-out infinite alternate cz-pulse}@keyframes cz-wait{to{stroke-dashoffset:-4px}}@keyframes cz-pulse{0%{opacity:.25}to{opacity:.55}}.cz-led{opacity:0;mix-blend-mode:screen;transition:opacity .25s}.cz-led.on{opacity:1}.cz-res{stroke:var(--v2);stroke-width:calc(44px * var(--cz-size,1));stroke-linecap:round;opacity:0;filter:blur(calc(8px * var(--cz-size,1)))}.cz-res.on{animation:.8s ease-in-out infinite alternate cz-heat}@keyframes cz-heat{0%{opacity:calc(.25 * var(--cz-size,1))}to{opacity:calc(.7 * var(--cz-size,1))}}.cz-btn{cursor:pointer}.cz-btn-ring{fill:#ffffff03;stroke:#ffffff8c;stroke-width:4px;stroke-dasharray:10 8;transition:all .15s}.cz-btn:hover .cz-btn-ring{stroke:#fff}.cz-btn.pressed .cz-btn-ring{fill:#ffffff1f;stroke:#fff;stroke-dasharray:none}.cz-gap{stroke:var(--bad,#ff7a7a)}.cz-btn.pressed .cz-gap{opacity:0}.cz-label rect{fill:#10131ad9;stroke-width:3px}.cz-label text{text-anchor:middle;dominant-baseline:middle;font-family:ui-monospace,Menlo,monospace;font-weight:700}.cz-label.v9 rect{stroke:var(--v9)}.cz-label.v9 text{fill:var(--v9)}.cz-label.v5 rect{stroke:var(--v5)}.cz-label.v5 text{fill:var(--v5)}.cz-label.v2 rect{stroke:var(--v2)}.cz-label.v2 text{fill:var(--v2)}.cz-label.v0 rect{stroke:var(--v0)}.cz-label.v0 text{fill:var(--v0)}.cz-label.vi rect{stroke:var(--muted,#a3abbd)}.cz-label.vi text{fill:var(--ink,#f1f3f7);font-family:system-ui,sans-serif;font-weight:600}.cz-label.cz-on,.cz-label.cz-idle{opacity:0;transition:opacity .25s}.cz-label.show{opacity:1}.cz-label.cz-on.show{opacity:.7}.cz-calib{fill:#0ff;paint-order:stroke;stroke:#000;stroke-width:4px;font-size:22px}.circuit-readout{white-space:nowrap;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;width:100%;font-family:ui-monospace,Menlo,monospace;font-size:1.05em;display:grid}.circuit-readout .num{min-width:2ch;display:inline-block}.circuit-readout .tail{padding-left:.5em}.circuit-readout .bit{min-width:1em;color:var(--muted);display:inline-block}.circuit-readout .bit.on{color:var(--c);text-shadow:0 0 .4em var(--c)}.circuit-readout .let{color:var(--accent);font-weight:700}.circuit-caption{min-height:1.4em;color:var(--muted);text-align:center;font-size:.7em}.circuit-keys{color:var(--muted);opacity:.6;font-size:.55em}.circuit-slide h2{align-items:center;gap:.6em;display:flex}.cz-speed{color:var(--muted);align-items:center;gap:.4em;margin-left:auto;font-size:.42em;font-weight:400;display:flex}.cz-speed input{width:8em;accent-color:var(--accent)}.cz-speed+.cz-speed{margin-left:1.2em}.cz-speed output{min-width:1ch;color:var(--accent);font-weight:700}.circuit-slide{justify-content:flex-start;padding-top:3vh}.circuit-slide h2{margin-bottom:.3em;font-size:1.25em}