@font-face{font-family:RacingSansOne;src:url(/assets/RacingSansOne-Regular-B4zN5qT6.ttf) format("truetype");font-weight:400;font-style:italic}:root{font-family:RacingSansOne,sans-serif;font-size:1rem;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--textColor);background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-style:italic;font-weight:600}.racing-sans-one-regular{font-family:Racing Sans One,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:inherit}body{margin:0}@media(prefers-color-scheme:light){:root{--base-color: #fcf8f2;--backgroundColorHeader: hsl(from #ffff00 h s calc(l + 30) );--backgroundColorGround: hsl(from #5d7d5a h s calc(l + 30) );--backgroundColorSky: hsl(from #279be8 h s calc(l + 30) );--lightBorderColor: hsl(from var(--base-color) h s calc(l + 15) );--lighterBorderColor: hsl(from var(--base-color) h s calc(l + 20) );--lightBackgroundColor: hsl(from var(--base-color) h s calc(l + 3) );--backgroundColor: hsl(from var(--base-color) h calc(s - 1) calc(l + 1) );--backgroundColorLight: hsl(from var(--base-color) h calc(s - 1) calc(l + 5) );--backgroundColorVeryLight: hsl(from var(--base-color) h calc(s - 1) calc(l + 10) );--backgroundColorSemiDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 5) );--backgroundColorDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 10) );--borderColorSemiDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 20) );--borderColorDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 40) );--borderColorLight: hsl(from var(--base-color) h calc(s - 1) calc(l - 10) );--textColor: hsl(from var(--base-color) h s calc(l - 70) );--normalColor: hsl(from var(--base-color) h calc(s - 50) calc(l - 40) )}}@media(prefers-color-scheme:dark){:root{--base-color: #fcf8f2;--backgroundColorHeader: hsl(from #ffff00 h s calc(l + 30) );--backgroundColorGround: hsl(from #5d7d5a h s calc(l + 30) );--backgroundColorSky: hsl(from #279be8 h s calc(l + 30) );--lightBorderColor: hsl(from var(--base-color) h s calc(l + 15) );--lighterBorderColor: hsl(from var(--base-color) h s calc(l + 20) );--lightBackgroundColor: hsl(from var(--base-color) h s calc(l + 3) );--backgroundColor: hsl(from var(--base-color) h calc(s - 1) calc(l + 1) );--backgroundColorLight: hsl(from var(--base-color) h calc(s - 1) calc(l + 5) );--backgroundColorVeryLight: hsl(from var(--base-color) h calc(s - 1) calc(l + 10) );--backgroundColorSemiDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 5) );--backgroundColorDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 10) );--borderColorSemiDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 20) );--borderColorDark: hsl(from var(--base-color) h calc(s - 1) calc(l - 40) );--borderColorLight: hsl(from var(--base-color) h calc(s - 1) calc(l - 10) );--textColor: hsl(from var(--base-color) h s calc(l - 70) );--normalColor: hsl(from var(--base-color) h calc(s - 50) calc(l - 40) )}}.room{border:2px solid var(--borderColorDark);padding:.5rem;margin:.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center}.room .title{width:100%}.measurement-list.full{width:100%;padding:0;margin:0;line-height:.6rem}.weather-overview{width:100%;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:start;align-items:center}.weather-overview .left{display:flex;flex-wrap:wrap;justify-content:start;align-content:start;align-items:center}.surface{height:12px;--size: 7px;--m: .5;--p: calc(var(--m)*var(--size));--R: calc(var(--size)*sqrt(var(--m)*var(--m) + 1));mask-border:1px solid var(--lightBorderColor);mask:radial-gradient(var(--R) at left 50% bottom calc(var(--size) + var(--p)),#000 99%,#0000 101%) calc(50% - 2 * var(--size)) 0/calc(4 * var(--size)) 100%,radial-gradient(var(--R) at left 50% bottom calc(-1 * var(--p)),#0000 99%,#000 101%) left 50% bottom var(--size) / calc(4 * var(--size)) 100% repeat-x}.flex-elem,.outside .line .measurement-bar,.outside .line,.outside,.measurement-comparison .line .measurement-bar,.measurement-comparison .line,.measurement-comparison,.multi-select,.measurement,.house-header .left,.house-header,.floor.kellari,.floor.alakerta,.floor.ylakerta,.house-body,.roof{position:relative;display:flex;flex-wrap:nowrap;justify-content:start;align-content:center;align-items:center;margin:0rem;padding:.2rem}.home{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;align-items:flex-end;text-align:center;background-color:#ccdae3}.panel_1_1{width:100%;max-width:60vh}.panel_1_1.wide{max-width:none}.roof{flex-wrap:wrap;justify-content:center;width:100%;max-width:60vh}.roof.wide{max-width:none}.roof{height:18vh;margin:0;padding:0;border:0;background-color:var(--backgroundColorSky);position:relative;fill:transparent}.house-body{background-color:var(--backgroundColorSemiDark);width:90%;margin:auto;flex-wrap:wrap;justify-content:center;min-height:25vh;height:60vh;font-weight:700;border-bottom:4px solid var(--borderColorSemiDark);border-left:4px solid var(--borderColorSemiDark);border-right:4px solid var(--borderColorSemiDark);padding:.5rem}.ground-body{background-color:var(--backgroundColorGround);height:22vh;width:100%}.top-left-body,.top-right-body{background-color:var(--backgroundColorSky);height:18vh;width:calc((100% - 60.1vh)/2);flex:0 1 auto}.left-body,.right-body{background-color:var(--backgroundColorSky);height:60vh;width:calc((100% - 60vh)/2);flex:0 1 auto}@media only screen and (max-width:60vh){.left-body,.right-body,.top-left-body,.top-right-body{display:none}}.roof-body{position:absolute;bottom:0}.floor{padding:.5rem;margin:.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center}.floor.ylakerta{width:100%;flex-wrap:wrap;justify-content:center;height:7.5vh;margin-bottom:.5vh;border-bottom:3px solid var(--borderColorSemiDark)}.floor.ylakerta>div{margin:.5rem}.floor.ylakerta{height:30%}.floor.alakerta{flex-wrap:wrap;justify-content:center;width:100%;height:8.5vh;margin-bottom:.5vh;border-bottom:3px solid var(--borderColorSemiDark)}.floor.alakerta>div{margin:.5rem}.floor.alakerta{height:40%}.floor.kellari{flex-wrap:wrap;justify-content:center;width:100%;height:8vh}.floor.kellari>div{margin:.5rem}.floor.kellari{height:30%}.boiler{background-color:transparent;border-radius:999em;width:5rem;height:7.5rem;overflow:hidden;position:relative;border:1px solid var(--borderColorDark)}.heating-lines>div{margin-top:.2rem;margin-bottom:.3rem}.heating-lines{width:100%;display:block}.heat-pump{border:1px solid var(--borderColorDark);border-radius:6px;background-color:var(--backgroundColorDark);width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:flex-start;padding:.2rem}.NewMeasurement{display:flex;align-content:start;padding-left:3px;padding-right:3px;border-radius:6px;background-color:var(--lightBackgroundColor);border:1px solid #aaa;border-left-width:2px;border-bottom-width:2px;border-left-color:#777;border-bottom-color:#777}.row{display:flex;justify-content:space-around;align-items:center;align-content:center;width:100%}.flex-elem2,.list-elem,.line-elem>div,.line-elem{position:relative;display:flex;align-items:center}.atom-elem{text-align:left;margin:0;padding:0}.line-elem{flex:1 0 auto;flex-wrap:nowrap;justify-content:space-between}.line-elem>div{flex:0 1 auto;justify-content:start;align-content:center;margin:.1rem;padding:.1rem}.line-elem>div:first-child{flex:0 0 40%}.list-elem{flex-wrap:wrap;justify-content:start;align-content:start}.list-elem>div{width:100%}.floors{width:100%;height:100%}.floors.wide{width:33%}.rooms{width:100%}.rooms.wide{width:33%}.panel_1_2{width:50%;max-width:220px}.panel_1_33{width:33%;flex:0 1 auto}.panel_1_33>div{margin-top:.5rem;margin-bottom:.5rem}.panel_min{flex:0 1 auto;flex-wrap:wrap}.panel_min>div{margin-top:.5rem;margin-bottom:.5rem}.house-header{padding-top:1rem;padding-right:1rem;width:100%;height:6vh;justify-content:space-between}.measurement{border:.1rem solid var(--borderColorSemiDark);border-left:.5rem solid var(--borderColorSemiDark);border-radius:6px}.measurement .unit{padding-left:.2rem}.measurement .value{padding-left:.1rem;font-weight:700}.measurement .status{width:.5rem}.measurement .fault{padding-left:.2rem;padding-right:.2rem;background-color:#f0f;color:#fff;border-radius:.2rem}.multi-select{justify-content:center;font-weight:bolder}.multi-select .multi-select-button{padding:3px;margin:3px;border-radius:3px;border:1px solid var(--borderColorDark);background-color:transparent;cursor:pointer}.multi-select .multi-select-button.selected{background-color:var(--backgroundColorDark)}.house{width:100%}.house.wide{width:33%}.house{height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:flex-start}.house .power{height:10%;width:100%;display:flex;justify-content:center;align-content:center;align-items:center}.house .info{height:50%;width:100%;display:flex;justify-content:center;align-content:center;align-items:center}.house .heating{height:40%;width:100%;display:flex;justify-content:center;align-content:center;align-items:center}.measurement-comparison{border:2px solid var(--borderColorDark);width:100%;flex-wrap:wrap;row-gap:0;padding:.5rem}.measurement-comparison .title{width:100%;text-align:center;font-weight:bolder}.measurement-comparison .line{flex:100%;text-align:left}.measurement-comparison .line .name{flex:0 0 60%;text-align:left}.measurement-comparison .line .measurement-bar{flex:0 0 100%;flex-wrap:nowrap}.outside{width:50%;flex-wrap:wrap;justify-content:start;align-content:start;align-items:start;row-gap:0}.outside .title{width:100%;text-align:center;font-weight:bolder}.outside .line{flex:100%;text-align:left}.outside .line .name{flex:0 0 60%;text-align:left}.outside .line .measurement-bar{flex:0 0 100%}