*{box-sizing:border-box}body{width:calc(90% - 16px);margin-left:calc(5% + 8px);margin-right:calc(5% + 8px);font-family:Arial;background:#f1f1f1}@font-face{font-family:Quicksand;src:url(/assets/quicksand-DE2wFU7n.ttf) format("truetype");font-weight:400;font-style:normal}.quicksand-txt{font-family:Quicksand,serif;font-optical-sizing:auto}.warning-span{font-variation-settings:"FILL" 1;font-size:20px!important;vertical-align:text-top;color:red}.settings-span{display:inline-block;font-variation-settings:"wght" 200,"GRAD" 40,"opsz" 35;transform:rotate(30deg);transition:transform .75s ease-in-out;font-size:40px!important;vertical-align:text-top}.settings-span:hover{transform:rotate(360deg)}.menu-span{display:inline-block;transition:transform .5s ease;font-variation-settings:"wght" 400,"GRAD" 100;transition:transform .75s ease-in-out;font-size:40px!important;vertical-align:text-top}.tooltip{position:absolute;display:flex;border-bottom:2px solid black}.tooltip .tooltiptext{visibility:hidden;top:120%;right:0;max-width:200px;font-size:12px;background-color:#e4e2e2;color:#000;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.navGrid{display:grid;margin-top:8px;margin-bottom:8px;column-gap:30px;grid-template-columns:5fr 1fr .25fr;grid-template-rows:70px}.navGrid>div{display:inline-flex;flex-direction:row;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;padding:20px;height:100%;width:fit-content;text-align:center;justify-content:start;align-items:center}.navigation>h1{font-size:30px}.navigation>ul{display:flex;gap:17px;list-style-type:none}.navigation>ul>li{padding:15px;border-radius:8px;border:none}.navigation>ul>li>a{color:#000;text-decoration:none;font-size:20px}.navigation>ul>li:hover{background-color:#d8d8d8}select{flex-grow:1;padding:12px;background-color:#eae8e8;border-radius:8px;font-size:16px}.navSettings>span{padding:10px;border-radius:8px}.navSettings>span:hover{cursor:pointer}.titlecol{background-color:#fff;padding-bottom:4px;padding-top:4px;box-shadow:0 2px 4px #0000001a;border-radius:8px;justify-content:center;align-items:center}.titlecol h2{display:block;text-align:center;text-decoration:none;font-size:40px;margin:15px}.titlecol p{display:block;text-align:center;text-decoration:none;font-size:20px;margin:15px}.leftbcolumn{width:5%;margin-left:calc(-5% - 8px);height:min(90vh,600px)}.gcolumn{position:relative;opacity:0;transform:scale(.95);transition:opacity .5s ease,transform .5s ease;height:600px;background-color:#fff;margin:8px;width:100%;box-shadow:0 2px 4px #0000001a;border-radius:8px}.show{opacity:1;transform:scale(1)}#graphContainer *{cursor:default!important}.rightbcolumn{float:left;width:5%;margin-right:calc(-5% - 8px);height:min(90vh,600px)}.navbutton{display:flex;align-items:center;justify-content:center}.button{display:inline-block;padding:15px 25px;font-size:24px;cursor:pointer;text-align:center;text-decoration:none;outline:none;color:#8a8a8a;background-color:#fff;border:none;border-radius:15px;box-shadow:0 3px #999}.button:hover{background-color:#cacaca}.button:active{background-color:0428aa;box-shadow:0 3px #b8b8b8;transform:translateY(1px)}.button:disabled{opacity:.6;pointer-events:none}.row:after{content:"";display:table;clear:both}.footer{background-color:#fff;margin-bottom:8px;padding-top:1px;padding-bottom:1px;text-align:center;box-shadow:0 2px 4px #0000001a;border-radius:8px;justify-content:center;align-items:center}.blockGrid{display:grid;margin-bottom:8px;column-gap:30px;row-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:180px;grid-auto-rows:180px;grid-auto-flow:row}.blockGrid>div{opacity:0;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;padding:10px;height:180px;width:100%;text-align:center;justify-content:center;align-items:center}.static{transform:scale(.95);animation:easeIn 1s ease forwards}@keyframes easeIn{to{opacity:1;transform:scale(1)}}.gridDynamicItem{grid-column:span 1;grid-row:span 1;transform:scale(.95);transition:opacity .6s ease,transform .3s ease}.gridDynamicItem.show{opacity:1;transform:scale(1)}.gridDynamicItem>p{margin:3px}.gridDynamicItem>.title{font-size:18px;margin:3px}.appliance{display:flex;flex-direction:column;text-align:center}.appliance>.new{font-size:20px;margin:0}.appliance>p{font-size:16px;margin:5px}.appliance>button{background-color:#3d48bf;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;border-radius:8px}.appliance>button:hover,.appliance>button:focus{background-color:#2a8dff;text-decoration:none;cursor:pointer}.appliance>button:disabled{opacity:.6;pointer-events:none}.modal{visibility:hidden;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:30%;border-radius:16px}.modal-content.show{opacity:1;transform:scale(1);visibility:visible}.graphSelector{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:5px;z-index:1;background-color:transparent}.selectGraphButton{padding:10px 20px;border:none;background-color:#55f;color:#fff;font-size:16px;cursor:pointer;transition:padding .1s ease}.unSelectedGraphType{padding:8px 20px}.selectGraphButton:hover{background-color:#2d2dff}.noHover{pointer-events:none;opacity:.5}.left-select-button{border-top-left-radius:25px;border-bottom-left-radius:25px}.right-select-button{border-top-right-radius:25px;border-bottom-right-radius:25px}.addApplianceButton{background-color:#3d48bf;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;border-radius:8px}.addApplianceButton:hover,.addApplianceButton:focus{background-color:#2a8dff;text-decoration:none;cursor:pointer}.addApplianceButton:disabled{opacity:.6;pointer-events:none}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.titlecol p{display:block;text-align:center;text-decoration:none;font-size:20px}#cookies-eu-banner{background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;padding:6px;margin-top:8px;margin-bottom:8px;font-size:13px;text-align:center}#cookies-eu-more,#cookies-eu-accept,#cookies-eu-reject{text-decoration:none;background-color:#fff;color:#000;border:1px solid #000;cursor:pointer;padding:4px 7px;margin:2px 0;font-size:13px;font-weight:700;transition:background .07s,color .07s,border-color .07s}#cookies-eu-more:hover,#cookies-eu-more:focus,#cookies-eu-accept:hover,#cookies-eu-accept:focus{background:#fff;color:#222}#cookies-eu-more{margin-left:7px}#cookies-eu-reject{background:none;font-weight:400;color:#000;cursor:pointer;padding:4px 7px;margin:2px 0;border:1px solid #666}#cookies-eu-reject:hover,#cookies-eu-reject:focus{border-color:#fff;background:#222;color:#fff}.faq{display:flex;flex-direction:column;overflow:hidden;background-color:#fff;margin:auto auto 8px;box-shadow:0 2px 4px #0000001a;border-radius:8px}.faq-heading{font-weight:400;font-size:17px;text-indent:20px;color:#333}.faq-text{font-weight:400;color:#000;width:95%;padding-left:20px;margin-bottom:20px}.faq label{display:block;position:relative;overflow:hidden;cursor:pointer;height:56px;padding-top:1px;background-color:#fafafa;border-bottom:1px solid #E1E1E1}.faq input[type=checkbox]{display:none}.faq .faq-arrow{width:5px;height:5px;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;border-top:2px solid rgba(0,0,0,.33);border-right:2px solid rgba(0,0,0,.33);float:right;position:relative;top:-30px;right:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.faq input[type=checkbox]:checked+label>.faq-arrow{transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.faq input[type=checkbox]:checked+label{display:block;background:#fff!important;color:#4f7351;height:200px;transition:height .8s}.faq input[type=checkbox]:not(:checked)+label{display:block;transition:height .8s;height:55px}.floatingControls{display:none;visibility:hidden}::-webkit-scrollbar{display:none}@media (max-width: 1100px){html,body{width:100%;padding-left:8px;padding-right:8px;overflow-x:clip;margin:0;font-family:Arial;background:#f1f1f1}.hc{display:none!important}.sc{display:block!important}.gh{height:400px!important}.mc{margin-left:0!important;margin-right:0!important}.floatingControls{display:inline-flex;flex-direction:column;visibility:visible;position:fixed;row-gap:10px;justify-content:center;align-items:center;opacity:95%;bottom:25px;right:25px;padding:15px;background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 10px #00000026;z-index:1}.graphSelector{position:static;display:flex;gap:5px;background-color:transparent;z-index:2}.navGrid{display:grid;margin-top:8px;margin-bottom:8px;column-gap:30px;grid-template-columns:5fr .25fr;grid-template-rows:60px}.navigation>h1{font-size:25px}.titlecol h2{font-size:30px}.blockGrid{display:grid;margin-bottom:8px;column-gap:10px;row-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:180px 180px;grid-auto-rows:225px;grid-auto-flow:row}.gridHeight{height:225px!important}.eqcolumn{width:48%!important}.modalSmall{width:75%!important}.sms{width:60%!important;margin-left:auto!important}.sml{width:35%!important;margin-left:0%!important}.ts{font-size:16px!important}}
