body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-color:#202020;--bg-color:#f8f8fa;--accent-1:#fff;--accent-2:#fafafa;--accent-3:#f5f5f5;--accent-4:#f1f1f1;--accent-5:#eaeaea;--accent-6:#e6e6e6;--accent-7:#e2e2e2;--accent-8:#ddd;--accent-9:#ccc;--accent-10:#bbb;--header-color:#151515;--header-bg-color:#fff;--sidebar-color:#151515;--sidebar-bg-color:#fff;--sidebar-secondary-color:#151515;--sidebar-secondary-bg-color:#fff;--navbar-bg-color:#fff;--navbar-elem-color:#fff;--navbar-elem-active:#fcfcfc;--navbar-child-elem-color:#fff;--navbar-child-elem-active:#fafafa;--grid-bg-color:#fff;--unit-color:#bbb;--lt-shadow:0 0 25px -10px rgba(0,0,0,0.15);--status-std:#101010;--status-ok-fill:#57d15d;--status-moderate:#e2c93e;--status-moderate-fill:#f5a42a;--status-critical:#e23e3e;--status-critical-fill:#f13232;--gear-color:#f2f2f2;--flash-color:#f2f2f2;--battery-active:#6ada87;--battery-inactive:#f2f2f2;--overlay-opacity:rgba(0,0,0,0.4)}:root,[data-theme=dark]{--main-color:#6ada87;--accent-11:#aaa;--info-color:#ccc;--std-shadow:0 0 25px -10px rgba(0,0,0,0.25);--status-ok:#6ada87}[data-theme=dark]{--text-color:#fff;--bg-color:linear-gradient(180deg,#404040,#151515 25rem),#151515;--accent-1:#000;--accent-2:#050505;--accent-3:#101010;--accent-4:#151515;--accent-5:#202020;--accent-6:#272727;--accent-7:#353535;--accent-8:#444;--accent-9:#666;--accent-10:#888;--header-color:#fff;--header-bg-color:#252525;--sidebar-color-:#fff;--sidebar-bg-color:#252525;--sidebar-secondary-color:#151515;--sidebar-secondary-bg-color:#202020;--navbar-bg-color:#111;--navbar-elem-color:#111;--navbar-elem-active:#131313;--navbar-child-elem-color:#131313;--navbar-child-elem-active:#161616;--grid-bg-color:#202020;--unit-color:#ccc;--lt-shadow:none;--status-std:#fff;--status-ok-fill:#57d15d;--status-moderate:#e2c93e;--status-moderate-fill:#f5a42a;--status-critical:#e23e3e;--status-critical-fill:#f13232;--gear-color:#404040;--flash-color:#404040;--battery-active:#50b86c;--battery-inactive:#404040;--overlay-opacity:rgba(0,0,0,0.7)}@-webkit-keyframes warning{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes warning{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}*{margin:0;padding:0;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;position:relative;text-rendering:optimizeLegibility}body{font-family:Ubuntu,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:100%;color:#202020;color:var(--text-color);background:#f8f8fa;background:var(--bg-color);background-repeat:no-repeat}a{cursor:pointer;text-decoration:none;color:#6ada87;color:var(--main-color)}.bg{background:#f8f8fa;background:var(--bg-color);background-repeat:no-repeat}h1,h2,h3,h4,h5,h6{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:-1px}#menuecontent{position:fixed;left:0;top:0;width:4rem;bottom:0;max-width:72%;background:#fff;background:var(--navbar-bg-color);box-shadow:0 0 25px -10px rgba(0,0,0,.15);box-shadow:var(--lt-shadow);overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;z-index:12}@media only screen and (max-width:900px){#menuecontent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#menuecontent.active{-webkit-transform:translateZ(0);transform:translateZ(0)}}#menuecontent::-webkit-scrollbar{display:none}#menuecontent>ul{margin:2rem 0}#menuecontent ul{list-style:none}#menuecontent ul li.main{margin-bottom:.5rem}#menuecontent ul li{cursor:pointer;position:relative;overflow:hidden;opacity:.65;-webkit-transition:opacity .3s;transition:opacity .3s;background-color:#fff;background-color:var(--navbar-elem-color);-webkit-transition:background-color .25s;transition:background-color .25s}#menuecontent ul li.sub:after{content:"";position:absolute;right:0;top:.95rem;padding:.75rem 1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDYuMDIgNDYuMDIiPjxwYXRoIGQ9Ik0xNC43NTcgNDYuMDJhNS42ODggNS42ODggMCAwMS0zLjkyOS0xLjU2OSA1LjcwNSA1LjcwNSAwIDAxLS4yMDQtOC4wNjNMMjMuMzgyIDIyLjk3IDEwLjYzNyA5LjY0NWE1LjcwMyA1LjcwMyAwIDAxOC4yNDItNy44ODRsMTYuNTA1IDE3LjI1M2E1LjcwNyA1LjcwNyAwIDAxLjAxMyA3Ljg3MkwxOC44OTMgNDQuMjQ3YTUuNjk5IDUuNjk5IDAgMDEtNC4xMzYgMS43NzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjYjFiMWIxIi8+PC9zdmc+");background-repeat:no-repeat;background-position:50%;background-size:24%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media (hover:hover){#menuecontent ul li:hover{opacity:1;background-color:#fcfcfc;background-color:var(--navbar-elem-active)}#menuecontent ul li:hover>a{border-left:4px solid #6ada87;border-left:4px solid var(--main-color);padding-left:2.3rem}}#menuecontent ul li.active{opacity:1;background-color:#fcfcfc;background-color:var(--navbar-elem-active)}#menuecontent ul li.active>a{border-left:4px solid #6ada87;border-left:4px solid var(--main-color);padding-left:2.3rem}#menuecontent ul li a{display:block;color:#202020;color:var(--text-color);font-weight:400;font-size:1.1rem;padding:1rem 1rem 1rem 2rem;border-left:4px solid transparent;-webkit-transition:padding-left .3s ease,border-left .3s;transition:padding-left .3s ease,border-left .3s}#menuecontent ul li ul{max-height:0;pointer-events:none}#menuecontent ul li ul li{opacity:1;background-color:#fff;background-color:var(--navbar-child-elem-color)}#menuecontent ul li ul li:hover{background-color:#fafafa;background-color:var(--navbar-child-elem-active)}#menuecontent ul li ul li a{font-weight:300;font-size:1rem;padding:.85rem .85rem .85rem 2.3rem;opacity:.75}#menuecontent ul li ul li a:hover{padding-left:2.5rem;opacity:1}#menuecontent ul li.active.sub:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}#menuecontent ul li.active ul{max-height:inherit;pointer-events:auto}#overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4);background-color:var(--overlay-opacity);z-index:10;visibility:hidden;opacity:0;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s}#overlay.active{visibility:visible;opacity:1}.content{position:absolute;top:5rem;left:4rem;width:60%;width:calc(100% - 4rem);padding:2.75rem;overflow:hidden;-webkit-transition:left .5s ease,width .5s ease;transition:left .5s ease,width .5s ease}.content.opened{width:calc(100% - 19rem);left:19rem}@media only screen and (max-width:1200px){.content{padding:1.5rem}}@media only screen and (max-width:900px){.content{width:100%;left:inherit;padding:0}}ol{margin:1.5rem}ol li{margin:1rem 0}.content h1{margin:2rem 1rem 1rem;font-size:3.5rem;font-weight:700}@media only screen and (max-width:1200px){.content h1{font-size:3rem;padding:0 1rem}}@media only screen and (max-width:900px){.content h1{font-size:2.5rem}}.content h2{font-size:3rem;padding:0 1rem}@media only screen and (max-width:1200px){.content h2{font-size:2.75rem;padding:0 2rem}}@media only screen and (max-width:900px){.content h2{font-size:2rem}}.content .grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:2rem;gap:2rem;padding:1rem;margin:0 0 4rem;overflow-x:scroll}@media only screen and (max-width:1200px){.content .grid{margin-bottom:3rem;display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;padding:1rem;margin-bottom:2rem;scrollbar-width:none;grid-gap:0;gap:0}}@media only screen and (max-width:1200px){.content .grid::-webkit-scrollbar{display:none}}.content .grid table img{display:none}.content .grid .grid--elem{cursor:pointer;position:relative;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;min-height:17rem;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.15);box-shadow:var(--lt-shadow);background:#fff;background:var(--grid-bg-color);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.content .grid .grid--elem:not(.loading){-webkit-animation:fadeInScale75and05 .5s ease 0s;animation:fadeInScale75and05 .5s ease 0s}@-webkit-keyframes fadeInScale75and05{0%{opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale75and05{0%{opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (hover:hover){.content .grid .grid--elem:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}}@media only screen and (max-width:1200px){.content .grid .grid--elem{min-height:14rem;margin:0 1rem;min-width:15rem}}.content .grid .grid--elem.full{grid-column:1/3}@media only screen and (max-width:900px){.content .grid .grid--elem.full{max-width:25rem}}.content .grid .grid--elem span.name{display:block;width:100%;padding:1rem 3.5rem 1rem 1rem}.content .grid .grid--elem .value{position:absolute;top:54%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.content .grid .grid--elem .value span{display:block;color:#101010;color:var(--status-std);font-size:2.5rem;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;-webkit-transition:color .5s;transition:color .5s}.content .grid .grid--elem .value span.ok{color:#6ada87;color:var(--status-ok)}.content .grid .grid--elem .value span.moderate{color:#e2c93e;color:var(--status-moderate)}.content .grid .grid--elem .value span.critical{color:#e23e3e;color:var(--status-critical)}.content .grid .grid--elem.full .value span{font-size:3.75rem}.content .grid .grid--elem .unit{font-size:.8rem;display:block;position:absolute;bottom:1rem;right:1.25rem;color:#bbb;color:var(--unit-color)}.content .grid.gesamt .grid--elem{flex:1 0 15rem;max-width:34rem}.content .grid.gesamt .value span{font-size:3.5rem!important;margin-bottom:.5rem}.content .grid.chargingstation svg.status{cursor:pointer;width:1.5rem;height:1.5rem;position:absolute;bottom:1rem;left:1rem;fill:#f2f2f2;fill:var(--battery-inactive);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:fill .5s,-webkit-transform .35s ease;transition:fill .5s,-webkit-transform .35s ease;transition:fill .5s,transform .35s ease;transition:fill .5s,transform .35s ease,-webkit-transform .35s ease}.content .grid.chargingstation svg.status.active{fill:#6ada87;fill:var(--battery-active)}@media (hover:hover){.content .grid.chargingstation svg.status:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}}.content .grid.chargingstation .active .value span{color:#6ada87;color:var(--status-ok)}.content .grid.chargingstation .active svg.status{fill:#6ada87;fill:var(--battery-active);-webkit-animation:batteryblink .8s linear infinite alternate;animation:batteryblink .8s linear infinite alternate}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{opacity:0}to{opacity:1}}@-webkit-keyframes blink{0%{opacity:.25}to{opacity:1}}@keyframes blink{0%{opacity:.25}to{opacity:1}}@-webkit-keyframes batteryblink{0%{opacity:.25}to{opacity:1}}@keyframes batteryblink{0%{opacity:.25}to{opacity:1}}@-webkit-keyframes shine{0%{background-position:-300px}to{background-position:300px}}@keyframes shine{0%{background-position:-300px}to{background-position:300px}}.berlin #value25{color:#e2c93e!important;color:var(--status-moderate)!important}::-webkit-scrollbar{display:none;width:0;height:0}.home{background:#151515;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.home a{position:relative;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.15rem;color:#fff;padding:.75rem 2.75rem;border-radius:100px;overflow:hidden;mask-image:radial-gradient(#fff,#000);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.home a span{background-color:#272727;z-index:-2}.home a:after,.home a:before,.home a span{position:absolute;top:0;right:0;left:0;bottom:0}.home a:after,.home a:before{content:"";z-index:-1;border-radius:999px;-webkit-transition:-webkit-transform .4s ease-out;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out}.home a:before{background-color:#9df5b4;-webkit-transform:scale(0) translate(100%);transform:scale(0) translate(100%);-webkit-transform-origin:right center;transform-origin:right center}.home a:after{background-color:#51b86c;-webkit-transform:scale(0) translate(-100%);transform:scale(0) translate(-100%);-webkit-transform-origin:left center;transform-origin:left center}.home a:hover:after,.home a:hover:before{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}.home h1{color:#fff}.network__wrapper{padding:2.5rem 8%}.network__wrapper #API,.network__wrapper #Cliq,.network__wrapper #HE,.network__wrapper #IPS,.network__wrapper #LocalAPI,.network__wrapper #MongoDB,.network__wrapper #TA-Unit,.network__wrapper #TA-Unit-2,.network__wrapper #TA-Unit-3,.network__wrapper #Webhook{cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.network__wrapper #API *,.network__wrapper #Cliq *,.network__wrapper #HE *,.network__wrapper #IPS *,.network__wrapper #LocalAPI *,.network__wrapper #MongoDB *,.network__wrapper #TA-Unit *,.network__wrapper #TA-Unit-2 *,.network__wrapper #TA-Unit-3 *,.network__wrapper #Webhook *{stroke:#fff;stroke-width:3px;stroke-linejoin:round;stroke-opacity:0;-webkit-transition:stroke-opacity .5s ease;transition:stroke-opacity .5s ease}.network__wrapper #API:hover,.network__wrapper #Cliq:hover,.network__wrapper #HE:hover,.network__wrapper #IPS:hover,.network__wrapper #LocalAPI:hover,.network__wrapper #MongoDB:hover,.network__wrapper #TA-Unit-2:hover,.network__wrapper #TA-Unit-3:hover,.network__wrapper #TA-Unit:hover,.network__wrapper #Webhook:hover{-webkit-transform:translate3d(.15%,-1.25%,0);transform:translate3d(.15%,-1.25%,0)}.network__wrapper #API:hover *,.network__wrapper #Cliq:hover *,.network__wrapper #HE:hover *,.network__wrapper #IPS:hover *,.network__wrapper #LocalAPI:hover *,.network__wrapper #MongoDB:hover *,.network__wrapper #TA-Unit-2:hover *,.network__wrapper #TA-Unit-3:hover *,.network__wrapper #TA-Unit:hover *,.network__wrapper #Webhook:hover *{stroke-opacity:.3}.soc .grid--elem{max-width:35rem}.soc .grid--elem .unit{color:var(--main-fg)!important}@media only screen and (max-width:1200px){.soc .grid--elem{width:100%}}.soc .grid--elem .battery__status{z-index:-1;position:absolute;bottom:0;left:0;right:0;max-height:100%;opacity:.75;-webkit-transition:height 1.5s ease,background-color 1s;transition:height 1.5s ease,background-color 1s}.soc .grid--elem.ok .battery__status{background-color:#57d15d;background-color:var(--status-ok-fill)}.soc .grid--elem.moderate .battery__status{background-color:#f5a42a;background-color:var(--status-moderate-fill)}.soc .grid--elem.critical .value span{-webkit-animation:warning .5s ease-in-out infinite alternate;animation:warning .5s ease-in-out infinite alternate}.soc .grid--elem.critical .battery__status{background-color:#f13232;background-color:var(--status-critical-fill)}.bhkw.grid{grid-template-columns:minmax(9rem,16rem) minmax(9rem,16rem) minmax(9rem,16rem) minmax(9rem,16rem) minmax(12rem,16rem) minmax(12rem,16rem);grid-template-rows:repeat(2,minmax(10rem,1fr))}.bhkw.grid .grid--elem{min-height:inherit}.bhkw.grid .glock .bhkwsvg{z-index:-1;height:63%;width:63%;position:absolute;top:54%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.bhkw.grid .glock .bhkwsvg .gear{fill:#f2f2f2;fill:var(--gear-color)}.bhkw.grid .glock .bhkwsvg .flash{fill:#f2f2f2;fill:var(--flash-color);opacity:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:center;transform-origin:center}.bhkw.grid .glock.active .gear{-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite;-webkit-transform-origin:center;transform-origin:center}.bhkw.grid .glock.active .flash{-webkit-animation:flash 1s linear infinite alternate;animation:flash 1s linear infinite alternate}.bhkw.grid .dachs .bhkwsvg{position:absolute;bottom:1rem;left:1rem;height:26px;width:26px;fill:#f2f2f2;fill:var(--gear-color)}.bhkw.grid .dachs .bhkwsvg .flash{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:center;transform-origin:center}.bhkw.grid .dachs.active .gear{fill:#6ada87;fill:var(--status-ok);-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite;-webkit-transform-origin:center;transform-origin:center}.bhkw.grid .dachs.active .flash{fill:#6ada87;fill:var(--status-ok);-webkit-animation:flash 1s linear infinite alternate;animation:flash 1s linear infinite alternate}@media only screen and (max-width:1200px){.bhkw.grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) minmax(8rem,1fr) minmax(8rem,1fr) minmax(12rem,1fr) minmax(12rem,1fr);grid-template-rows:repeat(2,minmax(9rem,1fr));grid-gap:1.25rem;gap:1.25rem;padding:1rem 2rem}.bhkw.grid .grid--elem{min-width:auto;min-height:auto;max-width:inherit!important;margin:0}}.bhkw.grid .glock.glock1{grid-area:1/1/3/3}.bhkw.grid .glock.glock2{grid-area:1/3/3/5}.bhkw.grid .glock .value span{font-size:3.5rem!important}.bhkw.grid .glock .bhkwsvg{height:65%;width:65%;min-height:12rem;min-width:12rem}.photovoltaik.grid{grid-template-columns:repeat(4,minmax(12rem,16rem));grid-template-rows:repeat(2,minmax(10rem,1fr))}.photovoltaik.grid .grid--elem{min-height:inherit;background-color:#071c26;background:-webkit-gradient(linear,left top,left bottom,from(#071c26),color-stop(39%,#1a3245),color-stop(77%,#2a4163))!important;background:linear-gradient(180deg,#071c26,#1a3245 39%,#2a4163 77%)!important;background-repeat:no-repeat;background-size:contain;background-position:50%}.photovoltaik.grid .grid--elem.active{background-color:#f2994a;background:-webkit-gradient(linear,left top,left bottom,from(#f2994a),to(#f2c94c))!important;background:linear-gradient(180deg,#f2994a,#f2c94c)!important}.photovoltaik.grid svg.day,.photovoltaik.grid svg.night{position:absolute;left:0;top:4%;width:100%;height:100%;fill:#fff;opacity:.2;pointer-events:none}.photovoltaik.grid svg.day{-webkit-animation:sun 12s linear infinite;animation:sun 12s linear infinite;-webkit-transform-origin:center;transform-origin:center}.photovoltaik.grid svg.night{display:block}.photovoltaik.grid a,.photovoltaik.grid span{color:#fff!important}@media only screen and (max-width:1200px){.photovoltaik.grid{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) minmax(12rem,1fr) minmax(12rem,1fr);grid-template-rows:repeat(2,minmax(9rem,1fr));grid-gap:1.25rem;gap:1.25rem;padding:1rem 2rem}.photovoltaik.grid .grid--elem{min-width:auto;min-height:auto;max-width:inherit!important;margin:0}}.pv-total{grid-area:1/1/3/3}.pv-total .value span{font-size:3.5rem!important}.pv-total svg.day,.pv-total svg.night{position:absolute;top:-22%;height:144%;fill:#fff;opacity:.2}@-webkit-keyframes sun{0%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0deg) scale(1.2)}12%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}25%{-webkit-transform:rotate(90deg) scale(1.2);transform:rotate(90deg) scale(1.2)}37%{-webkit-transform:rotate(135deg) scale(1);transform:rotate(135deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}62%{-webkit-transform:rotate(225deg) scale(1);transform:rotate(225deg) scale(1)}75%{-webkit-transform:rotate(270deg) scale(1.2);transform:rotate(270deg) scale(1.2)}87%{-webkit-transform:rotate(315deg) scale(1);transform:rotate(315deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}}@keyframes sun{0%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0deg) scale(1.2)}12%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}25%{-webkit-transform:rotate(90deg) scale(1.2);transform:rotate(90deg) scale(1.2)}37%{-webkit-transform:rotate(135deg) scale(1);transform:rotate(135deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}62%{-webkit-transform:rotate(225deg) scale(1);transform:rotate(225deg) scale(1)}75%{-webkit-transform:rotate(270deg) scale(1.2);transform:rotate(270deg) scale(1.2)}87%{-webkit-transform:rotate(315deg) scale(1);transform:rotate(315deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}}.co2 .grid--elem{max-width:35rem}@media only screen and (max-width:1200px){.co2 .grid--elem{width:100%}}.co2 .value span{color:#6ada87!important;color:var(--main-color)!important}.heatpump .value span{margin-bottom:0!important}.heatpump .value span:after,.heatpump .value span:before{content:"";display:block;position:absolute;width:10px;border-radius:10px;top:0;bottom:0;-webkit-animation:none;animation:none}.heatpump .value span:before{left:-2rem;background-color:#1f61c4}.heatpump .value span:after{right:-2rem;background-color:#e23e3e;-webkit-animation-delay:.8s;animation-delay:.8s}.heatpump.active .value span:after,.heatpump.active .value span:before{-webkit-animation:blink .8s linear infinite alternate;animation:blink .8s linear infinite alternate}.woodchipboiler .wcbsvg{position:absolute;bottom:1.25rem;left:1.25rem;height:28px;width:28px;fill:#f2f2f2;fill:var(--gear-color)}.woodchipboiler .wcbsvg.active{fill:#6ada87;fill:var(--status-ok)}.woodchipboiler .wcbsvg.active .gear{-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite;-webkit-transform-origin:center;transform-origin:center}.woodchipboiler .wcbsvg .flash{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:center;transform-origin:center}.temperatures .value{opacity:0;-webkit-transition:opacity 1s,-webkit-transform .5s ease;transition:opacity 1s,-webkit-transform .5s ease;transition:opacity 1s,transform .5s ease;transition:opacity 1s,transform .5s ease,-webkit-transform .5s ease}.temperatures .value span{-webkit-transform:translateY(25%);transform:translateY(25%);-webkit-transition:-webkit-transform 1s ease!important;transition:-webkit-transform 1s ease!important;transition:transform 1s ease!important;transition:transform 1s ease,-webkit-transform 1s ease!important}.temperatures .value.show{opacity:1}.temperatures .value.show span{-webkit-transform:translateY(0);transform:translateY(0)}.pools .lighting{position:absolute;bottom:1rem;left:1rem;height:1.5rem;width:1.5rem;fill:#f2f2f2;fill:var(--battery-inactive)}.pools .lighting.activated{fill:#6ada87;fill:var(--status-ok)}.pools .cover{position:absolute;top:.75rem;right:1rem;height:1.75rem;width:1.75rem;fill:#f2f2f2;fill:var(--battery-inactive)}.pools .cover .roof{opacity:.25}.pools .cover.covered .roof{opacity:1;fill:#6ada87;fill:var(--status-ok)}.housekeeping .grid--elem{width:100%;max-width:35rem}.housekeeping .value svg#washing{margin-top:1.5rem;width:5.5rem;fill:#e23e3e;fill:var(--status-critical);-webkit-transition:fill 1s;transition:fill 1s;-webkit-animation:none;animation:none}.housekeeping .value svg#washing.mustwash{fill:#6ada87;fill:var(--status-ok);-webkit-animation:washingblink 2s ease infinite;animation:washingblink 2s ease infinite}.housekeeping .value svg#washing.wash{fill:#6ada87;fill:var(--status-ok);-webkit-animation:none;animation:none}.housekeeping .value svg#washing.canwash{fill:#e2c93e;fill:var(--status-moderate);-webkit-animation:none;animation:none}.housekeeping .value svg#washing.dontwash{fill:#e23e3e;fill:var(--status-critical);-webkit-animation:none;animation:none}@-webkit-keyframes washingblink{0%{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}60%{opacity:1;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}70%{opacity:1;-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}80%{opacity:1;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}to{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes washingblink{0%{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}60%{opacity:1;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}70%{opacity:1;-webkit-transform:scale(1) rotate(-5deg);transform:scale(1) rotate(-5deg)}80%{opacity:1;-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}to{opacity:.8;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}#he__logo{overflow:visible}#he__logo.loading path{stroke-dasharray:5000;stroke-dashoffset:10500;stroke-width:10;fill-opacity:0;-webkit-animation:logo 10s ease-in-out infinite alternate;animation:logo 10s ease-in-out infinite alternate}@-webkit-keyframes logo{to{stroke-dashoffset:0;fill-opacity:1}}@keyframes logo{to{stroke-dashoffset:0;fill-opacity:1}}.spinner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%}.spinner .path{stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}header{position:fixed;top:1.5rem;left:4rem;right:0;height:4rem;box-shadow:0 0 25px -10px rgba(0,0,0,.25);box-shadow:var(--std-shadow);padding:0 2.25rem;display:flex;justify-content:space-between;align-items:center;background:#fff;background:var(--header-bg-color);margin:0 3.75rem;max-width:19rem;border-radius:10px;-webkit-transition:left .5s ease;transition:left .5s ease;z-index:9}header .beta:before{content:"Beta";display:inline-block;padding:3px 7px;background:#66bb6a;color:#fff;border-radius:3px;margin-right:10px;font-size:.5rem;-webkit-transform:translateY(-4px);transform:translateY(-4px);letter-spacing:1px;text-transform:uppercase}header.opened{left:19rem}@media only screen and (max-width:1200px){header{margin:0 3.5rem}}@media only screen and (max-width:900px){header{left:0;top:0;padding:0 1.5rem;margin:0;border-radius:0;max-width:inherit}}header h1{font-size:1.25rem;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:0}header a{color:#151515;color:var(--header-color)}.sidebar__std{position:fixed;top:0;bottom:0;left:0;width:4rem;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;background:#fff;background:var(--sidebar-bg-color);box-shadow:0 0 25px -10px rgba(0,0,0,.25);box-shadow:var(--std-shadow);z-index:1}@media only screen and (max-width:900px){.sidebar__std{display:none;top:inherit;right:0;width:inherit;height:4rem;flex-direction:row}}.sidebar__std>.filter{margin-top:auto}@media only screen and (max-width:900px){.sidebar__std>.filter{margin-top:.75rem;margin-left:auto}}.sidebar__std>.filter+.filter{margin-top:.75rem}.sidebar__std>span{display:block;position:relative;cursor:pointer;height:27px;width:27px;margin:.75rem}.sidebar__std>span a{color:inherit}.sidebar__std>span svg{height:100%;width:100%}.sidebar__std>span svg.small{-webkit-transform:scale(.85) translateZ(0);transform:scale(.85) translateZ(0);-webkit-transform-origin:center;transform-origin:center}.sidebar__std>span:after{opacity:0;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e2e2e2;background-color:var(--accent-7);border-radius:50%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1.25) translateZ(0);transform:scale(1.25) translateZ(0);z-index:-1;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.sidebar__std>span.opened:after,.sidebar__std>span:hover:after{opacity:1;-webkit-transform:scale(1.65) translateZ(0);transform:scale(1.65) translateZ(0)}.sidebar__std>span.opened:after{background-color:#f1f1f1;background-color:var(--accent-4)}.sidebar__std .settings__toggle svg{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.sidebar__std .settings__toggle.opened svg{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.sidebar__ext{opacity:0;visibility:hidden;position:fixed;top:0;bottom:0;left:4rem;background:#fff;background:var(--sidebar-secondary-bg-color);box-shadow:0 0 25px -10px rgba(0,0,0,.25);box-shadow:var(--std-shadow);width:15rem;-webkit-transform:translateX(-15rem);transform:translateX(-15rem);-webkit-transition:visibility 0s .5s,opacity 0s .5s,-webkit-transform .5s ease;transition:visibility 0s .5s,opacity 0s .5s,-webkit-transform .5s ease;transition:transform .5s ease,visibility 0s .5s,opacity 0s .5s;transition:transform .5s ease,visibility 0s .5s,opacity 0s .5s,-webkit-transform .5s ease}.sidebar__ext.opened{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}.settings{cursor:default;position:absolute;bottom:-10px;left:45px;width:300px;height:auto;border-radius:10px;background:#e6e6e6;background:var(--accent-6);box-shadow:0 0 24px 10px rgba(0,0,0,.15);-webkit-animation:fadeInY10and05 .5s ease 0s;animation:fadeInY10and05 .5s ease 0s}@-webkit-keyframes fadeInY10and05{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInY10and05{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.settings ul{list-style:none;display:flex;flex-direction:column}.settings ul li{display:flex;justify-content:space-between;align-items:center;padding:1rem}.toggle-switch-wrapper{display:flex;align-items:center;justify-content:center;margin-left:auto;height:100%;width:48px}.toggle-switch-wrapper .toggle-switch{display:inline-block;height:14px;position:relative;width:32px}.toggle-switch-wrapper .toggle-switch input{display:none}.toggle-switch-wrapper .toggle-switch input:checked+.slider{background-color:#66bb6a}.toggle-switch-wrapper .toggle-switch input:checked+.slider:before{-webkit-transform:translate3d(15px,-50%,0);transform:translate3d(15px,-50%,0)}.toggle-switch-wrapper .slider{background-color:hsla(0,0%,58.8%,.2);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .4s;transition:background-color .4s}.toggle-switch-wrapper .slider:before{content:"";position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);height:17px;width:17px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.toggle-switch-wrapper .slider.round,.toggle-switch-wrapper .slider.round:before{border-radius:4px}.detailed__view{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;display:flex;justify-content:center;align-items:center;opacity:0;-webkit-animation:appear .3s ease forwards;animation:appear .3s ease forwards}.detailed__view .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:-1}.detailed__view .inner{display:flex;flex-direction:column;position:absolute;height:90%;width:90%;min-height:20rem;max-height:48rem;border-radius:10px;background-color:#101010;overflow-y:scroll;opacity:0;-webkit-transform:scale(.9) translateZ(0);transform:scale(.9) translateZ(0);-webkit-animation:appear .75s ease .1s forwards;animation:appear .75s ease .1s forwards}@media only screen and (max-width:600px){.detailed__view .inner{height:80%}}.detailed__view .inner .close{z-index:2;position:fixed;top:0;right:0;display:block;cursor:pointer;font-size:1.6rem;width:45px;height:40px;background-color:#272727;border-radius:0 10px 0 10px;display:flex;justify-content:center;align-items:center;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:background-color .3s,border-radius .3s ease,-webkit-transform .3s ease;transition:background-color .3s,border-radius .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s,border-radius .3s ease;transition:transform .3s ease,background-color .3s,border-radius .3s ease,-webkit-transform .3s ease}.detailed__view .inner .close:hover{-webkit-transform:scale(.9) translateZ(0);transform:scale(.9) translateZ(0);background-color:#222;border-radius:10px}.detailed__view .inner .options{z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem;height:4rem;white-space:nowrap}.detailed__view .inner .options>*{font-size:.8rem;padding:8px 12px;border-radius:5px;background-color:#202020;height:100%;display:flex;justify-content:center;align-items:center}.detailed__view .inner .options>:not(:last-child){margin-right:10px}.detailed__view .inner .options .current{position:relative;z-index:0;overflow:hidden}.detailed__view .inner .options .current .battery__status{z-index:-1;position:absolute;bottom:0;left:0;right:0;opacity:.65;-webkit-transition:height 1.5s ease,background-color 1s;transition:height 1.5s ease,background-color 1s}.detailed__view .inner .options .current .battery__status.ok{background-color:#57d15d;background-color:var(--status-ok-fill)}.detailed__view .inner .options .current .battery__status.moderate{background-color:#f5a42a;background-color:var(--status-moderate-fill)}.detailed__view .inner .options .current .battery__status.critical{background-color:#f13232;background-color:var(--status-critical-fill)}.detailed__view .inner .options .refetch,.detailed__view .inner .options .view{z-index:1;cursor:pointer;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:background-color .3s,-webkit-transform .3s ease;transition:background-color .3s,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s;transition:transform .3s ease,background-color .3s,-webkit-transform .3s ease}@media (hover:hover){.detailed__view .inner .options .refetch:hover,.detailed__view .inner .options .view:hover{-webkit-transform:scale(.96) translateZ(0);transform:scale(.96) translateZ(0);background-color:#171717}}@media (hover:none){.detailed__view .inner .options .refetch:hover,.detailed__view .inner .options .view:hover{background-color:#252525}}@media only screen and (max-width:600px){.detailed__view .inner .options{position:fixed;bottom:0;left:0;right:0;justify-content:center;background:#151515;border-radius:0 0 10px 10px}.detailed__view .inner .options>:nth-last-child(2){margin-right:0}.detailed__view .inner .options .refetch{position:fixed;top:0;left:0;border-radius:10px 0 10px 0;width:45px;height:40px;background-color:#272727}}.detailed__view .inner .name{padding:0 2rem .75rem;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width:600px){.detailed__view .inner .name{padding:1.75rem 3.5rem .75rem;line-height:1}}.detailed__view .inner .param{list-style:none;text-align:center;margin-bottom:2.5%}.detailed__view .inner .param li{cursor:pointer;display:inline-block;padding:.5rem 1.5rem;border-radius:3px;margin:0 .5rem;background-color:#202020;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:background-color .3s,-webkit-transform .275s ease;transition:background-color .3s,-webkit-transform .275s ease;transition:transform .275s ease,background-color .3s;transition:transform .275s ease,background-color .3s,-webkit-transform .275s ease}.detailed__view .inner .param li.checked,.detailed__view .inner .param li:hover{background-color:#171717;-webkit-transform:scale(.97) translateZ(0);transform:scale(.97) translateZ(0)}@media only screen and (max-width:600px){.detailed__view .inner .param li{margin:.25rem;font-size:.85rem;padding:.4rem 1rem}}.detailed__view .inner .graph__wrapper{position:relative;flex:1 0 auto;display:flex;align-items:flex-end;z-index:-1;overflow:hidden}@media only screen and (max-width:600px){.detailed__view .inner .graph__wrapper{margin-bottom:4rem}.detailed__view .inner .graph__wrapper .graph{max-height:15rem;top:inherit;-webkit-transform:scale(1.025) translateZ(0);transform:scale(1.025) translateZ(0)}}@media only screen and (max-width:600px){.co2 .detailed__view .options{height:0;padding:0}.co2 .detailed__view .graph__wrapper{margin-bottom:0}}@-webkit-keyframes appear{to{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}@keyframes appear{to{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}}.graph{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.graph .tooltip .value{padding:10px;border-radius:3px;background-color:rgba(25,25,25,.9);text-align:center;margin-bottom:5px}.graph .tooltip .datetime{text-align:center;font-weight:300;font-size:.8rem;border-radius:3px;padding:7px;background-color:rgba(15,15,15,.5)}.time__picker{position:absolute;top:1.05rem;right:3.5rem;white-space:nowrap}.time__picker li{font-size:.8rem;cursor:pointer;list-style:none;display:inline-block;margin:0 .35rem;padding:.5rem 1rem;border-radius:5px;background-color:#353535;-webkit-transition:-webkit-filter .35s;transition:-webkit-filter .35s;transition:filter .35s;transition:filter .35s,-webkit-filter .35s}.time__picker li.active,.time__picker li:hover{-webkit-filter:brightness(.75);filter:brightness(.75)}.time__picker li.active{cursor:default}.recharts-bar-rectangle .recharts-rectangle{-webkit-transition:fill .5s;transition:fill .5s}.recharts-text{-webkit-transform:translateY(7px);transform:translateY(7px);font-size:.825rem;fill:#aaa}.screen{position:fixed;top:0;left:0;right:0;bottom:0;padding:0;width:inherit}.screen .screen__content{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(auto,33.3%));padding:1% 2%}.screen .grid{display:grid;grid-template-columns:auto;grid-template-rows:auto;margin:0;height:100%;width:100%;grid-gap:1vw;gap:1vw;padding:1vw}.screen .grid.soc .grid--elem .value span{font-size:3.5vw!important}.screen .grid.bhkw{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 1.25fr}.screen .grid.bhkw .glock .value span{font-size:2.75vw!important}.screen .grid.bhkw .glock .bhkwsvg{height:75%;width:100%;min-height:inherit;min-width:inherit}.screen .grid.bhkw .dachs .value{top:55%}.screen .grid.bhkw .dachs .value span{font-size:2vw!important}.screen .grid.bhkw .dachs span.name{padding:5% 25% 5% 5%}.screen .grid.bhkw .dachs .unit{bottom:6%;right:6%}.screen .grid.bhkw .dachs .bhkwsvg{bottom:0;left:0;margin:5%;width:1.1vw;height:1.1vw}.screen .grid.photovoltaik{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.screen .grid.photovoltaik .pv-total .value span{font-size:3.5vw!important}.screen .grid.chargingstation,.screen .grid.heat{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.screen .grid .grid--elem{max-width:inherit!important;min-width:inherit!important;max-height:inherit!important;min-height:inherit!important;margin:0;padding:0;display:inline-flex;overflow:hidden;border-radius:.35vw;border:1px solid #303030}.screen .grid .grid--elem:not(.loading){-webkit-animation:fadeInScale025and1 1s ease 0s;animation:fadeInScale025and1 1s ease 0s}@-webkit-keyframes fadeInScale025and1{0%{opacity:0;-webkit-transform:scale(.25);transform:scale(.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale025and1{0%{opacity:0;-webkit-transform:scale(.25);transform:scale(.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.screen .grid .grid--elem .value span{font-size:2.25vw!important;margin-bottom:0!important}.screen .grid .grid--elem span.name{font-size:.7vw!important;padding:.75vw 25% .75vw .75vw;-webkit-transform:translateZ(0);transform:translateZ(0)}.screen .grid .grid--elem .info{top:0;right:0;margin:.75vw;width:.9vw;height:.9vw;border-radius:999px;border:1px solid;font-size:.55vw!important}.screen .grid .grid--elem .unit{bottom:.75vw;right:.75vw;font-size:.65vw!important}.screen .grid .grid--elem .wcbsvg,.screen .grid .grid--elem svg.status{bottom:0;left:0;margin:.75vw;width:1.25vw;height:1.25vw}.screen .housekeeping svg#washing{width:4vw;margin-top:10%}.screen .pools .lighting{height:1.25vw;width:1.25vw;bottom:.75vw;left:.75vw}.screen .pools .cover{height:1.5vw;width:1.5vw;top:.55vw;right:.75vw}.screen .multi{display:grid;grid-gap:1vw;gap:1vw;padding:1vw;grid-template-columns:1fr 1fr}.screen .multi>.grid{padding:0;overflow:visible}.screen .custom{grid-template-rows:1fr 1fr}.screen .custom .pools{grid-area:1/1/3/2}
/*# sourceMappingURL=main.d40d3c98.chunk.css.map */