*{box-sizing:border-box}body{background-color:#212121;color:#fff;margin:0}.app{display:flex;flex-direction:row}.app>.right{width:100%;margin-left:.5rem}.app>.left button{display:block;height:4rem;width:4rem;font-size:2rem;border-radius:0;border:0;margin-bottom:.5rem}.app>.left button.selected{background:#bbb}.plugs{color:#fff;font-size:2rem;margin:.25rem}.dashboard{display:flex;flex-wrap:wrap}.dashboard-stats{width:25rem}.dashboard-grid{width:50rem}.dashboard p{color:#fff;font-size:2rem;margin:.25rem}.dashboard p.small{font-size:1.75rem}.dashboard .sparkline{display:inline-block;width:6rem}.the-grid{display:flex;flex-wrap:wrap}.grid-item{flex-basis:11.1111%;border:1px solid #fff;padding:5px;text-align:center}.dimmer{margin:1rem 0;width:100%;display:flex;flex-direction:row;font-size:1rem}.dimmer button{padding:0;height:3rem;width:3rem}.dimmer>.middle{width:100%}.dimmer>.middle input{margin:auto 0;height:50%;width:100%}.dimmer>.middle .label{position:relative;bottom:0;width:100%;text-align:center}.togglebuttons{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}.togglebuttons .label,.togglebuttons .otherlabel{color:#fff;font-size:1.75rem;margin-left:.5rem}.togglebuttons button{height:3rem;width:3rem;font-size:1rem;border-radius:0;border:4px solid #e9e9ed}.togglebuttons button.active{background:#bbb}.security{color:#fff;font-size:2rem;margin:.25rem;max-width:19rem}.security .row{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:1rem 0}.security .arm,.security .lockbuttons{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.security .arm button,.security .lockbuttons button{height:3rem;width:33%;font-size:1rem;border-radius:0;border:4px solid #e9e9ed}.security .lockbuttons button{width:25%!important}.security .arm button.active,.security .lockbuttons button.active{background:#bbb}.security .lock .lockstate{font-size:1.5rem;margin-left:.5rem}.solar .container{max-width:40rem;margin:0 auto}.solar .panels:after{content:"";display:table;clear:both}.solar .panel{float:left;width:23%;padding-bottom:20%;border-radius:5%;border-style:solid;border-width:.25rem;position:relative;margin:1%;box-sizing:border-box;color:#000}.solar .panel-label{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;width:110%;text-align:center}.solar p{color:#fff;font-size:2rem;margin:.25rem}.recharts-wrapper p{color:initial;font-size:medium}.updownnum{margin:.5rem 0;width:100%;display:flex;flex-direction:row}.updownnum button{padding:0;height:3rem;width:3rem}.updownnum>.middle{text-align:center;padding:.5rem;width:100%}.thermo{color:#fff;font-size:2rem;margin:.25rem;max-width:19rem}.thermo .small{font-size:1.75rem}.thermo .row{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:1rem 0}.thermo .row .spacetemp{font-size:4rem;margin-right:.5rem}.thermo .fan,.thermo .modes{width:6rem;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.thermo .fan button,.thermo .modes button{height:3rem;width:3rem;font-size:1rem;border-radius:0;border:4px solid #e9e9ed}.thermo .fan button.active,.thermo .modes button.active{background:#bbb}.thermo .fan .label{margin-right:.5rem}.thermo .fan .fanstate{margin-left:.5rem}.health,.scenes{color:#fff;font-size:2rem;margin:.25rem}.health{max-width:19rem}.health .row{justify-content:space-around;margin:1rem 0}.health .arm,.health .lockbuttons,.health .row{display:flex;flex-direction:row;align-items:center}.health .arm,.health .lockbuttons{width:100%;flex-wrap:wrap}.health .arm button,.health .lockbuttons button{height:3rem;width:33%;font-size:1rem;border-radius:0;border:4px solid #e9e9ed;box-sizing:border-box}.health .lockbuttons button{width:25%!important}.health .arm button.active,.health .lockbuttons button.active{background:#bbb}.health .lock .lockstate{font-size:1.5rem;margin-left:.5rem}.health .food-search{display:grid;grid-template-columns:1fr 5rem;width:100%;margin:1rem 0}.health .food-search input{font-size:1rem;padding:.5rem;border-radius:0;border:4px solid #e9e9ed;border-right:none;background:#222;color:#fff;min-width:0;box-sizing:border-box}.health .food-search button{padding:.5rem 0;background:#444;color:#fff;font-size:1rem;border-radius:0;border:4px solid #e9e9ed;cursor:pointer;box-sizing:border-box}.health .food-search button:hover{background:#555}.health .food-suggestions{max-height:25rem;overflow-y:auto;border:1px solid #555;margin:.5rem 0;background:#222;font-family:sans-serif}.health .food-suggestions .suggestion-item{padding:.5rem;cursor:pointer;font-size:1rem}.health .food-suggestions .suggestion-item .suggestion-description{color:#aaa;padding-left:1rem;font-size:.9rem;font-style:italic}.health .food-suggestions .suggestion-item:hover{background:#555}.health .food-details{display:flex;flex-direction:column}.health .food-details textarea{background:#222;color:#fff;border:4px solid #e9e9ed;font-size:1rem;padding:.5rem;margin-bottom:.5rem;min-height:4rem;font-family:inherit;border-radius:0}.health .details-buttons{display:flex;flex-direction:row;justify-content:space-between}.health .details-buttons button{padding:.5rem 0;background:#444;color:#fff;font-size:.8rem;border-radius:0;border:4px solid #e9e9ed;cursor:pointer;box-sizing:border-box;flex-grow:1;margin:0 .1rem}.health .details-buttons button:first-child{margin-left:0}.health .details-buttons button:last-child{margin-right:0}.health .details-buttons button:hover{background:#555}
/*# sourceMappingURL=main.f2be8344.chunk.css.map */