html{background:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.3;margin:0}.line-chart{background-color:#111;border-radius:5px;margin:10px}.line-chart canvas{height:500px}.metric-label{display:inline-block;margin-right:1vw}.metric-label .label{height:3vw;overflow-x:hidden;padding-top:.5vw;width:13vw}.metric-slider{width:100%}.metric-slider,.metric-slider label{display:inline-block}.metric-slider .value{border-radius:4px;display:inline-block;margin-left:10px;margin-top:7px;text-align:right;vertical-align:top}.metric-slider .slider-box{font-size:.9vw;margin:0 .8vw;width:20.5vw}.metric-slider .number{height:3vw}.metric-slider .chakra-slider__thumb{font-size:1.2vw;height:2vw;width:3vw}.control-metric-wrapper .trigger{height:3vw;width:8vw}.chakra-portal .chakra-popover__content{background-color:#233;font-size:100%}.chakra-portal .chakra-popover__content header{font-size:120%;font-weight:700}.chakra-portal .chakra-popover__content pre{display:block;font-size:50%;line-height:1.1;margin-left:20px}.metric-full{width:22.3vw}.metric-full .right{float:right;text-align:left;vertical-align:middle}.metric-full .metric{color:#fff;display:inline-block;text-align:right;vertical-align:middle;width:3.5vw}.metric-full .chakra-icon{background-color:inherit;border-radius:50%;color:hsla(0,0%,100%,.2);height:1.3vw;margin:-.3vw .2vw 0;vertical-align:middle;width:1.3vw}.metric-full .chakra-button{height:3vw;padding:0 0 0 .5vw;width:6vw}.metric-number svg{height:1.4vw;width:1.4vw}.metric-widget{background-color:rgba(0,0,0,.5);border-radius:.5vw;font-size:1.4vw;margin-bottom:.5vh;vertical-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.metric-widget.absolute{position:absolute}.metric-widget h3{border-radius:.5vw;color:#fff;font-size:inherit;margin:0;padding-left:.8vw}.metric-widget .metric{color:#fff;font-weight:700}.metric-widget button{font-size:inherit;text-align:left}.metric-widget input{background-color:#242e42;background-color:var(--color--gray-20);border:1px solid #593cb3;border-radius:.5vw;font-size:1.4vw;height:3vw;padding:0 4vw 0 .5vw;text-align:right;width:9vw}.control-panel{max-width:none;padding:0 12px 12px}.control-panel h3{font-weight:700}.control-panel .control-top{border-bottom:1px solid #666;padding:5px 0}.control-panel .control-left{padding:5px 5px 5px 0}.control-panel .control-right{padding:5px 0 5px 5px}.control-panel .control-bottom{border-top:1px solid #666;padding:5px 0}.control-panel .control-bar{border-radius:4px;height:30px;margin:5px 0;padding:5px 15px}.control-panel .control-bar .label{display:inline-block;padding:6px 0}#msg-panel{background:#131014;border-radius:5px;margin:0}@media(min-width:768px){#msg-panel{margin-left:10px;padding:0 10px}}#msg-panel .Notes{border-top-width:0}#msg-panel .Notify{border-bottom-width:0}#msg-panel .msg-item{margin-bottom:5px}#msg-panel .msg-item .header{color:#9ff;font-size:65%;margin-bottom:2px}#msg-panel .msg-item .msg-text{font-size:90%;line-height:1.3;overflow-wrap:break-word}#msg-panel .msg-item .msg-text div{min-width:1px}.loading{line-height:8;margin-left:3em}.js-page{padding:0 5px}@media(min-width:768px){.js-page{padding:0 12px}}@media(max-width:768px){.js-page .js-flex{display:block}}.js-page .left-col{margin-top:-6px;overflow:auto}.js-page .right-col{overflow:auto}.metric-value{background-color:rgba(0,0,0,.5);border:1px solid #000;border-radius:5px;margin:.5vmin;padding:.3vmin .5vmin;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.metric-value h3{font-size:100%;margin:8px 0 4px}.metric-value .metric{color:#fff;font-size:60%;font-size:1.5vmin;font-weight:700}.metric-value .trigger{height:25px;width:65px}.control-image-panel{background-repeat:no-repeat;background-size:cover;border-radius:5px;margin:10px;position:relative}.control-image-panel h3{color:#8fa;font-weight:400;padding:.5vmin;width:100%;z-index:2}.control-image-panel .controls{width:100%}.control-image-panel .metric-value{border-radius:4px;line-height:1.2;padding:1px 3px}.control-image-panel .metric-value .Metric{font-size:1.5vmin;padding:0 5px;text-align:right;width:5.5vmin}.control-image-panel img.bg-image{bottom:0;display:block;left:0;position:absolute;right:0;top:0;width:100%}.cabin-page{padding:0 5px}@media(min-width:768px){.cabin-page{padding:0 12px}}@media(max-width:768px){.cabin-page .cabin-flex{display:block}}.cabin-page .left-col{margin-top:-6px;overflow:auto}.cabin-page .right-col{overflow:auto}.page{max-width:100%;padding:0 5px;width:100%}.page .left-col{flex-basis:50%}.page .right-col{flex-basis:50%;overflow:auto}.page .mqtt-display{margin:0}.page .loading{height:200px}.checkbox{border-radius:6px;margin-bottom:2px;padding:1px 0}.checkbox input{margin:3px 4px}.checkbox label{display:inline-block;margin-left:4px}.checkbox.all{margin-bottom:10px}.checkbox.all label{width:70px}.mqtt-filter-action{display:none;margin:0;right:322px;width:160px}.mqtt-filter-action.show{display:block}.mqtt-filter-action h3{color:#8fa;font-size:130%;margin-bottom:3px}.mqtt-filter-action .select{background:#131014;border-radius:8px;padding:6px;width:100%}.mqtt-filter-action .select.all-selected{background:#2e2730}.mqtt-filter-action .select.all-selected input:checked{background:#555}.mqtt-filter-client{display:none;margin:0;right:10px;width:310px}.mqtt-filter-client.show{display:block}.mqtt-filter-client h3{color:#8fa;font-size:130%;margin-bottom:3px}.mqtt-filter-client .client-list{padding:0}.mqtt-filter-client .client-list .all{padding-bottom:10px}.mqtt-filter-client .clients{background:#131014;border-radius:8px}.mqtt-filter-client .clients.all-selected{background:#2e2730}.mqtt-filter-client input:checked{background:#555}.client{border-radius:6px;margin-bottom:2px;padding-left:6px}.client input{margin-top:5px}.client label{margin-left:.5em}.client:after{clear:both;content:"";display:table}.client .clientName{display:inline-block;margin-left:10px;width:105px}.client .chakra-button{background-color:#45c;border:1px solid #569;border-bottom:#347;border-radius:5px;border-right:#347;color:#f0f0ff;font-size:75%;margin:-1px 3px;padding:2px 5px}.client .enabled.true{background-color:#191}.client .enabled.false{background-color:#a22}.client .status.running{background-color:#191}.client .status.stopped{background-color:#a22}.client .debug-level-wrapper{display:inline-block;margin:0 3px;text-align:right;width:20px}.client .debug-level-wrapper .chakra-select__icon-wrapper{display:none}.client .chakra-select{background:#45c;border:1px solid #569;border-bottom:#347;border-radius:5px;border-right:#347;color:#f0f0ff;display:inline;font-size:75%;font-weight:700;height:auto;padding:2px 5px}.client.administrator .status,.client.controller .status,.client.drupal .status,.client.hmi .status,.client.hmi-cb .status,.client.hmi-js .status,.client.hmi-lab .status,.client.hmi-mqtt .status,.client.hmi-mqtt-tst .status,.client.hmi-oxy .status,.client.hmi-sl .status{margin-left:28px}.mqtt-display{display:inline;width:100%}.mqtt-display .mqtt-list{height:calc(100vh - 146px);margin:0 10px;overflow-y:auto}.mqtt-panel h2{margin-bottom:5px;margin-top:0}.mqtt-panel header{width:100%}.mqtt-panel .content{display:flex;width:100%}.mqtt-panel .nitems{font-weight:700;margin:-35px 0 0 18px}.mqtt-panel .mqtt-display{display:block}.mqtt-panel .mqtt-display .mqtt-list{height:calc(100vh - 146px);margin-top:20px;overflow-y:auto}.mqtt-panel .filter-buttons{background:#234;border-radius:5px;display:inline-block;float:right;margin-right:240px;margin-top:-5px;padding:4px 10px}.mqtt-panel .filter-buttons .filters-label{display:inline-block;font-size:110%;margin-right:6px;padding-top:2px}.mqtt-panel .filter-buttons .chakra-button{background-color:#358;border-bottom:2px solid #569;border-right:2px solid #569;border-color:#569 #347 #347 #569;border-style:solid;border-width:2px;color:#fff;margin-left:10px}.mqtt-panel .clear{margin:0 30px}.mqtt-panel .filters{background:#225;border:3px solid #89c;border-radius:7px;padding:0 10px;position:fixed;top:110px}.mqtt-panel .filters h3{margin:8px 0}.mqtt-panel .actions{margin-left:75px}.mqtt-display-actions{display:inline-block;width:100%}.mqtt-display-actions .buttons{margin-top:15px}.mqtt-display-actions .buttons .button{width:100px}.select-pretty{display:inline-block}.select-pretty select{background-color:#358;border-bottom:2px solid #569;border-radius:5px;border-right:2px solid #569;border-color:#569 #347 #347 #569;border-style:solid;border-width:2px;color:#f0f0ff;font-weight:700;padding:5px 2px;text-align:center}.mqtt-status-bar{float:right;margin-bottom:-39px;position:relative;top:18px}.mqtt-status-bar .label{display:inline-block;margin-right:20px;margin-top:5px;vertical-align:middle}.mqtt-status-bar .mqtt-status{border-radius:3px;color:#fff;display:inline-block;font-size:80%;margin-top:-12px;padding:3px 8px;text-align:center;vertical-align:middle;width:80px}.mqtt-status-bar .action{border-radius:5px;display:inline-block;margin-right:5px}.mqtt-status-bar .action .indicator{border:2px solid #ccc;border-radius:50%;display:inline-block;height:20px;margin:0 4px;width:20px}.mqtt-status-bar .action .indicator.message.inactive,.mqtt-status-bar .action .indicator.publish.inactive{background-color:inherit;border:2px solid #444}.page>header{padding:5px 10px}.page>section{padding:0 10px}strong{color:#7fa}table{border:2px solid #345}thead th{background-color:#125;padding:10px}tbody tr:nth-child(odd){background-color:#245}tbody tr:nth-child(2n){background-color:#36a}textarea{font-family:inherit}.clearfix:after{clear:both;content:"";display:table}.main-nav{align-items:center;background-image:linear-gradient(to right bottom,#03004c,#001b54,#002442,#002829,#002a19);height:3rem;padding:0 20px;width:100%}.main-nav .flex{display:flex;justify-content:space-between;padding-top:10px;width:100%}.main-nav .logo{color:#f0f0ff;font-weight:700}.main-nav .logo h2{font-size:120%}@media(min-width:360px){.main-nav .logo h2{font-size:150%}}.main-nav nav{font-size:75%}@media(min-width:360px){.main-nav nav{font-size:100%}}.main-nav ul{align-items:baseline;display:flex;list-style:none;margin:0;padding:0}.main-nav li{display:inline-block;margin-left:1.5rem}.main-nav li.status{border-radius:3px;font-size:80%;padding:5px 0;text-align:center;width:80px}.main-nav li.status span{width:100%}.main-nav a{color:#d0d0ff;font-weight:400;text-decoration:none}.badge{background-color:#cc2062;border-radius:12px;color:#fff;margin-left:.5rem;padding:0 1rem}footer{background-image:linear-gradient(to left top,#03004c,#001b54,#002442,#002829,#002a19);line-height:1.8;padding:0 10px}:root{--color--gray-hue:220;--color--gray-saturation:30%;--color--gray-5:hsl(var(--color--gray-hue),var(--color--gray-saturation),5%);--color--gray-10:hsl(var(--color--gray-hue),var(--color--gray-saturation),11%);--color--gray-20:hsl(var(--color--gray-hue),var(--color--gray-saturation),20%);--color--gray-45:hsl(var(--color--gray-hue),var(--color--gray-saturation),44%);--color--gray-60:hsl(var(--color--gray-hue),var(--color--gray-saturation),57%);--color--gray-65:hsl(var(--color--gray-hue),var(--color--gray-saturation),63%);--color--gray-70:hsl(var(--color--gray-hue),var(--color--gray-saturation),72%);--color--gray-90:hsl(var(--color--gray-hue),var(--color--gray-saturation),88%);--color--gray-95:hsl(var(--color--gray-hue),var(--color--gray-saturation),93%);--color--gray-100:hsl(var(--color--gray-hue),var(--color--gray-saturation),97%);--color--primary-hue:250;--color--primary-saturation:90%;--color--primary-lightness:50;--color--primary-20:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*(var(--color--primary-lightness) - (0.47*var(--color--primary-lightness)))));--color--primary-30:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*(var(--color--primary-lightness) - (0.36*var(--color--primary-lightness)))));--color--primary-40:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*(var(--color--primary-lightness) - (0.24*var(--color--primary-lightness)))));--color--primary-50:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*var(--color--primary-lightness)));--color--primary-60:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*(var(--color--primary-lightness) + (0.24*(100 - var(--color--primary-lightness))))));--color--primary-80:hsl(var(--color--primary-hue),var(--color--primary-saturation),calc(1%*(var(--color--primary-lightness) + (0.85*(100 - var(--color--primary-lightness))))));--color-text-neutral-soft:var(--color--gray-60);--color-text-neutral-medium:var(--color--gray-90);--color-text-neutral-loud:var(--color--gray-100);--color-text-primary-medium:var(--color--primary-80);--color-text-primary-loud:var(--color--primary-60);--tabs-text-color:var(--color--primary-20);--tabs-background-color:var(--color--primary-80)}.mqtt-clientId-bg .all{background-color:#333}.mqtt-clientId-bg .administrator{background-color:#a70}.mqtt-clientId-bg .drupal{background-color:#478}.mqtt-clientId-bg .logger{background-color:#59a}.mqtt-clientId-bg .hmi-mqtt,.mqtt-clientId-bg .hmi-mqtt-tst{background-color:#632}.mqtt-clientId-bg .hmi-cb{background-color:#843}.mqtt-clientId-bg .hmi-oxy{background-color:#a54}.mqtt-clientId-bg .hmi-js,.mqtt-clientId-bg .hmi-sl{background-color:#c65}.mqtt-clientId-bg .hmi-lab{background-color:#e85}.mqtt-clientId-bg .arduino1{background-color:#040}.mqtt-clientId-bg .arduino2{background-color:#062}.mqtt-clientId-bg .arduino3{background-color:#084}.mqtt-clientId-bg .arduino4{background-color:#0a6}.mqtt-clientId-bg .arduino5{background-color:#019}.mqtt-clientId-bg .arduino6{background-color:#03a}.mqtt-clientId-bg .arduino7{background-color:#05c}.mqtt-clientId-bg .arduino8{background-color:#07e}.mqtt-clientId-bg .arduino_gm{background-color:#509}.mqtt-clientId-bg .epiclc{background-color:#60b}.mqtt-clientId-bg .rio1{background-color:#70d}.mqtt-clientId-bg .controller-cb{background-color:#611}.mqtt-clientId-bg .controller-oxy{background-color:#822}.mqtt-clientId-bg .controller-sl{background-color:#a33}.mqtt-clientId-bg .saphira{background-color:#a28}.mqtt-clientId-bg .ckmosq{background-color:#555}.card .type.debug{background-color:#099}.mqtt-action-bg .all{background-color:#333}.mqtt-action-bg .Activity,.mqtt-action-bg .act{background-color:#632}.mqtt-action-bg .Alarm,.mqtt-action-bg .alm{background-color:#b40}.mqtt-action-bg .Input,.mqtt-action-bg .inp{background-color:#14a}.mqtt-action-bg .Output,.mqtt-action-bg .out{background-color:#48e}.mqtt-action-bg .Human,.mqtt-action-bg .hum{background-color:#a66a2a}.mqtt-action-bg .LowerRange,.mqtt-action-bg .low{background-color:#808}.mqtt-action-bg .HighRange,.mqtt-action-bg .high{background-color:#a0a}.mqtt-action-bg .LowerAlarm,.mqtt-action-bg .lower{background-color:#700}.mqtt-action-bg .UpperAlarm,.mqtt-action-bg .upper{background-color:#a00}.mqtt-action-bg .Command,.mqtt-action-bg .cmd{background-color:#539}.mqtt-action-bg .Response,.mqtt-action-bg .rsp{background-color:#74a}.mqtt-action-bg .Get,.mqtt-action-bg .get{background-color:#252}.mqtt-action-bg .Send,.mqtt-action-bg .snd{background-color:#292}.mqtt-action-bg .Code,.mqtt-action-bg .cod{background-color:#333}.mqtt-action-bg .Message,.mqtt-action-bg .msg{background-color:#087}.mqtt-action-bg .System,.mqtt-action-bg .sys{background-color:#666}.mqtt-action-bg .Debug,.mqtt-action-bg debug{background-color:#72c}.mqtt-action-bg .Error{background-color:#d22}.mqtt-action-bg .Notes{background-color:#06a}.mqtt-action-bg .Notify{background-color:blue}.mqtt-action-bg .Chat{background-color:#0a0}.mqtt-action-bg .Questions{background-color:#72c}.mqtt-action-bg .warning{background-color:#d70}.mqtt-action-bg .System{background-color:#a0f}.mqtt-status.connecting{background-color:#922}.mqtt-status.connected{background-color:#080}.mqtt-status.message{background-color:#26f}.mqtt-status.publish{background-color:#a5f}.mqtt-status.reconnect{background-color:#c42}.mqtt-status.close{background-color:#ea0}.mqtt-status.offline{background-color:#630}.mqtt-status.error{background-color:#c00}main h2,main h3{color:#df8}main h2{font-size:150%;margin:0}main h3{margin:10px 0 6px}
/*# sourceMappingURL=main.dfd7e89e.css.map*/