.light,:root{--wire-color:#000000;--port-12-color:#666666;--input-port-hover-color:#00dd00;--output-port-hover-color:#dd0000;--wire-hover-color:#4169e1;--wire-selected-color:#ff0000;--wire-warn-color:#ffa500;--zoom-background-color:rgba(0,0,255,0.5);--tool-hover-background-color:#bbbbff;--tool-selected-background-color:#ccccff;--tool-selected-border-color:#000000;--tool-remove-background-color:#ff0000;}.dark{--wire-color:#ffffff;--port-12-color:#999999;--input-port-hover-color:#00dd00;--output-port-hover-color:#dd0000;--wire-hover-color:#4169e1;--wire-selected-color:#ff0000;--wire-warn-color:#ffa500;--zoom-background-color:rgba(150,150,255,0.5);--tool-hover-background-color:#444444;--tool-selected-background-color:#333333;--tool-selected-border-color:#ffffff;--tool-remove-background-color:#ff0000;}@media (prefers-color-scheme:dark){:root{--wire-color:#ffffff;--port-12-color:#999999;--input-port-hover-color:#00dd00;--output-port-hover-color:#dd0000;--wire-hover-color:#4169e1;--wire-selected-color:#ff0000;--wire-warn-color:#ffa500;--zoom-background-color:rgba(150,150,255,0.5);--tool-hover-background-color:#444444;--tool-selected-background-color:#333333;--tool-selected-border-color:#ffffff;--tool-remove-background-color:#ff0000;}}hr{border-bottom:1px solid var(--box-border-color);border-top:none;margin:10px 0 0;}#content{padding:0;position:relative;height:var(--content-height);}#diagram{height:100%;right:0;position:absolute;top:0;width:calc(100vw - 120px);z-index:0;}#diagram *{cursor:pointer;}#diagram.move{cursor:move;}#diagram.move *,#diagram.connect *{cursor:-moz-grab;cursor:-webkit-grab;cursor:grab;}#diagram.text *{cursor:copy;}#diagram.text text{cursor:text;}#diagram:active *,#diagram.text:active text{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:grabbing;}circle.port,circle.wire{fill:var(--wire-color);stroke-width:0;}circle.con-1,circle.con-2{fill:var(--port-12-color);}line.wire,.wire path,.chip path{fill:transparent;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke:var(--wire-color);}text{fill:var(--text-color);font-family:consolas,monospace;font-size:10px;text-anchor:middle;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;}#diagram.diagram>#ports>circle.port{stroke-width:4;}#ports>circle.port{stroke:var(--wire-color);}#ports>circle.port.input:hover,circle.port.input:hover{fill:var(--input-port-hover-color);stroke:var(--input-port-hover-color);}#ports>circle.port.output:hover,circle.port.output:hover{fill:var(--output-port-hover-color);stroke:var(--output-port-hover-color);}#diagram.diagram #chipName{font-size:50px;}circle.hover,text.hover,g.hover>text,g.hover>circle.port{fill:var(--wire-hover-color);}line.hover,text.hover,g.hover>path,g.hover>text,#ports>circle.port.hover{stroke:var(--wire-hover-color);}circle.selected,text.selected,g.selected>text,g.selected>circle.port{fill:var(--wire-selected-color);}line.selected,text.selected,g.selected>path,g.selected>text,#ports>circle.port.selected,#ports>circle.port.selected:hover{stroke:var(--wire-selected-color);}line.warn{stroke:var(--wire-warn-color);}#zoomRect{fill:var(--zoom-background-color);}#tools{border-right:1px solid var(--box-border-color);height:100%;left:0;overflow:hidden auto;padding:10px;position:absolute;top:0;width:120px;z-index:1;}.tool{border:1px solid var(--box-border-color);cursor:pointer;margin-top:10px;position:relative;}.tool>svg{display:block;padding:10px;width:100%;}.tool>div{border-top:1px solid var(--box-border-color);padding:2px 4px;text-align:center;white-space:nowrap;}.tool:hover,.tool.selected:hover{background-color:var(--tool-hover-background-color);}.tool.selected{background-color:var(--tool-selected-background-color);outline:2px solid var(--tool-selected-border-color);outline-offset:-1px;font-weight:bold;}.tool.selected>div{border-color:var(--tool-selected-border-color);}.tool>.remove{border:1px solid var(--box-border-color);height:15px;overflow:hidden;position:absolute;right:-1px;top:-1px;width:15px;}.tool>.remove:before,.tool>.remove:after{background-color:#666;content:"";display:block;height:4px;position:absolute;top:-2px;width:30px;}.tool>.remove:hover:before,.tool>.remove:hover:after{background-color:var(--tool-remove-background-color);}.tool>.remove:before{left:0;transform-origin:1px 0;transform:rotate(45deg);}.tool>.remove:after{right:0;transform-origin:29px 0;transform:rotate(-45deg);}#file{box-shadow:0 -1px 0 10px var(--background-color);position:sticky;top:0;width:100%;z-index:1;}#hiddenLink{display:none;}#fileDialog{align-self:center;background-color:var(--background-color);border:1px solid var(--box-border-color);box-shadow:0 0 0 10000px rgba(0,0,0,0.5);display:none;justify-self:center;margin:-10px !important;max-height:min(400px,calc(var(--content-height) - 20px));max-width:min(600px,calc(100% - 20px));padding:10px;position:absolute;z-index:3;}#fileDialog.show{display:grid;}#fileDialog:before{bottom:var(--footer-height);content:"";display:block;left:0;position:fixed;right:0;top:var(--menu-height);z-index:-1;}.huge-button br{display:none;}@media only screen and (min-width:768px){.huge-button [class^=fa-]{font-size:2em;}.huge-button br{display:initial;}}input[type="file"]{display:none;}#centerView{position:absolute;bottom:10px;right:131px;height:24px;width:24px;z-index:1;}#zoomSlider{bottom:10px;position:absolute;right:10px;width:120px;z-index:2;}@-moz-document url-prefix(){#zoomSlider{bottom:13px;}}#zoomIn,#zoomOut,#zoomReset{display:none;}input[type="range"]{-webkit-appearance:none;appearance:none;}input[type="range"]:focus{outline:none;}input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--background-color) calc(25% - 3px),var(--box-border-color) calc(25% - 3px),var(--box-border-color) calc(25% - 1px),var(--background-color) calc(25% - 1px));border:1px solid var(--box-border-color);cursor:pointer;height:24px;width:100%;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--box-border-color);border-color:var(--box-border-color);border-style:solid;border-width:1px 0;cursor:pointer;cursor:grab;height:24px;margin-top:-1px;width:12px;}input[type="range"]:hover::-webkit-slider-runnable-track,input[type="range"]:focus::-webkit-slider-runnable-track{background-color:#bbf;}input[type="range"]:hover::-webkit-slider-thumb,input[type="range"]:focus::-webkit-slider-thumb{background-color:#66f;}input[type="range"]:active::-webkit-slider-runnable-track{background-color:#aaf;}input[type="range"]:active::-webkit-slider-thumb{background-color:#44f;}input[type="range"]::-moz-range-track{background:linear-gradient(90deg,var(--background-color) calc(25% - 3px),var(--box-border-color) calc(25% - 3px),var(--box-border-color) calc(25% - 1px),var(--background-color) calc(25% - 1px));border:1px solid var(--box-border-color);box-sizing:border-box;cursor:pointer;height:24px;width:100%;}input[type="range"]::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--box-border-color);border-color:var(--box-border-color);border-radius:0;border-style:solid;border-width:1px 0;box-sizing:border-box;cursor:pointer;cursor:grab;height:24px;width:12px;}input[type="range"]:hover::-moz-range-track,input[type="range"]:focus::-moz-range-track{background-color:#bbf;}input[type="range"]:hover::-moz-range-thumb,input[type="range"]:focus::-moz-range-thumb{background-color:#66f;}input[type="range"]:active::-moz-range-track{background-color:#aaf;}input[type="range"]:active::-moz-range-thumb{background-color:#44f;}