svg path[data-v-673ca574]{fill:var(--color-logo)}.navigation-element[data-v-ac55d35f]{width:240px;box-sizing:border-box;justify-content:start;background-color:var(--color-nav-element-background)}.navigation-link[data-v-ac55d35f]:hover,.navigation-link[data-v-ac55d35f]:active{background-color:var(--color-nav-element-background-hover)}.navigation-element.active-alerts[data-v-ac55d35f],.active-alerts>.navigation-link[data-v-ac55d35f],.active-alerts>.navigation-link[data-v-ac55d35f]:hover,.active-alerts>.navigation-link[data-v-ac55d35f]:active{color:var(--color-text-alternative);background-color:var(--color-alert)}.navigation-element[data-v-ac55d35f]:first-of-type{margin-bottom:46px}.subnavigation-links .navigation-element[data-v-ac55d35f]:first-of-type{margin-bottom:0}.navigation-link[data-v-ac55d35f]{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-ac55d35f]{width:240px;list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;display:none}.router-link-active+.subnavigation-links[data-v-ac55d35f]{display:inherit;max-height:1000px}.subnavigation-links .navigation-link[data-v-ac55d35f]{background-color:var(--color-subnav-element-background)}.subnavigation-links .active-alerts .navigation-link[data-v-ac55d35f]{background-color:var(--color-alert)}.router-link-active[data-v-ac55d35f]{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-ac55d35f]{color:var(--color-active);border-right:4px solid var(--color-active)}.active-alerts>.router-link-active.router-link-exact-active[data-v-ac55d35f]{color:var(--color-text-alternative);border-right:4px solid var(--color-text-alternative)}.navigation-element svg[data-v-ac55d35f]{position:absolute;left:25px}.navigation-element.active-alerts svg[data-v-ac55d35f]{stroke:var(--color-text-alternative)}svg .icon[data-v-ac55d35f]{fill:var(--color-text-standard);stroke:var(--color-text-standard)}.main-navigation[data-v-02385aba]{position:absolute;top:0;left:0;background-color:var(--color-menu-background);width:240px;height:1080px}.logo[data-v-02385aba]{position:absolute;top:40px;left:43px;width:160px;height:auto}.navigation-links[data-v-02385aba]{position:absolute;top:196px;left:0;width:240px;list-style:none;padding:0;margin:0}.navigation-element svg[data-v-02385aba],.color-mode svg[data-v-02385aba]{position:absolute;left:25px}.color-mode svg[data-v-02385aba]{top:50%;transform:translateY(-50%)}.color-mode[data-v-02385aba]{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-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-static-element-background: #fff;--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-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-static-element-background: #222230;--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}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);fill:var(--color-svg-static-element-background)}.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-642f59b1]{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-642f59b1],.btn-reset[data-v-642f59b1],.btn-close-door[data-v-642f59b1],.btn-accept-changes[data-v-642f59b1]{width:100%}.btn-reset[data-v-642f59b1]{background-color:var(--color-alert);color:var(--color-text-alternative)}.btn-close-popup[data-v-642f59b1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="0"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="1"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="2"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="3"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="10"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="11"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="12"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="13"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="10"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="13"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="10"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="13"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="11"] .btn-start[data-v-642f59b1],.pid-unit[data-status="12"] .btn-start[data-v-642f59b1],.pid-unit[data-status="11"] .btn-open[data-v-642f59b1],.pid-unit[data-status="12"] .btn-open[data-v-642f59b1],.pid-unit[data-status="3"] .btn-close-door[data-v-642f59b1],.pid-unit[data-status="13"] .btn-close-door[data-v-642f59b1]{background-color:var(--color-active);color:var(--color-text-alternative);cursor:pointer}.pid-unit[data-status="10"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="11"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="12"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="13"] .btn-auto[data-v-642f59b1],.pid-unit[data-status="0"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="1"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="2"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="3"] .btn-manual[data-v-642f59b1],.pid-unit[data-status="11"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="12"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="11"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="12"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="10"] .btn-start[data-v-642f59b1],.pid-unit[data-status="13"] .btn-start[data-v-642f59b1],.pid-unit[data-status="10"] .btn-open[data-v-642f59b1],.pid-unit[data-status="13"] .btn-open[data-v-642f59b1]{background-color:var(--color-button-popup);color:var(--color-text-standard);cursor:pointer}.pid-unit[data-status="1"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="2"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="1"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="2"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="0"] .btn-start[data-v-642f59b1],.pid-unit[data-status="3"] .btn-start[data-v-642f59b1],.pid-unit[data-status="0"] .btn-open[data-v-642f59b1],.pid-unit[data-status="3"] .btn-open[data-v-642f59b1],.pid-unit[data-status="0"][data-mode="2"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="1"][data-mode="2"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="2"][data-mode="2"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="3"][data-mode="2"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="0"][data-mode="1"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="1"][data-mode="1"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="2"][data-mode="1"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="3"][data-mode="1"] .btn-cooling[data-v-642f59b1],.pid-unit .btn[data-v-642f59b1]:disabled{filter:opacity(60%);color:var(--color-text-standard);cursor:initial}.pid-unit[data-status="0"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="3"] .btn-stop[data-v-642f59b1],.pid-unit[data-status="0"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="3"] .btn-closed[data-v-642f59b1],.pid-unit[data-status="1"] .btn-start[data-v-642f59b1],.pid-unit[data-status="2"] .btn-start[data-v-642f59b1],.pid-unit[data-status="1"] .btn-open[data-v-642f59b1],.pid-unit[data-status="2"] .btn-open[data-v-642f59b1],.pid-unit[data-status="1"] .btn-down[data-v-642f59b1],.pid-unit[data-status="3"] .btn-up[data-v-642f59b1],.pid-unit[data-status="0"][data-mode="1"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="1"][data-mode="1"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="2"][data-mode="1"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="3"][data-mode="1"] .btn-heating[data-v-642f59b1],.pid-unit[data-status="0"][data-mode="2"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="1"][data-mode="2"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="2"][data-mode="2"] .btn-cooling[data-v-642f59b1],.pid-unit[data-status="3"][data-mode="2"] .btn-cooling[data-v-642f59b1]{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-642f59b1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="4"] .pid-controls .btn[data-v-642f59b1],.pid-unit[data-status="14"] .pid-controls .btn[data-v-642f59b1],.pid-unit[data-status="22"] .pid-controls .btn[data-v-642f59b1]{background-color:var(--color-alert);color:var(--color-text-alternative)}.pid-unit[data-mode="1"] .btn-heating[data-v-642f59b1],.pid-unit[data-mode="2"] .btn-cooling[data-v-642f59b1]{background-color:var(--color-active);color:var(--color-text-alternative)}.pid-unit[data-mode="2"] .btn-heating[data-v-642f59b1],.pid-unit[data-mode="1"] .btn-cooling[data-v-642f59b1]{background-color:var(--color-button-popup);color:var(--color-text-standard)}.pid-unit[data-status="13"] .btn-up[data-v-642f59b1],.pid-unit[data-status="11"] .btn-down[data-v-642f59b1]{-webkit-animation:blink-blue-642f59b1 1s infinite alternate;animation:blink-blue-642f59b1 1s infinite alternate}@keyframes blink-blue-642f59b1{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-642f59b1]:active{background-color:var(--color-active);color:var(--color-text-alternative)}.btn[data-v-642f59b1]:disabled{cursor:initial}.input-target-value[data-v-09f7f4af]{display:flex;width:200px;align-items:center;min-height:40px;box-shadow:var(--box-shadow-border-button)}.input-group-text[data-v-09f7f4af]{border:none;border-radius:0;background:none;font-size:1.125rem;padding:0 .5rem}.input-group-text[data-v-09f7f4af]:first-of-type{width:120px}.input-group-text[data-v-09f7f4af]:last-of-type{width:30px}.popup-controls .form-control[data-v-09f7f4af]{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-8ee8af1e]{margin:0;cursor:pointer}svg[data-v-8ee8af1e]:hover{-webkit-filter:drop-shadow(var(--box-shadow-highlight));filter:drop-shadow(var(--box-shadow-highlight))}svg:hover .outer-element[data-v-8ee8af1e] *{stroke-width:2.5}.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-c24a752b],.indicator-element[data-v-c24a752b],.heat-meter-element[data-v-c24a752b]{height:auto;width:100px;margin:0;display:block;justify-content:center;align-items:center}.sensor-element[data-v-c24a752b]:hover,.indicator-element[data-v-c24a752b]:hover,.heat-meter-element[data-v-c24a752b]:hover{box-shadow:var(--box-shadow-highlight)}.sensor-element p[data-v-c24a752b]{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-c24a752b]{color:var(--color-alert);background-color:var(--color-indicator-triggered)}.indicator-element p[data-v-c24a752b]{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}.indicator-element p.triggered[data-v-c24a752b]{color:var(--color-alert);border-bottom:2px solid var(--color-alert);background-color:var(--color-indicator-triggered)}.input-group[data-v-c24a752b]{display:flex;width:100%;position:relative}.input-group button[data-v-c24a752b]{position:absolute;display:none;height:30px;width:30px;border:none;color:var(--color-text-alternative);background-color:var(--color-active);cursor:pointer}.input-group:hover button[data-v-c24a752b],.input-group input:active>button[data-v-c24a752b]{display:block}.input-group button.btn-increase-value[data-v-c24a752b]{left:-30px;top:0}.input-group button.btn-decrease-value[data-v-c24a752b]{right:-30px;top:0}.sensor-element .form-control[data-v-c24a752b]{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-c24a752b]{height:30px;background-color:var(--color-sensor-target-background);padding:0 .4rem;display:flex;align-items:center;line-height:30px;font-size:1rem}input[type=number][data-v-c24a752b]::-webkit-outer-spin-button,input[type=number][data-v-c24a752b]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.heat-meter-element p[data-v-c24a752b]{width:100%;height:30px;text-align:center;background-color:var(--color-sensor-background);line-height:30px}h4[data-v-e74bd6e5]{font-size:1rem;font-weight:700;margin:0}p[data-v-e74bd6e5]{font-size:1rem;margin:0;white-space:nowrap}.pid-description[data-v-e74bd6e5]{position:absolute}.pid-description.position-oben[data-v-e74bd6e5],.pid-description.position-unten[data-v-e74bd6e5]{left:50%;transform:translate(-50%);text-align:center}.pid-description.position-links[data-v-e74bd6e5]{top:50%;transform:translatey(-50%);text-align:right}.pid-description.position-rechts[data-v-e74bd6e5]{top:50%;transform:translatey(-50%);text-align:left}.pid-unit[data-v-1b7f442f]{position:absolute;margin:0;min-width:80px}.pid-symbol[data-v-1b7f442f]{position:relative;line-height:0}.dropdown-pid-alerts li[data-v-b0d99964]{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-b0d99964]{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-4053f86c]{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-4053f86c]{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-4053f86c]{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-4053f86c]:hover{box-shadow:var(--box-shadow-highlight)}.dropdown-toggle svg[data-v-4053f86c]{margin-left:.5rem}.btn-mode-logout[data-v-ab01aed1]{position:absolute;top:0;right:20px;width:80px}.login[data-v-bce91e08]{position:relative;width:1920px;height:1080px;overflow:hidden}.bg-image[data-v-bce91e08]{position:absolute;top:-10px;left:-10px;width:1940px;height:1100px;background:radial-gradient(circle,#013f7d 20%,#0069b4 80%);display:flex;justify-content:center;align-items:center;overflow:hidden}.bg-image img[data-v-bce91e08]{height:100%;width:100%;position:relative;opacity:.2}.login-form[data-v-bce91e08]{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-bce91e08]{width:100%;height:100px;margin-bottom:2rem}.login-form form[data-v-bce91e08]{display:flex;flex-flow:column}.login-form form .input-field[data-v-bce91e08]{background-color:#e9ebec;padding:.5rem;margin-bottom:.5rem;display:flex;align-items:center}.login-form form label[data-v-bce91e08]{line-height:0}.login-form form label svg[data-v-bce91e08]{margin-right:.5rem}.login-form input[data-v-bce91e08]{font-size:25px;background:none;border:none;min-width:4rem}.login-form input[data-v-bce91e08]:focus,.login-form input[data-v-bce91e08]:focus-visible{outline:1px #0069b4 solid}.login-form form button[data-v-bce91e08]{color:#fff;font-size:25px;background-color:#0069b4;border:none;padding:.5rem;cursor:pointer;border-radius:0;margin-top:1rem}.login-form form button[data-v-bce91e08]:hover{color:#fff;background-color:#013f7d;border:none;padding:.5rem;cursor:pointer}