svg path[data-v-7da3debf]{fill:var(--color-logo)}.navigation-element[data-v-a00539fd]{width:240px;box-sizing:border-box;justify-content:start;background-color:var(--color-nav-element-background)}.navigation-link[data-v-a00539fd]:hover,.navigation-link[data-v-a00539fd]:active{background-color:var(--color-nav-element-background-hover)}.navigation-element.active-alerts[data-v-a00539fd],.active-alerts>.navigation-link[data-v-a00539fd],.active-alerts>.navigation-link[data-v-a00539fd]:hover,.active-alerts>.navigation-link[data-v-a00539fd]:active{color:var(--color-text-alternative);background-color:var(--color-alert)}.navigation-element[data-v-a00539fd]:first-of-type{margin-bottom:46px}.subnavigation-links .navigation-element[data-v-a00539fd]:first-of-type{margin-bottom:0}.navigation-link[data-v-a00539fd]{text-decoration:none;text-align:left;color:var(--color-text-standard);font-size:1.125rem;width:240px;min-height:46px;display:flex;align-items:center;padding:5px 10px 5px 65px;box-sizing:border-box;justify-content:start;box-shadow:var(--box-shadow-nav-element)}.subnavigation-links[data-v-a00539fd]{width:240px;list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;display:none}.router-link-active+.subnavigation-links[data-v-a00539fd]{display:inherit;max-height:1000px}.subnavigation-links .navigation-link[data-v-a00539fd]{background-color:var(--color-subnav-element-background)}.subnavigation-links .active-alerts .navigation-link[data-v-a00539fd]{background-color:var(--color-alert)}.router-link-active[data-v-a00539fd]{background-color:var(--color-nav-element-background-hover);border-right:4px solid var(--color-nav-element-bar-parent)}.router-link-active.router-link-exact-active[data-v-a00539fd]{color:var(--color-active);border-right:4px solid var(--color-active)}.active-alerts>.router-link-active.router-link-exact-active[data-v-a00539fd]{color:var(--color-text-alternative);border-right:4px solid var(--color-text-alternative)}.navigation-element svg[data-v-a00539fd]{position:absolute;left:25px}.navigation-element.active-alerts svg[data-v-a00539fd]{stroke:var(--color-text-alternative)}svg .icon[data-v-a00539fd]{fill:var(--color-text-standard);stroke:var(--color-text-standard)}.plc-button[data-v-7fbe09bf]{position:absolute;bottom:65px;border:none;border-radius:unset;cursor:pointer;width:240px;height:65px;background-color:var(--color-button-background-color-change);text-align:left;color:var(--color-text-standard);font-size:1.125rem;display:flex;align-items:center;padding:5px 10px 5px 65px;box-sizing:border-box;justify-content:start;box-shadow:var(--box-shadow-nav-element)}.plc-button svg[data-v-7fbe09bf]{position:absolute;left:25px;top:50%;transform:translateY(-50%);fill:var(--color-text-standard);stroke:var(--color-text-standard);width:1.25rem}iframe[data-v-7fbe09bf]{position:fixed;width:1640px;height:1028px;bottom:0;right:20px;background-color:var(--color-button-background-color-change)}.main-navigation[data-v-f569a038]{position:absolute;top:0;left:0;background-color:var(--color-menu-background);width:240px;height:1080px}.logo[data-v-f569a038]{position:absolute;top:40px;left:43px;width:160px;height:auto}.navigation-links[data-v-f569a038]{position:absolute;top:196px;left:0;width:240px;max-height:800px;list-style:none;padding:0;margin:0;overflow-y:overlay}.navigation-element svg[data-v-f569a038],.color-mode svg[data-v-f569a038]{position:absolute;left:25px}.color-mode svg[data-v-f569a038]{top:50%;transform:translateY(-50%);fill:var(--color-text-standard);stroke:var(--color-text-standard)}.color-mode[data-v-f569a038]{position:absolute;bottom:0;border:none;border-radius:unset;cursor:pointer;width:240px;height:65px;background-color:var(--color-button-background-color-change);text-align:left;color:var(--color-text-standard);font-size:1.125rem;display:flex;align-items:center;padding:5px 10px 5px 65px;box-sizing:border-box;justify-content:start;box-shadow:var(--box-shadow-nav-element)}.update-notification[data-v-24ceccab]{position:absolute;top:64px;right:32px;width:300px;padding:20px;color:var(--color-text-alternative);background-color:var(--color-alert-confirm-button);box-shadow:var(--box-shadow-highlight)}h2[data-v-24ceccab]{margin-bottom:10px}.btn[data-v-24ceccab]{width:200px;height:40px;border-radius:0;border:none;background-color:var(--color-button-background);color:var(--color-text-standard);font-size:1.125rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:10px auto 0;display:block}.btn[data-v-24ceccab]:hover{background-color:var(--color-active);color:var(--color-text-alternative)}@font-face{font-family:Segoe UI;font-weight:400;font-style:normal;font-display:auto;unicode-range:U+000-5FF;src:local("Segoe UI"),url(/fonts/segoeui.ttf) format("truetype")}#app{--color-text-standard: #151523;--color-text-alternative: #fff;--color-alert: #dc3545;--color-active: #5a82ff;--color-warning: #dd6e50;--color-active-faded: #96affa;--color-inactive: #f4f4f4;--color-hand: #bdbdc1;--color-logo: #797981;--color-app-background: #d3d3d6;--color-menu-background: #fff;--color-info-bar-background: #efefef;--color-info-bar-mode-button-background: #fff;--color-info-bar-info-button-background: #dedee0;--color-sensor-background: #efefef;--color-sensor-target-background: #d3d3d6;--color-indicator-triggered: #dedee0;--color-svg-standard: #151523;--color-svg-standard-flow-color: #d3d3d6;--color-svg-standard-pointer-line: #151523;--color-svg-static-element: #151523;--color-svg-actor: #151523;--color-svg-actor-background: #fff;--color-svg-active-area-lines: #151523;--color-svg-active-area-background: #efefef;--color-alert-confirm-button: #35af66;--color-alert-item-border: #fff;--color-overview-groupe-underscore: #151523;--color-button-background: #e3e3e3;--color-button-background-hover: #b8b6b6;--color-button-popup: #f4f4f4;--color-button-background-color-change: #f4f4f4;--color-popup-background: #fff;--color-main-area-background: #fff;--color-button-link: #d3d3d6;--color-nav-element-background: #fff;--color-nav-element-background-hover: #f4f4f4;--color-subnav-element-background: #e3e3e3;--color-nav-element-bar-parent: #7a7a83;--font-size-standard: 16px;--font-family-standard: "Segoe UI", Helvetica, Arial, sans-serif;--box-shadow-highlight: 0px 0px 10px rgba(160, 160, 160, .8);--box-shadow-border-button: 1px 0px 0px rgb(189, 189, 193), 1px 1px 0px rgb(189, 189, 193), 0px 1px 0px rgb(189, 189, 193), 1px 0px 0px rgb(189, 189, 193) inset, 0px 1px 0px rgb(189, 189, 193) inset;--box-shadow-nav-element: 0px 1px 0px rgb(189 189 193), 0px 1px 0px rgb(189, 189, 193) inset;--box-shadow-svg-highlight: 0px 0px 3px rgba(160, 160, 160, .8)}#app.dark{--color-text-standard: #fff;--color-text-alternative: #fff;--color-alert: #dc3545;--color-active: #5a82ff;--color-warning: #dd6e50;--color-active-faded: #96affa;--color-inactive: #f4f4f4;--color-hand: #4e4e5a;--color-logo: #fff;--color-app-background: #07070f;--color-menu-background: #222230;--color-info-bar-background: #12121e;--color-info-bar-mode-button-background: #2d2d3b;--color-info-bar-info-button-background: #4e4e5a;--color-sensor-background: #222230;--color-sensor-target-background: #0e0e19;--color-indicator-triggered: #43434f;--color-svg-standard: #fff;--color-svg-standard-flow-color: #595964;--color-svg-standard-pointer-line: #fff;--color-svg-static-element: #fff;--color-svg-actor: #151523;--color-svg-actor-background: #383845;--color-svg-active-area-lines: #fff;--color-svg-active-area-background: #222230;--color-alert-confirm-button: #35af66;--color-alert-item-border: #fff;--color-overview-groupe-underscore: #fff;--color-button-background: #151523;--color-button-background-hover: #b8b6b6;--color-button-popup: #151523;--color-button-background-color-change: #383845;--color-popup-background: #222230;--color-main-area-background: #383845;--color-button-link: #151523;--color-nav-element-background: #222230;--color-nav-element-background-hover: #383845;--color-subnav-element-background: #151523;--color-nav-element-bar-parent: #7a7a83;--font-size-standard: 16px;--font-family-standard: "Segoe UI", Helvetica, Arial, sans-serif;--box-shadow-highlight: 0px 0px 10px rgba(160, 160, 160, .8);--box-shadow-border-button: 1px 0px 0px rgb(189, 189, 193), 1px 1px 0px rgb(189, 189, 193), 0px 1px 0px rgb(189, 189, 193), 1px 0px 0px rgb(189, 189, 193) inset, 0px 1px 0px rgb(189, 189, 193) inset;--box-shadow-nav-element: 0px 1px 0px #07070f, 0px 1px 0px #07070f inset;--box-shadow-svg-highlight: 0px 0px 3px rgba(160, 160, 160, .8)}*{margin:0;padding:0;font-family:var(--font-family-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:var(--font-size-standard);width:100vw;height:100vh;position:relative;scrollbar-width:none}a{text-decoration:none;color:var(--color-text-standard)}body{position:absolute;width:1920px;height:1080px;top:50%;left:50%}.chart{height:100%;width:100%;position:relative}.reset-zoom{position:absolute;top:0;right:0;border:none;font-size:1rem;font-weight:700;border-radius:0;color:var(--color-text-alternative);background-color:var(--color-active);padding:.25rem}.reset-zoom:hover{box-shadow:var(--box-shadow-highlight);cursor:pointer}#app{color:var(--color-text-standard);position:absolute;overflow:hidden;width:1920px;height:1080px;box-shadow:1px 1px 15px;background-color:var(--color-app-background)}svg .area{fill:var(--color-main-area-background)}svg text{font-family:var(--font-family-standard);fill:var(--color-text-standard)}svg .flow{stroke:var(--color-svg-standard-flow-color)}svg .flow.arrow{fill:var(--color-svg-standard-flow-color)}svg .pointer{stroke:var(--color-svg-standard-pointer-line)}svg .static{stroke:var(--color-svg-static-element)}.info-bar[data-v-a5321012]{position:absolute;width:1680px;height:40px;top:0;right:0;background-color:var(--color-info-bar-background)}button[data-v-dbcb6d53]{height:40px;font-size:1.125rem;border:none;padding:0 10px;margin:0;border-radius:0}button[data-v-dbcb6d53]:hover{box-shadow:var(--box-shadow-highlight)}.btn[data-v-f5249cc1]{width:100px;height:40px;margin:0;border-radius:0;border:none;box-shadow:var(--box-shadow-border-button);background-color:var(--color-button-popup);font-size:1.125rem;color:var(--color-text-standard);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-close-popup[data-v-f5249cc1],.btn-reset[data-v-f5249cc1],.btn-close-door[data-v-f5249cc1],.btn-accept-changes[data-v-f5249cc1]{width:100%}.btn-reset[data-v-f5249cc1]{background-color:var(--color-alert);color:var(--color-text-alternative)}.btn-close-popup[data-v-f5249cc1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="0"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="10"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="10"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="10"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-close-door[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-close-door[data-v-f5249cc1]{background-color:var(--color-active);color:var(--color-text-alternative);cursor:pointer}.pid-unit[data-status="10"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-auto[data-v-f5249cc1],.pid-unit[data-status="0"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-manual[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="12"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="10"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="10"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="13"] .btn-open[data-v-f5249cc1]{background-color:var(--color-button-popup);color:var(--color-text-standard);cursor:pointer}.pid-unit[data-status="1"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="0"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="0"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="0"][data-mode="2"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="1"][data-mode="2"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="2"][data-mode="2"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="3"][data-mode="2"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="0"][data-mode="1"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="1"][data-mode="1"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="2"][data-mode="1"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="3"][data-mode="1"] .btn-cooling[data-v-f5249cc1],.pid-unit .btn[data-v-f5249cc1]:disabled{filter:opacity(60%);color:var(--color-text-standard);cursor:initial}.pid-unit[data-status="0"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-stop[data-v-f5249cc1],.pid-unit[data-status="0"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-closed[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-start[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="2"] .btn-open[data-v-f5249cc1],.pid-unit[data-status="1"] .btn-down[data-v-f5249cc1],.pid-unit[data-status="3"] .btn-up[data-v-f5249cc1],.pid-unit[data-status="0"][data-mode="1"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="1"][data-mode="1"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="2"][data-mode="1"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="3"][data-mode="1"] .btn-heating[data-v-f5249cc1],.pid-unit[data-status="0"][data-mode="2"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="1"][data-mode="2"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="2"][data-mode="2"] .btn-cooling[data-v-f5249cc1],.pid-unit[data-status="3"][data-mode="2"] .btn-cooling[data-v-f5249cc1]{cursor:initial;filter:opacity(60%);color:var(--color-text-alternative);background-color:var(--color-active)}.pid-unit[data-status="20"] .pid-controls .btn[data-v-f5249cc1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="4"] .pid-controls .btn[data-v-f5249cc1],.pid-unit[data-status="14"] .pid-controls .btn[data-v-f5249cc1],.pid-unit[data-status="22"] .pid-controls .btn[data-v-f5249cc1]{background-color:var(--color-alert);color:var(--color-text-alternative)}.pid-unit[data-mode="1"] .btn-heating[data-v-f5249cc1],.pid-unit[data-mode="2"] .btn-cooling[data-v-f5249cc1]{background-color:var(--color-active);color:var(--color-text-alternative)}.pid-unit[data-mode="2"] .btn-heating[data-v-f5249cc1],.pid-unit[data-mode="1"] .btn-cooling[data-v-f5249cc1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="13"] .btn-up[data-v-f5249cc1],.pid-unit[data-status="11"] .btn-down[data-v-f5249cc1]{-webkit-animation:blink-blue-f5249cc1 1s infinite alternate;animation:blink-blue-f5249cc1 1s infinite alternate}@keyframes blink-blue-f5249cc1{0%,50%{background-color:var(--color-active);color:var(--color-text-alternative)}51%,to{background-color:var(--color-button-popup);color:var(--color-text-standard)}}.btn[data-v-f5249cc1]:active{background-color:var(--color-active);color:var(--color-text-alternative)}.btn[data-v-f5249cc1]:disabled{cursor:initial}/*!
 * 
 *   simple-keyboard v3.7.13
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.onscreen-keyboard{position:fixed;z-index:1000;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center;background-color:var(--color-popup-background);height:max-content;padding:0;margin:0 auto;box-shadow:var(--box-shadow-highlight);width:200px}.simple-keyboard.hg-theme-default{padding:0;border-radius:0}.simple-keyboard.hg-theme-default .hg-row{width:200px;margin:0}.simple-keyboard.hg-theme-default .hg-button{height:40px;margin:0;border-radius:0;border:none;box-shadow:var(--box-shadow-border-button);background-color:var(--color-button-popup);font-size:1.125rem;color:var(--color-text-standard);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.simple-keyboard.hg-theme-default .hg-button:active{background-color:var(--color-active);color:var(--color-text-alternative)}.simple-keyboard.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:0}.simple-keyboard.hg-theme-default .hg-button-backspace{background-color:var(--color-warning);color:var(--color-text-alternative)}.simple-keyboard.hg-theme-default .hg-button-escape{background-color:var(--color-alert);color:var(--color-text-alternative)}.simple-keyboard.hg-theme-default .hg-button-enter{background-color:var(--color-active);color:var(--color-text-alternative)}.simple-keyboard.hg-theme-default .hg-button-backspace:active,.simple-keyboard.hg-theme-default .hg-button-escape:active,.simple-keyboard.hg-theme-default .hg-button-enter:active{background-color:var(--color-menu-background);color:var(--color-text-standard)}.simple-keyboard-input{width:200px;height:40px;box-shadow:var(--box-shadow-border-button);border:none;border-radius:0;background:var(--color-menu-background);font-size:1.125rem;color:var(--color-text-standard);text-align:center}.simple-keyboard-input::-webkit-inner-spin-button{position:absolute}.input-target-value[data-v-d7bb9b5e]{display:flex;width:200px;align-items:center;min-height:40px;box-shadow:var(--box-shadow-border-button)}.input-group-text[data-v-d7bb9b5e]{border:none;border-radius:0;background:none;font-size:1.125rem;padding:0 .5rem}.input-group-text[data-v-d7bb9b5e]:first-of-type{width:120px}.input-group-text[data-v-d7bb9b5e]:last-of-type{width:30px}.popup-controls .form-control[data-v-d7bb9b5e]{border:none;border-radius:0;width:50px;background:none;font-size:1.125rem;text-align:end;color:var(--color-text-standard)}.jalousie-control-group[data-v-ebada9b2]{display:flex;width:200px;align-items:center;min-height:40px;box-shadow:var(--box-shadow-border-button);background-color:var(--color-button-popup)}.input-group-text[data-v-ebada9b2]{border:none;border-radius:0;background:none;font-size:1.125rem;padding:0 .5rem}.popup-controls .form-control[data-v-ebada9b2]{border:none;border-radius:0;width:50px;background:none;font-size:1.125rem;text-align:end;color:var(--color-text-standard)}.jalousie-animation[data-v-ebada9b2]{width:80px;display:flex;flex-flow:column;justify-content:center;align-items:center}.slider[data-v-ebada9b2]{display:flex;flex-flow:column;justify-content:center;align-items:center;width:60px}.slider input[data-v-ebada9b2]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;transform:rotate(180deg);width:60px;height:80px}.slider span[data-v-ebada9b2]{height:40px;line-height:40px}.slider span svg[data-v-ebada9b2]{display:inline}.btn[data-v-ebada9b2]{width:70px;height:30px;padding:.25rem;font-weight:700;border:none}.popup-controls[data-v-649ff1c2]{position:fixed;z-index:200;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center;background-color:var(--color-popup-background);width:200px;height:max-content;padding:0;margin:0 auto;box-shadow:var(--box-shadow-highlight)}.popup-controls .input-group[data-v-649ff1c2]{box-shadow:var(--box-shadow-border-button)}.popup-controls .popup-title[data-v-649ff1c2]{display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow-border-button);width:200px;height:40px;font-size:1.125rem}svg[data-v-a3600355]{margin:0;cursor:pointer}svg[data-v-a3600355]:hover{-webkit-filter:drop-shadow(var(--box-shadow-highlight));filter:drop-shadow(var(--box-shadow-highlight))}svg:hover .outer-element[data-v-a3600355] *{stroke-width:2.5}.pid-unit svg.active-indicator .outer-element,.pid-unit svg.active-indicator .inner-element{stroke:var(--color-active);fill:var(--color-active)}.pid-unit[data-status="0"] svg .outer-element{stroke:var(--color-svg-actor)}.pid-unit[data-status="0"] svg .inner-element{stroke:var(--color-svg-actor);fill:var(--color-svg-actor)}.pid-unit[data-status="1"] svg .outer-element{-webkit-animation:blink-black-blue 1s infinite alternate;animation:blink-black-blue 1s infinite alternate}.pid-unit[data-status="1"] svg .inner-element{-webkit-animation:blink-black-blue 1s infinite alternate;animation:blink-black-blue 1s infinite alternate}.pid-unit[data-status="2"] svg .outer-element{stroke:var(--color-active)}.pid-unit[data-status="2"] svg .inner-element{stroke:var(--color-active);fill:var(--color-active)}.pid-unit[data-status="3"] svg .outer-element{-webkit-animation:blink-black-blue 1s infinite alternate;animation:blink-black-blue 1s infinite alternate}.pid-unit[data-status="3"] svg .inner-element{-webkit-animation:blink-black-blue 1s infinite alternate;animation:blink-black-blue 1s infinite alternate}.pid-unit[data-status="4"] svg .outer-element{stroke:var(--color-alert)}.pid-unit[data-status="4"] svg .inner-element{stroke:var(--color-alert);fill:var(--color-alert)}.pid-unit[data-status="5"] svg .outer-element{-webkit-animation:blink-black-red 1s infinite alternate;animation:blink-black-red 1s infinite alternate}.pid-unit[data-status="5"] svg .inner-element{-webkit-animation:blink-black-red 1s infinite alternate;animation:blink-black-red 1s infinite alternate}.pid-unit[data-status="10"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="10"] svg .inner-element{stroke:var(--color-hand);fill:var(--color-hand)}.pid-unit[data-status="11"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="11"] svg .inner-element{-webkit-animation:blink-grey-blue 1s infinite alternate;animation:blink-grey-blue 1s infinite alternate}.pid-unit[data-status="12"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="12"] svg .inner-element{stroke:var(--color-active);fill:var(--color-active)}.pid-unit[data-status="13"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="13"] svg .inner-element{-webkit-animation:blink-grey-blue 1s infinite alternate;animation:blink-grey-blue 1s infinite alternate}.pid-unit[data-status="14"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="14"] svg .inner-element{stroke:var(--color-alert);fill:var(--color-alert)}.pid-unit[data-status="15"] svg .outer-element{stroke:var(--color-hand)}.pid-unit[data-status="15"] svg .inner-element{-webkit-animation:blink-grey-red 1s infinite alternate;animation:blink-grey-red 1s infinite alternate}.pid-unit[data-status="20"] svg .outer-element{stroke:var(--color-inactive)}.pid-unit[data-status="20"] svg .inner-element{stroke:var(--color-inactive);fill:var(--color-inactive)}.pid-unit[data-status="21"] svg .outer-element{stroke:var(--color-inactive)}.pid-unit[data-status="21"] svg .inner-element{stroke:var(--color-active);fill:var(--color-active)}.pid-unit[data-status="22"] svg .outer-element{stroke:var(--color-inactive)}.pid-unit[data-status="22"] svg .inner-element{stroke:var(--color-alert);fill:var(--color-alert)}@-webkit-keyframes blink-grey-blue{0%,50%{stroke:var(--color-active);fill:var(--color-active)}51%,to{stroke:var(--color-hand);fill:var(--color-hand)}}@keyframes blink-grey-blue{0%,50%{stroke:var(--color-active);fill:var(--color-active)}51%,to{stroke:var(--color-hand);fill:var(--color-hand)}}@-webkit-keyframes blink-grey-red{0%,50%{stroke:var(--color-alert);fill:var(--color-alert)}51%,to{stroke:var(--color-hand);fill:var(--color-hand)}}@keyframes blink-grey-red{0%,50%{stroke:var(--color-alert);fill:var(--color-alert)}51%,to{stroke:var(--color-hand);fill:var(--color-hand)}}@-webkit-keyframes blink-black-blue{0%,50%{stroke:var(--color-active);fill:var(--color-active)}51%,to{stroke:var(--color-svg-actor);fill:var(--color-svg-actor)}}@keyframes blink-black-blue{0%,50%{stroke:var(--color-active);fill:var(--color-active)}51%,to{stroke:var(--color-svg-actor);fill:var(--color-svg-actor)}}@-webkit-keyframes blink-black-red{0%,50%{stroke:var(--color-alert);fill:var(--color-alert)}51%,to{stroke:var(--color-svg-actor);fill:var(--color-svg-actor)}}@keyframes blink-black-red{0%,50%{stroke:var(--color-alert);fill:var(--color-alert)}51%,to{stroke:var(--color-svg-actor);fill:var(--color-svg-actor)}}.sensor-element[data-v-53a09198],.indicator-element[data-v-53a09198],.heat-meter-element[data-v-53a09198]{height:auto;width:100px;margin:0;display:block;justify-content:center;align-items:center}.sensor-element[data-v-53a09198]:hover,.indicator-element[data-v-53a09198]:hover,.heat-meter-element[data-v-53a09198]:hover{box-shadow:var(--box-shadow-highlight)}.sensor-element p[data-v-53a09198]{width:100%;height:30px;text-align:center;background-color:var(--color-sensor-background);margin:0 0 2px;line-height:30px}.sensor-element p.critical[data-v-53a09198]{color:var(--color-alert);background-color:var(--color-indicator-triggered)}.indicator-element p[data-v-53a09198]{width:100%;height:28px;color:var(--color-active);border-bottom:2px solid var(--color-active);text-align:center;background-color:var(--color-sensor-background);margin:0 0 2px;line-height:30px}.heat-meter-element p[data-v-53a09198]{width:100%;height:30px;text-align:center;background-color:var(--color-sensor-background);line-height:30px}.indicator-element p.triggered[data-v-53a09198]{color:var(--color-alert);border-bottom:2px solid var(--color-alert);background-color:var(--color-indicator-triggered)}.input-group[data-v-53a09198]{display:flex;width:100%}.sensor-element .form-control[data-v-53a09198]{height:30px;width:inherit;border:none;color:var(--color-text-standard);background-color:var(--color-sensor-target-background);font-size:1rem;padding:0;line-height:30px;display:flex;align-items:center;text-align:end}.sensor-element .input-group-text[data-v-53a09198]{height:30px;background-color:var(--color-sensor-target-background);padding:0 .4rem;display:flex;align-items:center;line-height:30px;font-size:1rem}h4[data-v-0f067ca0]{font-size:1rem;font-weight:700;margin:0}p[data-v-0f067ca0]{font-size:1rem;margin:0;white-space:nowrap}.pid-description[data-v-0f067ca0]{position:absolute}.pid-description.position-oben[data-v-0f067ca0],.pid-description.position-unten[data-v-0f067ca0]{left:50%;transform:translate(-50%);text-align:center}.pid-description.position-links[data-v-0f067ca0]{top:50%;transform:translatey(-50%);text-align:right}.pid-description.position-rechts[data-v-0f067ca0]{top:50%;transform:translatey(-50%);text-align:left}.pid-unit[data-v-29ccf90f]{position:absolute;margin:0;min-width:80px}.pid-symbol[data-v-29ccf90f]{position:relative;line-height:0}.dropdown-pid-alerts li[data-v-d6014455]{padding:.5rem 1rem;white-space:nowrap;border-bottom:1px solid var(--color-alert-item-border);display:flex;flex-flow:row;justify-content:space-between;align-items:center}.dropdown-pid-alerts li button[data-v-d6014455]{border:none;height:40px;color:var(--color-text-alternative);background-color:var(--color-alert-confirm-button);padding:.5rem;margin-left:1rem;border-radius:0;font-size:1rem;cursor:pointer}.dropdown-pid-alerts[data-v-ceae72e2]{top:0;right:120px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:200}.dropdown-pid-alerts ul[data-v-ceae72e2]{background-color:var(--color-alert);color:var(--color-text-alternative);padding:0;position:absolute;transform:none!important;inset:initial!important;right:0%!important;top:100%!important;border-radius:0;font-size:1.125rem;margin:0}.dropdown-toggle[data-v-ceae72e2]{height:40px;background-color:var(--color-alert);color:var(--color-text-alternative);border-radius:0;border:none;font-size:1.125rem;padding:0 1rem;cursor:pointer}.dropdown-toggle[data-v-ceae72e2]:hover{box-shadow:var(--box-shadow-highlight)}.dropdown-toggle svg[data-v-ceae72e2]{margin-left:.5rem}.btn-mode-admin-login[data-v-44214760],.btn-mode-logout[data-v-44214760]{position:absolute;top:0;right:20px;width:80px}.login[data-v-572ba25e]{position:relative;width:1920px;height:1080px;overflow:hidden}.bg-image[data-v-572ba25e]{position:absolute;top:-10px;left:-10px;width:1940px;height:1100px;background:radial-gradient(circle,#567f3d 40%,#1e350a 80%);display:flex;justify-content:center;align-items:center;overflow:hidden}.bg-image img[data-v-572ba25e]{height:100%;width:100%;object-fit:cover;position:relative;opacity:.2}.login-form[data-v-572ba25e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;background-color:#fff;box-shadow:0 0 12px #00000026;width:300px;padding:3rem;margin:1rem}.login-form .logo[data-v-572ba25e]{width:100%;margin-bottom:2rem;display:flex;justify-content:center}.login-form .logo svg[data-v-572ba25e]{width:6rem;height:6rem}.login-form form[data-v-572ba25e]{display:flex;flex-flow:column}.login-form form .input-field[data-v-572ba25e]{background-color:#e9ebec;padding:.5rem;margin-bottom:.5rem;display:flex;align-items:center}.login-form form label[data-v-572ba25e]{line-height:0}.login-form form label svg[data-v-572ba25e]{margin-right:.5rem}.login-form input[data-v-572ba25e]{font-size:25px;background:none;border:none;min-width:4rem}.login-form input[data-v-572ba25e]:focus,.login-form input[data-v-572ba25e]:focus-visible{outline:1px #1e350a solid}.login-form form button[data-v-572ba25e]{color:#fff;font-size:25px;background-color:#1e350a;border:none;padding:.5rem;cursor:pointer;border-radius:0;margin-top:1rem}.login-form form button[data-v-572ba25e]:hover{color:#fff;background-color:#567f3d;border:none;padding:.5rem;cursor:pointer}h1[data-v-572ba25e]{font-size:1.75rem;text-align:center;margin-bottom:2rem}