@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){body,html{-webkit-touch-callout:none;background-color:#000;background-color:var(--colorBlack);position:fixed;-webkit-user-select:none;user-select:none}}@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5){body,html{-webkit-touch-callout:none;background-color:#000;background-color:var(--colorBlack);position:fixed;-webkit-user-select:none;user-select:none}}:root{--colorDarkGray:#4b5259;--colorBlue:#142c68;--colorGreen:#228b22;--colorOrange:#b06b03;--colorYellow:#ff0;--colorRed:#b00303;--colorLightBlue:#39f;--colorBlack:#000;--colorWhite:#fff;--widgetBackgroundColor:var(--colorBlue);max-width:1024px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;flex-direction:column;flex-wrap:wrap;height:730px;justify-content:left;max-height:730px;max-width:1024px;overflow:hidden;width:1024px}.lightbox{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.lightboxContent{background-color:#000;height:inherit;padding:1rem;width:inherit}.widget{align-items:center;color:#fff;display:flex;justify-content:center;margin:5px;width:330px}.camImage{border:2px solid #142c68;border:2px solid var(--widgetBackgroundColor);object-fit:fill}.camLiveView{background-color:#000;background-color:var(--colorBlack);border:0;display:block;height:100%;overflow:hidden;width:845px}.camImageInv{filter:gray;filter:grayscale(1);opacity:.3}.cam{background-color:#4b5259;background-color:var(--colorDarkGray);height:172px}.camFullScreen{height:100%;width:100%}.camFullScreen .overlay{color:#000;line-height:50px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:50px;z-index:1000}.camFullScreen img{height:100%;object-fit:contain;width:100%}.camFullScreen .overlay.left{left:15px}.camFullScreen .overlay.right{right:15px}.forecastFrame{align-content:flex-start;align-items:center;display:flex;flex-wrap:nowrap;height:145px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%}.forecast{border-right:1px solid #000;height:120px;padding-left:11px;padding-right:11px;text-align:center}.forecast.night{color:#aaa}.energydiagram{background-color:#142c68;background-color:var(--widgetBackgroundColor);height:330px;position:relative}.energyLineHomeToGrid{fill:"red";stroke:"red";left:100px;position:absolute;top:150px;width:120px;z-index:2}.energyLinePVToLoad{left:51px;transform:rotate(-45deg)}.energyLinePVToGrid,.energyLinePVToLoad{position:absolute;top:85px;width:80px;z-index:2}.energyLinePVToGrid{left:199px;transform:rotate(225deg)}.circlePV{align-items:center;background-color:#ff0;background-color:var(--colorYellow);border-radius:50%;color:#000;color:var(--colorBlack);display:flex;flex-direction:column;font-size:1.25em;font-weight:500;height:100px;justify-content:center;left:115px;position:absolute;text-align:center;top:10px;width:100px;z-index:1}.circleLoad{background-color:#228b22;background-color:var(--colorGreen);left:10px}.circleGrid,.circleLoad{align-items:center;border-radius:50%;color:#fff;color:var(--colorWhite);display:flex;flex-direction:column;font-size:1.25em;font-weight:500;height:100px;justify-content:center;position:absolute;text-align:center;top:130px;width:100px;z-index:1}.circleGrid{background-color:#b06b03;background-color:var(--colorOrange);left:220px}.productionBar{top:260px;width:80%}.consumptionBar,.productionBar{font-size:.9em;height:20px;left:10px;max-height:20px;overflow:hidden;padding-left:5px;position:absolute}.consumptionBar{top:285px;width:100%}.energyUpdate{left:10px;position:absolute;top:295px}.weatherForecast{align-items:center;display:flex;flex-direction:column;height:330px}.forecastRow{height:50px;width:100%}.forecastColumn,.forecastRow{display:flex;justify-content:center}.forecastColumn{align-items:center;background-color:#142c68;background-color:var(--widgetBackgroundColor);border:2px solid #000;color:#fff;font-size:1.2em}.forecastColumn:first-child{flex:1 1}.forecastColumn:nth-child(2),.forecastColumn:nth-child(5),.forecastColumn:nth-child(6){width:40px}.forecastColumn:nth-child(3){width:90px}.forecastColumn:nth-child(4){width:75px}.forecastColumn>img{height:25px;width:25px}.radar{height:330px;overflow:hidden;width:330px}.radar,.radarLoading{align-items:center;display:flex;justify-content:center}.radarFrame{height:330px;pointer-events:none;position:relative;width:330px}.radarFrame iframe{transform:scale(1.13)}.radarFrame iframe,.sunFrame iframe{background:#0000;pointer-events:none}.forecastFrame{height:330px;position:relative;width:330px}.forecastFrame iframe{background:#0000;pointer-events:none}.weather{height:720px}.energy,.weather{align-items:stretch;background:#0000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.energy{background-color:red;height:330px}.weather>.info{align-items:center;background-color:#142c68;background-color:var(--widgetBackgroundColor);border:2px solid #000;display:flex;flex-direction:column;height:144px;justify-content:center;text-align:center;width:50%}.defaultIconSize{height:35px;width:35px}.homediagram{align-items:center;background-color:#142c68;background-color:var(--widgetBackgroundColor);border:2px solid #000;display:flex;flex-basis:content;flex-direction:column;justify-content:center;position:relative;text-align:center;width:100%}.pfLoad{color:#fff;font-size:.8em;left:59px;max-width:40px;position:absolute;top:200px;width:40px}.pfSummary{font-size:.8rem}.pfPV{color:#000;font-size:1.2em;font-weight:700;left:86px;max-width:104px;text-align:center;top:50px;width:104px}.pfGrid,.pfPV{position:absolute}.pfGrid{color:#fff;font-size:.8em;left:188px;max-width:40px;top:200px;width:40px}.pfProduction{left:4px;max-width:63px;top:303px;width:63px}.pfConsumptie{left:75px}.pfConsumptie,.pfZelfconsumptie{color:#000;font-size:.8em;max-width:63px;position:absolute;top:303px;width:63px}.pfZelfconsumptie{left:137px}.pfTeruggeleverd{left:195px}.pfIngekocht,.pfTeruggeleverd{color:#000;font-size:.8em;max-width:63px;position:absolute;top:303px;width:63px}.pfIngekocht{left:255px}.barProduction{top:262px}.barConsumption,.barProduction{color:#000;font-size:.7em;height:32px;left:0;max-width:100%;position:absolute;width:100%}.barConsumption{top:294px}.barToHome{background-color:#48eb98}.barToGrid,.barToHome{float:left;height:100%;max-width:100%;width:50%}.barToGrid{background-color:#01b0c1}.barFromSolar{background-color:#87adfe}.barFromGrid,.barFromSolar{float:left;height:100%;max-width:100%;width:50%}.barFromGrid{background-color:#fba66f}.pfProduction{top:70px}.pfConsumption,.pfProduction{color:#000;font-size:.8em;left:242px;max-width:80px;position:absolute;width:80px}.pfConsumption{top:110px}.pfIsExporting{color:#03d862;font-size:.8em;left:226px;max-width:63px;position:absolute;top:216px;width:63px}.spinning{animation:App-logo-spin 1s linear infinite}.spinFor10sec{animation:App-logo-spin 10s linear 1 forwards}.pfExportingWarning{color:orange;font-size:.8em;left:241px;max-width:80px;position:absolute;top:18px;width:80px}.blinking,.pfExportingWarning{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.pfIsImporting{color:#03d862;font-size:.8em;left:141px;max-width:63px;position:absolute;top:216px;width:63px}.homediagram>img{width:100%}.weather .value{font-size:1.8em;margin-top:5px}.icon{float:left;margin-right:5px}.statusbar{align-items:center;background-color:#142c68;background-color:var(--widgetBackgroundColor);border:2px solid #000;display:flex;flex-direction:column;flex-wrap:wrap;height:40px;justify-content:center}.statusbarIcon{color:red;height:25px;margin-top:7px;width:25px}.chartWidget{align-items:stretch;background-color:#000;color:gray;display:flex;flex-direction:column;text-align:right}.chart{flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:wrap;width:100%}.shelly{align-items:center;display:flex;flex:1 1;flex-direction:row;height:100%;justify-content:center;text-align:center}.shelly.on{background-color:green}.shelly.off{background-color:rgba(255,0,0,.603)}#notificationPlayer{display:none}.messagesDialog,.weatherDialogFrame{height:100%;width:100%}.messagesDialog{color:#fff;color:var(--colorWhite);font-size:.7rem}.messageTable{border:1px solid #ccc;border-collapse:collapse;float:left;font-family:Arial,sans-serif;margin:5px}.messageTable td,.messageTable th{border:1px solid #ccc;padding:8px 12px;text-align:left}.messageTable th{background-color:#b06b03;background-color:var(--colorOrange)}.messageTable tr{background-color:#142c68;background-color:var(--colorBlue)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:404px){body,html{max-width:100vw;overflow-x:hidden;touch-action:manipulation}.widget{width:392px}.container{max-height:none;max-width:402px;width:402px}.cam,.container{height:auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3a86969e.css.map*/