.circuit3d-surface{z-index:15;pointer-events:none;position:fixed;inset:0}.circuit3d-surface canvas{pointer-events:none}.circuit3d{color:#c6d6c7;background:#14231b;border:1px solid #334b38;border-radius:12px;width:100%;min-width:0;overflow:hidden}.circuit3d-window{min-height:150px;position:relative}.circuit3d-selection{z-index:18;visibility:hidden;position:absolute;top:35%;left:50%;transform:translate(-50%,-100%)}.circuit3d-part-labels{z-index:16;pointer-events:none;position:absolute;inset:0}.circuit3d-part-labels button{visibility:hidden;color:#e7f4d2;pointer-events:auto;cursor:pointer;background:#1c3225eb;border:1px solid #819e67;border-radius:6px;place-items:center;min-width:23px;height:24px;padding:0 5px;font:600 11px ui-monospace,monospace;display:grid;position:absolute;transform:translate(-50%,-100%)}.circuit3d-part-labels button:disabled{cursor:default;pointer-events:none}.circuit3d-part-labels button[aria-pressed=true]{color:#213820;background:#cdf197;border-color:#cdf197}.circuit3d-part-labels button[data-number=true]{background:#162b20f5;justify-content:center;gap:4px;min-width:32px;height:25px;padding:3px 5px;display:flex}.circuit3d-part-labels button[data-number=true]>span{color:#afc89d;font-size:9px}.circuit3d-part-labels button[data-number=true]>b{color:#e1f9ba;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.2}.circuit3d-part-labels button[data-number=true][aria-pressed=true]{background:#cdf197}.circuit3d-part-labels button[data-number=true][aria-pressed=true]>*{color:#213820}.circuit-number-toggle{z-index:17;background:#122219;border:1px solid #40573c;border-radius:9px;gap:3px;padding:3px;display:inline-flex;position:relative}.circuit-number-toggle button{color:#a9bd9a;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:47px;min-height:32px;padding:5px 10px;font-size:11px}.circuit-number-toggle button[aria-pressed=true]{color:#20321a;background:#c9ec99;font-weight:700}.circuit-number-toggle button:focus-visible{outline-offset:2px;outline:2px solid #e2ffbd}.circuit-numbers{z-index:16;color:#b7cba9;background:#14251bee;border-radius:0 0 11px 11px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:9px 8px;font-size:10px;display:flex;position:relative}.circuit-numbers>span{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.circuit-numbers b{color:#d9f6a6;font:700 16px ui-monospace,monospace}.circuit3d-view{touch-action:pan-y;inset:0;position:absolute!important}.circuit3d-tools{z-index:16;pointer-events:none;color:#b4c9b5;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;top:8px;left:10px;right:8px}.circuit3d-tools button{pointer-events:auto;color:#daf7c2;cursor:pointer;background:#1d3425;border:1px solid #79946a55;border-radius:7px;padding:8px}.circuit3d-readout{z-index:16;background:#17271d;border-top:1px solid #354c37;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:10px;display:flex;position:relative}.circuit3d-readout button{color:#c8dcc6;cursor:pointer;background:#253c2b;border:1px solid #718a6b88;border-radius:5px;min-height:30px;padding:5px 8px}.circuit3d-readout button:disabled{cursor:default;opacity:1;background:0 0;border-color:#0000}.circuit3d-readout button[aria-pressed=true]{color:#1c321b;background:#b8f078;border-color:#b8f078}.circuit3d-readout span{padding:4px 8px}.circuit3d-alert{z-index:16;color:#ffdda9;background:#542c1dee;border:1px solid #a86540;border-radius:7px;padding:8px;font-size:11px;position:absolute;bottom:10px;left:10px;right:10px}.circuit3d-loading{color:#91ab91;place-items:center;height:100%;font-size:11px;display:grid}.circuit3d-fallback{padding:9px;font-size:11px}.circuit3d-compact{border-radius:6px}.circuit3d-compact .circuit3d-window{min-height:95px}.diagram-panel .circuit3d{margin-top:8px}.diagram-single{max-width:100%!important;padding:12px!important}.diagram-pair{gap:12px!important}.diagram-pair>div+div{border-left:0!important}.home-diagrams>div{width:100%;min-width:0}.home-diagrams .circuit3d-window{height:210px!important}.reduction-figure{padding:14px!important}.understand-example .circuit3d-window{height:230px!important}.circuit3d button:focus-visible{outline-offset:2px;outline:3px solid #b8f078}@media (max-width:700px){.circuit3d-window{height:270px!important}.circuit3d-compact .circuit3d-window{height:120px!important}.home-diagrams .circuit3d-window{height:180px!important}.circuit3d-readout{font-size:10px}.circuit3d-readout button{min-height:38px}.circuit3d-tools button{padding:11px}.diagram-pair{grid-template-columns:1fr!important}}.circuit3d-preview{pointer-events:none;place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:hidden}.circuit3d-preview>*{max-width:100%;max-height:100%}.circuit3d-photo{padding:0}.circuit3d-photo img{object-fit:contain}.circuit3d:not(.circuit3d-compact) .circuit3d-photo img{clip-path:inset(20% 0 0)}