*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;font-weight:300;margin:0;padding:0;-webkit-user-drag:none;-webkit-user-select:none;white-space:pre;height:100%}html{overflow:hidden}body{background-color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;overflow:auto}h1{font-weight:400}h2{font-weight:300}.app-layout{display:flex;font-size:1rem;height:100%;left:0;position:fixed;top:0;transform:translateZ(1px);width:100%}.app-layout__content,.app-layout__sidebar{transition:all .2s ease-out}.app-layout__sidebar{overflow-y:auto;padding:1vh 2vw}.app-layout.full-content .app-layout__sidebar{flex-basis:0%;padding-left:0;padding-right:0;overflow-x:hidden}.app-layout.full-content .app-layout__content{flex-basis:100%}.app-layout--toggler{position:fixed;left:-40px;bottom:-40px;border-radius:50%;border:none;background-color:rgba(0,0,0,.05);font-size:2rem;width:100px;height:100px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-out;transform:scale(.5);cursor:pointer}.app-layout--toggler:hover{background-color:rgba(0,0,0,.15);transform:scale(.6)}.app-layout--toggler:active{background-color:rgba(0,0,0,.125);transform:scale(.5);box-shadow:0 0 0 25px rgba(0,0,0,.09)}.app-layout__sidebar{border-right:.5pt solid #ccc;flex-basis:20%;padding:1.25vh .75vw;position:relative}.app-layout__sidebar>*{transition:all .2s ease-out}.app-sidebar__connection{background-color:rgba(0,203,224,.49);border:2px solid hsla(0,0%,100%,0);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:2vh;justify-content:space-around;min-height:50px;overflow:hidden;padding:6px 10px;position:relative;width:100%}.app-sidebar__connection>*{cursor:default;transition:all .25s linear;transform-origin:center;opacity:1;transform:scale(1)}.app-sidebar__connection>:empty{opacity:0;transform:scale(.75)}.app-sidebar__connection:not(:last-child){margin-bottom:1.5vh}.app-sidebar__connection-connected{border-color:#14b7d2}.app-sidebar__connection-active{background-color:rgba(0,203,224,.89)}.app-sidebar__connection-secure{background-color:rgba(10,181,0,.22)}.app-sidebar__connection-secure.app-sidebar__connection-connected{border-color:rgba(13,142,61,.63)}.app-sidebar__connection-secure.app-sidebar__connection-active{background-color:rgba(10,181,0,.62)}.app-sidebar__connection--close,.app-sidebar__connection--port{position:absolute;right:2px;top:2px;z-index:1}.app-sidebar__connection--host{font-size:.9rem}.app-sidebar__connection--port{background-color:hsla(0,0%,100%,.25);border-radius:5px;color:rgba(0,0,0,.75);font-size:.75rem;padding:2px 4px}.app-sidebar__connection--port:hover{background-color:hsla(0,0%,100%,.5)}.app-sidebar__connection--path{color:rgba(0,0,0,.45);font-size:.75rem;font-weight:400}.app-sidebar__connection--reconnect{background-image:url(/b18c552f0d2ee92957ea903be7eda89a.svg);background-size:cover;bottom:-4px;height:53px;opacity:0;position:absolute;right:3px;transform:rotate(90deg) scale(1.5);width:53px}.app-sidebar__connection--reconnect-active{opacity:.15;transform:rotate(0) scale(1)}.app-sidebar__connection--close{background-color:hsla(0,0%,100%,.5);border-radius:4px;bottom:2px;color:rgba(0,0,0,.45);cursor:grab;height:1.25rem;line-height:1.25rem;text-align:center;top:auto;vertical-align:middle;width:1.25rem}.app-sidebar__connection--close:hover{transform:scale(1.15)}.app-sidebar__connection--close:active{transform:scale(.85)}.app-sidebar__connection--host,.app-sidebar__connection--path{border-radius:4px;margin-right:auto;padding:2px 6px}.app-sidebar__connection--host:hover,.app-sidebar__connection--path:hover{background-color:hsla(0,0%,100%,.25)}.app-layout__sidebar--add-connection{position:absolute;bottom:0;left:0;width:100%;background-color:#ddd;text-align:center;font-size:.75rem;padding:4px 0;cursor:pointer;border-top:1px solid #ccc}.app-layout__sidebar--add-connection:hover{background-color:#ccc}.app-layout__sidebar--add-connection:active{background-color:#bbb}.app-layout__content{background-color:#e1e1e1;flex-basis:80%;display:flex;flex-flow:column}.app__layout--form.app__messages__message--send-bar{padding-top:5px;padding-bottom:5px;border-bottom:none;border-top:1px solid #bbb;background-color:#d3d3d3;margin-top:auto}.app__configurations,.app__messages__list{flex-grow:1;display:flex;padding:0;overflow-y:auto;position:relative}.app__configurations{flex-direction:column;text-align:center}.app__configuration-title{font-weight:100}.app__configurations--item{text-align:center;display:flex;justify-content:space-between;margin:0 auto;width:90%;border-radius:24px;margin-bottom:1vh}.app__configurations--item,.app__messages__message--item{padding:4px;background-color:#d5d5d5}.app__messages__message--item{font-size:.75rem}.app__messages__message--item:nth-of-type(odd){background-color:#eee}.app__messages__message--item-input,.app__messages__message--item-output{background-size:auto 90%;background-repeat:no-repeat;background-position:98%}.app__messages__message--item-input{background-image:url(/d9f8ec124d13b666a954ba5475a36c0f.svg)}.app__messages__message--item-output{background-image:url(/21c2be31bd87fb5d450c410e229606f6.svg)}.app__layout--form-input{background-color:hsla(0,0%,96%,.85);border:2px solid hsla(0,0%,100%,0);border-radius:2rem;font-size:.75rem;padding:8px 12px;transition:.2s ease-out;transition-property:background-color,border-color}.app__layout--form-input-error{border-color:#b3404a!important}.app__layout--form-input-done{border-color:#51a6ce!important}.app__layout--form-input:hover{border-color:#ccc}.app__layout--form-input:active,.app__layout--form-input:focus{box-shadow:none;outline:none;color:inherit}.app__layout--form-input:not(.app__layout--form-input-connect):focus{border-color:#aaa}.app__layout--form-input-connect{background-color:#eee;cursor:pointer}.app__layout--form-input-connect:hover{border-color:#aaa}.app__layout--form-input-ws-type{-webkit-appearance:none;cursor:pointer}.app__layout--form-input-host{width:47%}.app__layout--form-input-port{width:7%}.app__layout--form-input-path{width:10%}.app__layout--form-input-msg{width:80%}.app__layout--form-input-url-field{width:90%}.app__layout--form-input-header-field{width:44%}.app__layout--form-input-connect-active{background-color:#ccc;border-color:#999}.app__layout--form{background-color:#ddd;border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-around;padding:16px 8px}@media (display-mode:standalone){.app-layout{border-top:1px solid #aaa}}@media not all and (min-resolution:0.001dpcm){@media{.app__layout--form{min-height:72px}.app__layout--form.app__messages__message--send-bar{min-height:50px}.app__configurations--item{min-height:46px}.app__configurations--item,.app__messages__message--item{padding:4px 8px}}}@media (min-width:2560px){.app-layout__sidebar{flex-basis:10%}.app-layout__content{flex-basis:90%}}@media (min-width:1919px) and (max-width:2559px){.app-layout__sidebar{flex-basis:15%}.app-layout__content{flex-basis:85%}}@media (min-width:1029px) and (max-width:1279px){.app__layout--form-input-host{width:40%}.app__layout--form-input-msg{width:75%}.app__layout--form-input-port{width:8%}.app__layout--form-input-path{width:10%}.app__layout--form-input-url-field{width:88%}}@media (min-width:970px) and (max-width:1028px){.app__layout--form-input-host{width:38%}.app__layout--form-input-msg{width:73%}.app__layout--form-input-port{width:8%}.app__layout--form-input-path{width:9%}.app__layout--form-input-url-field{width:86%}}@media (min-width:747px) and (max-width:969px){.app-layout__sidebar{flex-basis:30%}.app-layout__content{flex-basis:70%}.app__layout--form-input{padding:6px 10px}.app__layout--form-input-host{width:14%}.app__layout--form-input-msg{width:71%}.app__layout--form-input-port{width:12%;display:none}.app__layout--form-input-path{width:14%}.app__layout--form-input-url-field{width:83%}}@media (min-width:640px) and (max-width:746px){.app-layout__sidebar{flex-basis:30%}.app-layout__content{flex-basis:70%}.app__layout--form-input{font-size:.7rem;padding:4px 8px}.app__layout--form-input-host{width:13%}.app__layout--form-input-msg{width:69%}.app__layout--form-input-port{width:12%;display:none}.app__layout--form-input-path{width:16%}.app__layout--form-input-url-field{width:82%}}@media (max-width:639px){.app-layout__sidebar{flex-basis:30%}.app-sidebar__connection>*{font-size:.75rem}.app-layout__content{flex-basis:70%}.app__layout--form-input{font-size:.7rem;padding:4px 8px}.app__layout--form-input-reconnect-btn{display:none}.app__layout--form-input-host{width:18%}.app__layout--form-input-msg{width:65%}.app__layout--form-input-port{width:12%;display:none}.app__layout--form-input-path{width:14%}.app__layout--form-input-url-field{width:75%}}@media (max-width:400px){.app-layout__sidebar{flex-basis:0%;padding:0}.app-sidebar__connection>*{font-size:.7rem}.app-layout__content{flex-basis:100%}.app-layout--toggler{display:none}}