body{margin:0}*{scrollbar-color:auto!important;scrollbar-width:auto !important}.App{display:flex;flex-direction:column;height:100vh;-webkit-user-select:none;user-select:none;width:100vw}#light{background-color:#f7f7f7}#dark{background-color:#1e1e1e}.display-none{display:none}.notransition *{transition:none!important}input:focus{outline:none}.App-header{align-items:center;display:flex;height:50px;position:relative;width:100%;z-index:100}#light .App-header{background-color:#f5f5f5;box-shadow:0 1px 4px 0 rgba(59,59,59,.205)}#dark .App-header{background-color:#3c3c3c;box-shadow:0 1px 4px 0 rgba(40,40,40,.205)}.react-switch{margin-left:auto;margin-right:10px}.logicsim-logo{height:40px;left:10px;margin-left:10px;width:150px}.App-header .version{font-size:.8em;margin-left:5px;margin-right:20px;padding-top:10px}#light .App-header .version{color:dimgray}#dark .App-header .version{color:#a9a9a9}.toolbar{align-items:center;display:flex;height:50px;position:relative;width:100vw;z-index:99}#light .toolbar{background-color:#efefef;border-bottom:1px solid #dfe2e6}#dark .toolbar{background-color:#2c2c2c;border-bottom:1px solid #444}#light .toolbar-icon{fill:#b9b9b9;height:50px;padding:0 15px;width:20px}#dark .toolbar-icon{fill:#555353;height:50px;padding:0 15px;width:20px}#light .toolbar_active_btn{fill:#000;cursor:pointer}#dark .toolbar_active_btn{fill:#fff;cursor:pointer}#light .toolbar_active_btn:hover{fill:#1f77eb}#dark .toolbar_active_btn:hover{fill:#00aeff}#light .toolbar_borderleft{border-left:1px solid #dfe2e6}#light .toolbar_borderright{border-right:1px solid #dfe2e6}#dark .toolbar_borderleft{border-left:1px solid #444}#dark .toolbar_borderright{border-right:1px solid #444}.sidebar{height:calc(100% - 100px);position:relative;transition:left .5s;width:275px;z-index:98}#light .sidebar{background-color:#f2f2f2;border-right:1px solid #dfe2e6}#dark .sidebar{background-color:#2c2c2c;border-right:1px solid #444}.open_close_sidebar_btn{align-items:center;border-left:0;cursor:pointer;display:flex;height:40px;left:265px;padding:1px 4px;position:absolute;top:50%;width:20px}#light .open_close_sidebar_btn{background-color:#f2f2f2;border:1px solid #dfe2e6}#dark .open_close_sidebar_btn{background-color:#2f2f2f;border:1px solid #444}.open_close_sidebar_btn svg{height:40px;transition:transform .5s;width:10px}#dark .open_close_sidebar_btn svg{fill:#fff}.component_picker{direction:rtl;display:block;grid-template-columns:1fr 1fr;height:calc(100% - 116px);overflow-x:hidden;overflow-y:scroll;padding:0 8px 0 4px;position:relative}#light .component_picker{background-color:#e6e2e2}#dark .component_picker{background-color:#242424}::-webkit-scrollbar{cursor:pointer;width:3px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background:#707070;border-radius:2px;width:3px}::-webkit-scrollbar-thumb:hover{background:#464545;width:6px}.component_picker_item{border-radius:5px;box-sizing:border-box;cursor:pointer;display:inline-block;height:125px;margin:6px 4px;padding:4px;position:relative;width:46%}#light .component_picker_item{background-color:#f2f2f2}#light .component_picker_item:hover{background-color:#fff;box-shadow:0 0 5px 1px #1f77eb69}#light .component_picker_item:hover .component_picker_item_name{color:#1f77eb}#dark .component_picker_item{background-color:#2c2c2c}#dark .component_picker_item:hover{background-color:#393939;box-shadow:0 0 5px 1px #00aeff69}#dark .component_picker_item:hover .component_picker_item_name{color:#00aeff}.component_picker_item_icon{display:flex;height:calc(100% - 20px);justify-content:center;width:100%}.component_picker_item_icon img{border:0;height:64px;margin:auto;width:64px}.component_picker_item_name{direction:ltr;font-family:Courier New,Courier,monospace;font-size:8pt;height:2.3em;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;width:100%}#dark .component_picker_item_name{color:#fff}.component_picker_group{height:60px}#light .component_picker_group{background-color:inherit;border-bottom:1px solid #dfe2e6}#dark .component_picker_group{background-color:inherit;border-bottom:1px solid #444}.component_picker_search{display:flex;margin:10px;position:relative}.component_search_input{flex-grow:1;font-size:15px;padding:7px 8px}.component_search_form{align-items:center;display:flex;flex-grow:1}.component_search_btn{background:none;border:0;padding:0;position:absolute;right:7px;top:5px}.component_search_logo{fill:#dfdfdf;height:25px;width:25px}.component_search_logo:hover{fill:#575757}.breadboard{height:100%;position:absolute;width:100%}.breadboard svg{overflow:hidden;position:absolute;z-index:4}.SevenSegmentDisplay .IO{opacity:0}.SevenSegmentDisplay .IO:hover{opacity:1}.SevenSegmentDisplay .segment-selected{fill:#dfdfdf;filter:drop-shadow(0 0 4px #dfdfdf)}.input-name{background-color:blue;height:50px;position:relative;width:100px}.segment-active{fill:#df2d2d;filter:drop-shadow(0 0 4px #df2d2d)}.wire-background{display:none}#light .wire-hover:hover{filter:drop-shadow(0 0 6px #0000ffda)}#dark .wire-hover:hover{filter:drop-shadow(0 0 6px #6c6cff)}.wire-hover{transition:.1s}#light .wire-background-selected{stroke:#00f;opacity:.2}#dark .wire-background-selected{stroke:#6c6cff;opacity:.4}.PushButton .IO{opacity:0}.PushButton .IO:hover{opacity:1}.AndGate .IO{opacity:0}.AndGate .IO:hover{opacity:1}.NotGate .IO{opacity:0}.NotGate .IO:hover{opacity:1}.LightBulb .IO{opacity:0}.LightBulb .IO:hover{opacity:1}.Switch .IO{opacity:0}.Switch .IO:hover{opacity:1}.Switch .Body{transition:fill .4s}.Switch .Button{transition:.4s}.Switch{transition:.5s}@keyframes off-top-bottom-animation{0%{d:path("M25.4364 55.5L22.5728 76.5H67.4272L64.5636 55.5H25.4364Z")}10%{d:path("M25.4364 55.5L22.85916 77.5H67.14084L64.5636 55.5H25.4364Z")}20%{d:path("M25.4364 55.5L23.14552 78.5H66.85448L64.5636 55.5H25.4364Z")}30%{d:path("M25.4364 55.5L23.43188 79.5H66.56812L64.5636 55.5H25.4364Z")}40%{d:path("M25.4364 55.5L23.71824 80.5H66.28176L64.5636 55.5H25.4364Z")}50%{d:path("M25.4364 55.5L24.0046 81.5H65.9954L64.5636 55.5H25.4364Z")}60%{d:path("M25.4364 55.5L24.29096 82.5H65.70904L64.5636 55.5H25.4364Z")}70%{d:path("M25.4364 55.5L24.57732 83.5H65.42268L64.5636 55.5H25.4364Z")}80%{d:path("M25.4364 55.5L24.86368 84.5H65.13632L64.5636 55.5H25.4364Z")}90%{d:path("M25.4364 55.5L25.15004 85.5H64.84996L64.5636 55.5H25.4364Z")}to{d:path("M25.4364 55.5L25.4364 86.5H64.5636L64.5636 55.5H25.4364Z")}}@keyframes off-side-bottom-animation{0%{d:path("M25.375 86.5L22.6728 77.5H67.3272L64.628 86.5H25.375Z")}10%{d:path("M25.375 86.5L22.95916 78.5H67.04084L64.628 86.5H25.375Z")}20%{d:path("M25.375 86.5L23.24552 79.5H66.75448L64.628 86.5H25.375Z")}30%{d:path("M25.375 86.5L23.53188 80.5H66.46812L64.628 86.5H25.375Z")}40%{d:path("M25.375 86.5L23.81824 81.5H66.18176L64.628 86.5H25.375Z")}50%{d:path("M25.375 86.5L24.1046 82.5H65.8954L64.628 86.5H25.375Z")}60%{d:path("M25.375 86.5L24.39096 83.5H65.60904L64.628 86.5H25.375Z")}70%{d:path("M25.375 86.5L24.67732 84.5H65.32268L64.628 86.5H25.375Z")}80%{d:path("M25.375 86.5L24.96368 85.5H65.03632L64.628 86.5H25.375Z")}90%{d:path("M25.375 86.5L25.25004 85.5H64.74996L64.628 86.5H25.375Z")}to{d:path("M25.375 86.5L25.5364 85.5H64.4636L64.628 86.5H25.375Z")}}.Clock .IO{opacity:0}.Clock .IO:hover{opacity:1}.properties_panel .close-icon{height:13px;width:13px}.properties_panel .close-icon_container{cursor:pointer;height:13px;margin-left:auto;margin-right:0;width:13px}.properties_panel .close-icon path{stroke:#fff}#light .properties_panel{background:#fff}#dark .properties_panel{background:#1e1e1e}.properties_panel{border:2px solid #0085ff;border-radius:4px;font-family:sans-serif;font-size:15px;max-height:500px;overflow-x:hidden;overflow-y:auto;position:absolute;right:10px;top:110px;width:265px;z-index:10}.properties_panel .component_name{color:#fff;font-weight:700;line-height:33px}.properties_panel .properties_header{align-items:center;background:#0085ff;border-bottom:2px solid #0085ff;display:flex;padding:0 11px 0 7px}.properties_panel .properties_form{padding:4px}.properties_panel .properties_form .property_group{padding:2px}.properties_panel .properties_form .property_input_type{border:1px solid #0085ff;border-radius:4px;box-sizing:border-box;height:32px;margin-right:0}.properties_panel .properties_form .property_name{background:#0085ff;box-sizing:border-box;color:#fff;display:table-cell;font-size:15px;font-weight:700;height:30px;line-height:15px;max-width:160px;min-width:30px;padding:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.properties_panel .properties_form .property_group .property_input{display:table-cell;position:relative;width:100%}.properties_panel .properties_form .property_group .property_input_text{background:none;border:none;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#0085ff;font-weight:700;height:28px;margin:0;padding-left:7px;vertical-align:initial;width:100%}