body{margin:0}.App{font-family:sans-serif;text-align:center}.context-menu{width:150px}.context-menu .item:hover{background-color:#6e88ff}.context-menu .item:first-child{background-color:#ff0050cc}.context-menu .item:first-child:hover{background-color:#ff0050}.context-menu .item.hasSubitems{background-color:#6ea1ffcc}.context-menu .item.hasSubitems:hover{background-color:#6ea1ff}.context-menu .item.hasSubitems .subitems .item{background-color:#6ea1ffcc;width:160px}.context-menu .item.hasSubitems .subitems .item:hover{background-color:#6ea1ff}.rightClick{animation:rightClick 2.5s linear 0s 1;animation-iteration-count:infinite}@keyframes rightClick{0%{transform:translate(0)}5%{transform:translate(10%) rotate(10deg)}25%{transform:translate(20%) rotate(20deg)}30%{transform:translate(-10%) rotate(-10deg)}35%{transform:translate(-15%) rotate(-15deg)}45%{transform:translate(10%) rotate(10deg)}50%{transform:translate(15%) rotate(15deg)}60%{transform:translate(-5%) rotate(-5deg)}65%{transform:translate(-7%) rotate(-7deg)}75%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}.hasScrollbar::-webkit-scrollbar{-webkit-appearance:none;width:12px}.hasScrollbar::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px;box-shadow:0 0 1px #ffffff80}.warningCode .minimap-decorations-layer{background:rgba(255,0,80)}.warningCode .monaco-editor div>div>div{background:rgba(255,0,80)}.switchArea{background:grey;font-size:13px;letter-spacing:0;line-height:32px;margin:auto;position:relative;text-align:center;width:122px}.switchArea input[type=checkbox]{display:none}.switchArea label{border:2px solid #545454;border-radius:16px;box-sizing:border-box;display:block;height:32px}.switchArea input[type=checkbox]:checked+label{border-color:#ffd92c}.switchArea label span:after{color:#545454;content:"OFF";padding:0 0 0 19px}.switchArea input[type=checkbox]:checked+label span:after{color:#fff;content:"ON";padding:0 19px 0 0}.switchArea .swImg{background:#545454;border-radius:12px;height:24px;left:4px;position:absolute;top:4px;transition:.2s;width:24px}.switchArea input[type=checkbox]:checked~.swImg{background:#ffd92c;transform:translate(90px)}select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(.7em + 2px),calc(100% - 15px) calc(.7em + 2px),calc(100% - 2.5em) .1em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font:inherit;line-height:1.5em;margin:0;padding:.1em 3.5em .1em 1em}select:focus{background-image:linear-gradient(45deg,#ffd92c 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ffd92c 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px) .7em,calc(100% - 20px) .7em,calc(100% - 2.5em) .1em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-color:#ffd92c;outline:0}input[type=text]{border-color:initial;border-radius:4px;font:initial}input[type=text]:focus{border-color:#ffd92c;outline:0}input[type=number]{border-color:initial;border-radius:4px;font:initial;width:100%}input[type=number]:focus{border-color:#ffd92c;outline:0}input[type=number]:disabled{border-color:revert}input::-webkit-calendar-picker-indicator{display:none!important}textarea{width:100%}.jsonManagerInput .socket:before{color:#fff;content:"N";margin-left:4.5px}.jsonManagerInput .socket:hover:before{display:none}.jsonManagerCtrl{display:flex}.jsonManagerCtrlCategory{align-items:center;background:#545454;color:#fff;display:inline-flex;justify-content:center;margin:0;width:100%}.jsonManagerCtrlInputs,.jsonManagerCtrlOutputs{width:200px}.jsonManagerCtrlInput{background:#fff;min-height:100px}.jsonManagerCtrlInputTitle{background:#96b38a;color:#fff;margin:0}.jsonManagerCtrlInputKey{align-items:center;background:#6e88ff;border-radius:5px;color:#fff;display:inline-flex;margin:2px 5px;padding:0 5px}.jsonManagerCtrlInputKeyHover:hover{cursor:grab}.jsonManagerCtrlOutputKey{align-items:center;background:#6e88ff;border-radius:5px;color:#fff;display:inline-flex;margin:2px 5px;padding:0 5px}.jsonManagerCtrlFunctions{background:#fff;min-height:100px}.jsonManagerCtrlHint{align-items:center;color:#fff;display:flex;font-weight:800;margin:0 5px}.jsonManagerCtrlOutput{background:#fff;min-height:100px}.jsonManagerCtrlPreview{display:flex;flex-direction:column;min-height:100px}.jsonManagerCtrlPreviewArea{display:block;flex-grow:1;width:stretch;width:-webkit-fill-available;width:-moz-available}.removeBtn{background:rgba(255,0,80,.7);border:2px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:1rem;margin-left:5px;position:relative;width:1rem}.removeBtn:hover{background:rgba(255,0,80,1)}.removeBtn:before,.removeBtn:after{background:#fff;content:"";height:.8rem;left:50%;position:absolute;top:50%;width:.1rem}.removeBtn:before{transform:translate(-50%,-50%) rotate(45deg)}.removeBtn:after{transform:translate(-50%,-50%) rotate(-45deg)}.closeBtn{background:#545454;border:2px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:1rem;margin-left:5px;position:relative;width:1rem}.closeBtn:before,.closeBtn:after{background:#fff;content:"";height:.8rem;left:50%;position:absolute;top:50%;width:.1rem}.closeBtn:before{transform:translate(-50%,-50%) rotate(45deg)}.closeBtn:after{transform:translate(-50%,-50%) rotate(-45deg)}.addBtn{background:rgba(255,217,44,.7);border:2px solid #fff;border-radius:50%;display:inline-block;height:1rem;margin-left:5px;position:relative;width:1rem}.addBtn:hover{background:rgba(255,217,44,1)}.addBtn:before,.addBtn:after{background:#fff;content:"";height:.8rem;left:50%;position:absolute;top:50%;width:.1rem}.addBtn:before{transform:translate(-50%,-50%)}.addBtn:after{transform:translate(-50%,-50%) rotate(90deg)}.modalAddBtn{background-color:#fff;border:1px solid #767676;border-radius:4px;color:#767676;display:inline-block;font:inherit;line-height:1.5em;margin-left:5px;padding:.1em 1em}.modalAddBtn:hover{border:1px solid #ffd92c;cursor:pointer}.jsonManagerModalTitle{align-items:center;background:#545454;color:#fff;display:flex;justify-content:space-between;padding:0 15px}.jsonManagerModalContent{padding:20px}.modalFunction{border:1px solid rgb(204,204,204);border-radius:4px;margin:10px 0}.modalFunctionTitle{align-items:center;background:#545454;color:#fff;display:inline-flex;font-weight:600;justify-content:space-between;margin:0;padding:5px 15px;width:stretch;width:-webkit-fill-available;width:-moz-available}.modalFunctionKey{margin:10px 0}.modalFunctionKeyTitle{display:inline-block;margin:0 5px 0 10px}.modalFunctionContent{align-items:center;display:inline-flex}.modalFunctionContentInput{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(.7em + 2px),calc(100% - 15px) calc(.7em + 2px),calc(100% - 2.5em) .1em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border:1px solid #545454;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font:inherit;line-height:1.5em;margin:5px 0;padding:.1em 3.5em .1em 1em;width:300px}.modalFunctionContentInput:focus{background-image:linear-gradient(45deg,#ffd92c 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ffd92c 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px) .7em,calc(100% - 20px) .7em,calc(100% - 2.5em) .1em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-color:#ffd92c;outline:0}.modalFunctionContentSymbol{font-weight:600;margin:0 10px}