:root{--color-background: light-dark(#b0b8c0, #201F1E);--color-header: light-dark(#374ca0, #1B5E20);--color-header-text: light-dark(#fff, #fff);--color-header-hover: #535353;--color-footer: light-dark(#f1f2f6, #2f3542);--color-primary: light-dark(#0078D4, #0078D4);--color-primary-darkened: light-dark(#0067B5, #0067B5);--color-primary-text: light-dark(#fff, #fff);--color-work-item-background: light-dark(#fff, #252423);--color-border: light-dark(#7f8288, #7f8288);--color-border-focus: var(--color-primary);--color-hover: light-dark(#dadada, #535353);--color-text: light-dark(#201F1E, #fff);--color-text-error: light-dark(#EA2027, #EA2027);--color-io-off: light-dark(#ff4141, #e41f1f);--color-io-on: light-dark(#1eb649, #20981a);--color-io-unknown: light-dark(#000, #000);--color-setting-off: light-dark(#ff4141, #e41f1f);--color-setting-on: light-dark(#1eb649, #20981a);--color-setting-automatic: light-dark(#fff716, #ffff14);--color-setting-automatic-heating-program: light-dark(#8524a2, #8524a2);--color-setting-unknown: light-dark(#000, #000);--color-pipe: light-dark(#000, #666666);--color-buffertank-1: light-dark(#62686e, #666666);--color-buffertank-2: light-dark(#f1f2f6, #0A2132);--color-house-1: light-dark(#62686e, #666666);--color-house-2: light-dark(#f1f2f6, #000);--color-solar-array-base: light-dark(#f1f2f6, #000);--color-solar-array-collector: light-dark(#4284af, #16A085);--color-solar-array-text: light-dark(#000, #fff);--color-temperature-danger: light-dark(#EA2027, #EA2027);--color-temperature-hot: light-dark(#d33800, #EE5A24);--color-temperature-warm: light-dark(#b26b00, #F79F1F);--color-temperature-rising: light-dark(#4f6c00, #A3CB38);--color-temperature-cold: light-dark(#006882, #1289A7);--color-svg-label: light-dark(#fff, #fff)}:root[data-color-scheme=light]{color-scheme:light}:root[data-color-scheme=dark]{color-scheme:dark}button{all:unset;padding-block:.4rem;padding-inline:.6rem;border-radius:.4rem;cursor:pointer}button:hover{background-color:var(--color-hover)}button.primary{background-color:var(--color-primary);color:var(--color-primary-text)}button.primary:hover{background-color:var(--color-primary-darkened)}input:not([type=checkbox]),textarea{all:unset;padding:.2rem;background-color:unset;border-color:var(--color-border);border-style:solid;border-radius:.4rem;border-width:.1rem}:is(input:not([type=checkbox]),textarea):focus{box-shadow:0 0 0 .2rem var(--color-border-focus)}select{font-size:1rem}.form-field{width:fit-content}.form-field label{display:block;margin-block-end:.2rem;font-size:.9rem}.form-field input,.form-field select{display:block;margin-block-end:.6rem}.modal{border-radius:.4rem;border:none;box-shadow:0 4px 10px #0003,0 4px 20px #00000030;padding:0;padding-block-end:1rem;width:30%;min-width:30rem;max-width:50rem}.modal>*{padding:1rem}.modal header{display:flex;background-color:var(--color-header);color:var(--color-header-text);justify-content:space-between;align-items:center}.modal header h2{margin:0}.modal header button{all:unset;display:flex;cursor:pointer;padding:.4rem;border-radius:.4rem}.modal header button:hover{background-color:var(--color-header-hover)}.modal header svg{height:1.2rem}.modal header svg line{stroke:currentColor}.modal::backdrop{opacity:.8;background-color:#000}@media screen and (max-width:60rem){.modal{min-width:unset;width:calc(100% - 2rem);max-width:unset;margin-inline:1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--color-background);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}body{margin:0;min-height:100vh}.temperature-label{font-weight:700}.text-danger{color:var(--color-text-error)}.temperature-danger{color:var(--color-temperature-danger)}.temperature-hot{color:var(--color-temperature-hot)}.temperature-warm{color:var(--color-temperature-warm)}.temperature-rising{color:var(--color-temperature-rising)}.temperature-cold{color:var(--color-temperature-cold)}.landing-page-container{display:flex;flex-direction:column;text-align:center;background-color:var(--color-background);height:100vh;-webkit-user-select:none;user-select:none}.landing-page-container img{width:10em;align-self:center;margin-top:64px}.landing-page-container button{font-weight:700;max-width:50%;min-width:20%;align-self:center}.landing-page-container p{font-size:3em;font-weight:700}.elementComponent .ioStatus{height:.4rem;margin-block-start:.4rem;margin-block-end:1rem;border-radius:.2rem}text{line-height:1.2;pointer-events:none;white-space:normal;word-wrap:normal;font-family:Roboto,sans-serif;font-weight:700;dominant-baseline:middle;-webkit-user-select:none;user-select:none;white-space:nowrap}.temperatuur-label{font-size:56px;fill:var(--color-svg-label)}.temperatuur-label.collector{fill:var(--color-solar-array-text)}.text-danger{fill:var(--color-text-error)}.temperature-danger{fill:var(--color-temperature-danger)}.temperature-hot{fill:var(--color-temperature-hot)}.temperature-warm{fill:var(--color-temperature-warm)}.temperature-rising{fill:var(--color-temperature-rising)}.temperature-cold{fill:var(--color-temperature-cold)}.no-data{fill:#ff0}.clickable{cursor:pointer}.main-svg{margin:2rem 1rem;min-width:1400px}@media(pointer:none),(pointer:coarse){.main-svg{margin:.5rem;min-width:1800px}}#authenticated{flex:1;display:flex;flex-direction:column}#authenticated>header{background-color:var(--color-header);display:flex;align-items:center;justify-content:space-between;padding-inline:1.6rem;height:3.6rem}#authenticated>header .branding{display:flex;align-items:center}#authenticated>header .branding img{width:2.6rem;height:2.6rem}#authenticated>header .branding span{font-weight:700;font-size:1.4rem;margin-inline-start:.8rem;color:var(--color-header-text)}main{padding-inline:1rem;overflow:auto;flex:1}#colorSchemeButton{anchor-name:--button-color-scheme}#colorSchemePopover{position:absolute;position-anchor:--button-color-scheme;position-area:left span-bottom}#colorSchemePopover:popover-open{display:grid}#colorSchemePopover:popover-open .selected{background-color:#d3d3d3;color:#000}#accountMenuButton{all:unset;cursor:pointer;anchor-name:--button-account-menu;display:flex;align-items:center}#accountMenuButton img{height:2.6rem;border-radius:50%}#accountMenuPopover{position:absolute;position-anchor:--button-account-menu;position-area:bottom span-left;width:20rem;border-radius:.4rem}#accountMenuPopover:popover-open .selected{background-color:#d3d3d3;color:#000}.accountDropdownCard{font-size:.9rem}.accountDropdownCard header{display:flex;justify-content:space-between;background-color:unset;height:2rem;align-items:center}.accountDropdownCard header button{padding-inline:.6rem}.accountDropdownCard header span{padding-inline:.6rem;font-size:.8rem}.accountDropdownCard .content{display:flex;padding-block:.6rem}.accountDropdownCard .content img{width:6rem;height:6rem;border-radius:50%;align-self:center;margin-inline:1rem}.accountDropdownCard .content div{align-content:center;overflow:hidden}.accountDropdownCard .content p{margin-inline:0;margin-block:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountDropdownCard .content p.displayName{font-weight:750;font-size:1.2rem}.accountDropdownCard .content a{all:revert}