.Widget{border-top:1px solid hsla(0,0%,100%,.06);padding:0;display:flex;flex-direction:column}.Widget .Header{height:40px;display:flex;background-color:#32363c;border-bottom:1px solid #36393e;flex:0 0 40px}.Widget .Header .Close{visibility:hidden;width:20px;height:25px;background-color:#2e3136;padding:1px;margin:2px;text-align:center;cursor:pointer;line-height:25px;vertical-align:middle;font-weight:700;color:hsla(0,0%,100%,.7);float:right}.Widget .Header:hover .Close{visibility:visible}.Widget .Main{padding:0;vertical-align:middle;color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;flex:1 1;overflow:hidden}.Widget .Main .Content{width:270px;overflow:auto}.Widget .Header .Name{height:100%;margin:0;padding:10px;color:hsla(0,0%,100%,.7);vertical-align:middle;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:1 1;overflow-y:hidden}.StateGreen{width:5px;background-color:rgba(128,177,18,.67)}.StateAmber{width:5px;background-color:rgba(177,147,18,.67)}.StateRed{width:5px;background-color:rgba(190,100,100,.67)}.Publisher,.Subscriber{flex:1 1;display:flex;flex-direction:column}.Message{height:auto;display:block;margin:5px}.MessageLine{display:flex;flex-direction:row;padding:1px;flex:1 1}.MessageLabel{margin-right:5px;flex:0 0 auto}.MessageTypeInput{background-color:#36393e;border:0 solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);padding-left:5px;flex:1 1;min-width:0}.hljs{display:inline-block;overflow-x:hidden;overflow-y:hidden;margin:0;width:100%;height:100%}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-section,.hljs-selector-tag{color:#fff}.hljs,.hljs-subst{color:#ddd}.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-name,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#d88}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#777}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-strong,.hljs-title,.hljs-type{font-weight:700}.hljs-emphasis{font-style:italic}.NodeActive{color:#64908a}.NodeInput{color:#b19312}.NodeOutput{color:#80b112}.NodeFiltered{color:hsla(0,0%,100%,.2)}.ColorOne{background-color:rgba(122,192,210,.86)}.ColorOneDisabled{background-color:rgba(122,192,210,.46)}.ColorTwo{background-color:rgba(128,177,18,.67)}.ColorTwoDisabled{background-color:rgba(128,177,18,.37)}.ColorThree{background-color:rgba(177,147,18,.67)}.ColorThreeDisabled{background-color:rgba(177,147,18,.37)}.JViz{text-align:left;flex:1 1}.JViz,.JViz-main{display:flex;width:100%}.JViz-main{flex-flow:column wrap;flex:1 1}.ButtonPanel{display:flex;flex-direction:row;flex:0 0 25px;padding:2px}.Sidebar{display:flex;flex-flow:column;height:inherit;width:250px;background-color:#2e3136;border:1px solid #2c2c2c}.ItemList{min-height:0;overflow-y:auto}.ItemList,.NodeGraph{flex:1 1;flex-direction:column}.NodeGraph{display:flex;background-size:40px 40px;background-image:linear-gradient(90deg,#444 1px,transparent 0),linear-gradient(180deg,#444 1px,transparent 0)}.ItemList .Item{border:0;border-style:solid;color:hsla(0,0%,100%,.6);padding:10px;align-items:center;white-space:nowrap;cursor:pointer}.ItemList .Item:hover{background-color:hsla(0,0%,100%,.06)}.Topic{height:60px;border:0;border-style:solid;color:hsla(0,0%,100%,.6);padding:5px!important;display:flex;align-items:center}.Topic .TopicOptions{display:flex;flex-direction:column}.TopicSelected{width:30px;height:30px;border-radius:50%;background-color:rgba(2,150,245,.2);margin-right:10px}.Topic .TopicOptions .Active{background-color:rgba(66,199,240,.8)}.SmallButton{cursor:pointer;padding:4px;margin:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.InputTextBox{flex:1 1;background-color:hsla(0,0%,100%,.2);border:5px solid hsla(0,0%,100%,0);border-radius:2px;color:hsla(0,0%,100%,.8)}.App{text-align:center;background-color:#36393e;height:100%;width:100%;display:flex;flex-direction:column;color:hsla(0,0%,100%,.7);flex:1 1}.AppHeader{background-color:#2e3136;padding:20px;color:#fff;display:flex;border-bottom:1px solid #303337;flex:0 0 70px}.AppHeader .Logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.AppMain{flex:1 1}.AppFooter{flex:0 0 25px;padding:5px}body{margin:0;padding:0;font-family:sans-serif}#root,body,html{height:100%;width:100%}#root{display:flex;flex-direction:column}
/*# sourceMappingURL=main.8960ccc2.chunk.css.map */