pre{text-align:left;padding:2em;margin-left:200px;background:#ccc;color:#222}.indicator{width:20px;height:20px;border-radius:10px;background-color:red}.indicator-green{background-color:#5cb85c}.indicator-armed{border:3px solid red}.connection__status{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@font-face{font-family:Open Sans;font-weight:300;font-style:normal;src:url(../fonts/OpenSans-Light.39d27e13.woff2) format("woff2"),url(../fonts/OpenSans-Light.963eb329.woff) format("woff"),url(../fonts/OpenSans-Light.ecb4572a.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:300;font-style:italic;src:url(../fonts/OpenSans-LightItalic.e7cc7120.woff2) format("woff2"),url(../fonts/OpenSans-LightItalic.97534dd4.woff) format("woff"),url(../fonts/OpenSans-LightItalic.26f1e68d.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:400;font-style:normal;src:url(../fonts/OpenSans-Regular.55835483.woff2) format("woff2"),url(../fonts/OpenSans-Regular.ac327c4d.woff) format("woff"),url(../fonts/OpenSans-Regular.cd729635.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:400;font-style:italic;src:url(../fonts/OpenSans-Italic.383eba0e.woff2) format("woff2"),url(../fonts/OpenSans-Italic.52507468.woff) format("woff"),url(../fonts/OpenSans-Italic.9b30f134.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:600;font-style:normal;src:url(../fonts/OpenSans-Semibold.08952b02.woff2) format("woff2"),url(../fonts/OpenSans-Semibold.9f214421.woff) format("woff"),url(../fonts/OpenSans-Semibold.33f225b8.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:600;font-style:italic;src:url(../fonts/OpenSans-SemiboldItalic.3343e543.woff2) format("woff2"),url(../fonts/OpenSans-SemiboldItalic.ec55f263.woff) format("woff"),url(../fonts/OpenSans-SemiboldItalic.1c0b4eb9.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:700;font-style:normal;src:url(../fonts/OpenSans-Bold.3326e4d7.woff2) format("woff2"),url(../fonts/OpenSans-Bold.89266734.woff) format("woff"),url(../fonts/OpenSans-Bold.5a100916.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:700;font-style:italic;src:url(../fonts/OpenSans-BoldItalic.5aaceea2.woff2) format("woff2"),url(../fonts/OpenSans-BoldItalic.7be88e73.woff) format("woff"),url(../fonts/OpenSans-BoldItalic.c36b5ac7.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:800;font-style:normal;src:url(../fonts/OpenSans-ExtraBold.5211065d.woff2) format("woff2"),url(../fonts/OpenSans-ExtraBold.12e2ed7a.woff) format("woff"),url(../fonts/OpenSans-ExtraBold.19b56cfc.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans;font-weight:800;font-style:italic;src:url(../fonts/OpenSans-ExtraBoldItalic.bc511bac.woff2) format("woff2"),url(../fonts/OpenSans-ExtraBoldItalic.4f440775.woff) format("woff"),url(../fonts/OpenSans-ExtraBoldItalic.4595d7f8.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans Condensed;font-weight:300;font-style:normal;src:url(../fonts/OpenSans-CondensedLight.108f1f23.woff2) format("woff2"),url(../fonts/OpenSans-CondensedLight.693015cf.woff) format("woff"),url(../fonts/OpenSans-CondensedLight.cdc8a9f1.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans Condensed;font-weight:300;font-style:italic;src:url(../fonts/OpenSans-CondensedLightItalic.4e6f1e88.woff2) format("woff2"),url(../fonts/OpenSans-CondensedLightItalic.23c906d4.woff) format("woff"),url(../fonts/OpenSans-CondensedLightItalic.15c5cdc8.ttf) format("truetype"),url([object Object]) format("svg")}@font-face{font-family:Open Sans Condensed;font-weight:700;font-style:normal;src:url(../fonts/OpenSans-CondensedBold.2b5cb36e.woff2) format("woff2"),url(../fonts/OpenSans-CondensedBold.b6cf1db5.woff) format("woff"),url(../fonts/OpenSans-CondensedBold.f447e079.ttf) format("truetype"),url([object Object]) format("svg")}.pretty *{-webkit-box-sizing:border-box;box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:static;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:"";width:calc(1em + 2px);height:calc(1em + 2px);display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc(-108% - -1em);background-color:transparent}.pretty .state label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes jelly{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #bdc3c7;box-shadow:0 0 0 0 #bdc3c7}to{-webkit-box-shadow:0 0 0 1.5em rgba(189,195,199,0);box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #bdc3c7;box-shadow:0 0 0 0 #bdc3c7}to{-webkit-box-shadow:0 0 0 1.5em rgba(189,195,199,0);box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:.14286em}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc(-108% - -1em);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc(-108% - -1em);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc(-108% - -1em);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:"";border:1px solid #bdc3c7;border-radius:60px;width:2em;-webkit-box-sizing:unset;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc(-116% - -1em);z-index:0;-webkit-transition:all .5s ease;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover,.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{-webkit-box-shadow:0 0 3px 0 #bdc3c7;box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state.p-off,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain.p-toggle .state label:before,.pretty.p-plain input:checked~.state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{-webkit-transition:all .5s ease;transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{-webkit-transition:all .3s ease;transition:all .3s ease}.pretty.p-smooth.p-default input:checked+.state label:after,.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:"";-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease;transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty.p-toggle .state.p-primary label:after,.pretty input:checked~.state.p-primary label:after{background-color:#428bca!important}.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg,.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg{color:#fff;stroke:#fff}.pretty.p-toggle .state.p-primary-o label:before,.pretty input:checked~.state.p-primary-o label:before{border-color:#428bca}.pretty.p-toggle .state.p-primary-o label:after,.pretty input:checked~.state.p-primary-o label:after{background-color:transparent}.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg,.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty.p-toggle .state.p-info label:after,.pretty input:checked~.state.p-info label:after{background-color:#5bc0de!important}.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg,.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg{color:#fff;stroke:#fff}.pretty.p-toggle .state.p-info-o label:before,.pretty input:checked~.state.p-info-o label:before{border-color:#5bc0de}.pretty.p-toggle .state.p-info-o label:after,.pretty input:checked~.state.p-info-o label:after{background-color:transparent}.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg,.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty.p-toggle .state.p-success label:after,.pretty input:checked~.state.p-success label:after{background-color:#5cb85c!important}.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg,.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg{color:#fff;stroke:#fff}.pretty.p-toggle .state.p-success-o label:before,.pretty input:checked~.state.p-success-o label:before{border-color:#5cb85c}.pretty.p-toggle .state.p-success-o label:after,.pretty input:checked~.state.p-success-o label:after{background-color:transparent}.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg,.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty.p-toggle .state.p-warning label:after,.pretty input:checked~.state.p-warning label:after{background-color:#f0ad4e!important}.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg,.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg{color:#fff;stroke:#fff}.pretty.p-toggle .state.p-warning-o label:before,.pretty input:checked~.state.p-warning-o label:before{border-color:#f0ad4e}.pretty.p-toggle .state.p-warning-o label:after,.pretty input:checked~.state.p-warning-o label:after{background-color:transparent}.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg,.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#f0ad4e!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty.p-toggle .state.p-danger label:after,.pretty input:checked~.state.p-danger label:after{background-color:#d9534f!important}.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg,.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg{color:#fff;stroke:#fff}.pretty.p-toggle .state.p-danger-o label:before,.pretty input:checked~.state.p-danger-o label:before{border-color:#d9534f}.pretty.p-toggle .state.p-danger-o label:after,.pretty input:checked~.state.p-danger-o label:after{background-color:transparent}.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg,.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc(-135% - -1em)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state:before,.pretty .state label:after,.pretty .state label:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}#app,body,html{background:#1c1c1c;margin:0;padding:0;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Open Sans,Verdana,Geneva,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff}header{background:#262626;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 1vw}header>*{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}header h2{position:relative}header h2 .trigger{text-align:center;position:absolute;right:-3em;top:.5em}nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}nav>*{margin:0 5px}h2{margin:0;padding:.5em}a{color:#fff;text-decoration:none}.icon{width:27px;height:27px;display:inline-block;fill:#1c1c1c;background:#25333e;padding:4px}.icon:hover{cursor:pointer;fill:#fff}.icon svg{width:100%;height:100%}.flipped__text{-webkit-transform:scaleX(-1);transform:scaleX(-1)}header .icon{fill:#262626;background:#25333e}.nav__main{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.nav__main>*{background-color:#4a8ec8;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;margin:5px}.nav__main>*>*{width:100%;height:100%;display:inline-block}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#4a8ec8;background-color:#4a8ec8!important}.arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:36px;padding:0 4px;color:#4a8ec8}.arrow.arrow--hidden{opacity:0;overflow:hidden;width:1px}.btn{background-color:#4a8ec8;color:#fff;padding:.3em 1em}.btn.btn-fullwidth{width:100%;display:inline-block}.disable-dbl-tap-zoom{-ms-touch-action:manipulation;touch-action:manipulation}.color-1,.color-black{background-color:#111}.color-2{background-color:#8b0000}.color-3,.color-red{background-color:red}.color-4{background-color:orange}.color-5,.color-yellow{background-color:#ff0;color:#444}.color-6,.color-green{background-color:#56de43;color:#444}.color-7{background-color:#0091c2}.color-8{background-color:#9400d3}.color-9,.color-gray{background-color:grey}.color-10,.color-white{background-color:#fff}.color-11{background-color:#ff1493}.color-12{background-color:#0ff}.color-13,.color-ocean{background-color:#009688}.color-14,.color-blue{background-color:#3a4caf}.color-15{background-color:#966100}.color-16{background-color:#ff9800;color:#333}.color-undefined{background-color:#000}.color--spot{color:#4a8ec8;font-weight:700}.colorcodes{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.colorcodes>*{min-width:15px;min-height:15px;margin:3px}.centered__flex{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.centered__flex,.vuued__channel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.vuued__channel{min-width:129px;max-width:129px;height:35px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vuued__channel>span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:700;width:calc(100% - 16px)}.vuued__channel>.vumeter,.vuued__channel>.vumeter__stereo{width:16px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.vuued__channel.vuued__channel--disabledvu .vumeter,.vuued__channel.vuued__channel--disabledvu .vumeter__stereo{display:none}.vuued__channel.vuued__channel--disabledvu>span{width:100%}.vumeter__stereo{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.vumeter__stereo .vumeter{width:calc(50% - 1px);margin-left:1px}.vumeter{position:relative;height:100%;width:100%;background:#343440}.vumeter__in,.vumeter__out{width:100%;height:0;position:absolute;bottom:0}.vumeter__in{background:#4a8ec8}.vumeter__out{background:-webkit-gradient(linear,left top,left bottom,from(#ff1209),color-stop(#ff1209),color-stop(#fd7d2e),color-stop(#eef609),color-stop(#10880a),color-stop(#10880a),to(#10880a));background:linear-gradient(180deg,#ff1209,#ff1209,#fd7d2e,#eef609,#10880a,#10880a,#10880a);background-attachment:fixed}@media screen and (min-width:1025px){.vuued__channel{min-width:129px;max-width:450px}}table{margin-bottom:1.5em}table.table--fullwidth{width:100%}tr:nth-child(odd){background:#262626}th{border-bottom:1px solid #4a8ec8}td,th{padding:.3em 1em;width:auto;max-width:100%;white-space:pre}td:first-child,th:first-child{text-align:right}td:last-child,th:last-child{text-align:left;width:100%;max-width:100%;white-space:unset}.page--midicc h2{text-align:left;color:#4a8ec8;position:relative}.page--midicc header h2 span{color:#fff}.page--midicc .link--top{position:absolute;right:1em}.page--midicc .nav--scrollnav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page--midicc .nav--scrollnav .btn{margin-bottom:.7em;white-space:nowrap}.column-usage{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.column-usage>*{margin:.2em}.outlined{background:rgba(74,142,200,.2);padding:.1em .4em;margin-right:.4em}.matrixroutes{display:table;width:98vw;padding:0 1vw}.matrixroutes__row--muted{background:#080f15}.matrixroutes__row--muted .btn--mute .icon{background:#4a8ec8;fill:#fff}.matrixroutes__row{display:table-row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.matrixroutes__row>*{padding:5px 0;display:table-cell;border-bottom:1px solid #4a8ec8}.audioroute__over-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.audioroute__over-wrap>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.audioroute__input,.audioroute__output{position:relative}.audioroute__over{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;max-width:250px}.audioroute__over.bypassed{opacity:.2}.audioroute__over.bypassed .vuued__channel>span{background-color:#343440;color:#fff}.btn--headphones.headphones__active .icon{background:#4a8ec8;fill:#fff}.unrouted{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-weight:700;opacity:.2;font-size:20px}.matrixconf__wizard{position:absolute;top:0;background:#262626;padding:20px;z-index:10000}.matrixconf__wizard .matrixconf__inputs,.matrixconf__wizard .matrixconf__outputs{display:table}.matrixconf__wizard .matrixconf__inputs>*,.matrixconf__wizard .matrixconf__outputs>*{display:table-row}.matrixconf__wizard .matrixconf__inputs>*>*,.matrixconf__wizard .matrixconf__outputs>*>*{display:table-cell;padding:2px 10px}.matrixconf__wizard.matrixconf__wizard--input{right:-350px}.matrixconf__wizard.matrixconf__wizard--output{left:-23vw}.matrixconf__wizard .lastrow{display:block;padding-top:20px}.matrixconf__wizard .lastrow>*>*{margin-top:20px}@media screen and (min-width:1025px){.audioroute__over{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;max-width:350px}}.audioroute__output--inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.audioroute__output--inline .vuued__channel{min-width:50px;max-width:50px;opacity:.1}.audioroute__output--inline .arrow{opacity:.2}.audioroute__output--inline .active .vuued__channel,.audioroute__output--inline .arrow.active{opacity:1}.matrix__configurator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.matrix__configurator>*{margin:0 1vw}.matrix__configurator .matrixconf__item{opacity:.2;margin-bottom:5px}.matrix__configurator .matrixconf__items .enabled{opacity:1}.matrix__configurator .switches{text-align:left}.matrix__configurator .switches>*{margin-bottom:2em;display:block}.strip__label{position:absolute;bottom:-2em;text-align:center;color:#fff;font-weight:700;width:100%}.labeled__vumeter{height:100%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;padding:10px;position:relative}.labeled__vumeter-color-1 .strip__label{background-color:#111}.labeled__vumeter-color-2 .strip__label{background-color:#8b0000}.labeled__vumeter-color-3 .strip__label{background-color:red}.labeled__vumeter-color-4 .strip__label{background-color:orange}.labeled__vumeter-color-5 .strip__label{background-color:#ff0;color:#444}.labeled__vumeter-color-6 .strip__label{background-color:#56de43;color:#444}.labeled__vumeter-color-7 .strip__label{background-color:#0091c2}.labeled__vumeter-color-8 .strip__label{background-color:#9400d3}.labeled__vumeter-color-9 .strip__label{background-color:grey}.labeled__vumeter-color-10 .strip__label{background-color:#fff}.labeled__vumeter-color-11 .strip__label{background-color:#ff1493}.labeled__vumeter-color-12 .strip__label{background-color:#0ff}.labeled__vumeter-color-13 .strip__label{background-color:#009688}.labeled__vumeter-color-14 .strip__label{background-color:#3a4caf}.labeled__vumeter-color-15 .strip__label{background-color:#966100}.labeled__vumeter-color-16 .strip__label{background-color:#ff9800;color:#333}.labeled__vumeter-color-undefined .strip__label{background-color:#000}.rec__status{color:#fff;font-size:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:200px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.rec__status-active{-webkit-box-shadow:inset 0 1px 0 0 #f5978e;box-shadow:inset 0 1px 0 0 #f5978e;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#f24537),to(#c62d1f));background:linear-gradient(180deg,#f24537 5%,#c62d1f);background-color:#f24537;border:1px solid #d02718}.rec__time{font-size:3em;font-weight:700}.ready{font-size:2em;font-weight:700}.rec__buffer{width:90%;height:10px;border:1px solid #000;position:absolute;top:10%;left:5%}.rec__buffer-bar{height:100%;background:#000}.space__indicator{position:absolute;bottom:0;width:100%;left:0}.dropout{font-weight:700;font-size:1.3em;padding:.5em;color:#f24537;background-color:#000;z-index:2;top:20%;left:5%;width:80%}.button,.dropout{position:absolute}.button{z-index:200;top:2px;right:2px;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#f9f9f9),to(#e9e9e9));background:linear-gradient(180deg,#f9f9f9 5%,#e9e9e9);background-color:#f9f9f9;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#666;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #fff}.button-active{-webkit-box-shadow:inset 0 1px 0 0 #f5978e;box-shadow:inset 0 1px 0 0 #f5978e;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#f24537),to(#c62d1f));background:linear-gradient(180deg,#f24537 5%,#c62d1f);background-color:#f24537;border:1px solid #d02718;color:#fff}.button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#c62d1f),to(#f24537));background:linear-gradient(180deg,#c62d1f 5%,#f24537);background-color:#c62d1f}.vumeter__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:80%}.vumeter__container .strip__label{display:block;text-align:center;width:calc(100% - 20px);bottom:20%;font-size:1.2em}.labeled__vumeter-unarmed{color:#fff;font-size:3em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.arrow--hovertoggle .arrow--double{display:none}.arrow--hovertoggle:hover{cursor:pointer}.arrow--hovertoggle:hover .arrow{display:none}.arrow--hovertoggle:hover .arrow--double{display:block}.arrow.arrow--confirm{font-size:16px}.vutest{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.vutest .labeled__vumeter{border:1px solid red;height:200px;width:100px}