#sideBar{grid-area:sideBar;width:calc(100% - 40px);padding:20px;background:url(data:image/jpeg;base64,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);background-size:100% 100%;box-shadow:5px 5px 10px 10px rgba(180,100,40,.1)}#sideBar .text{color:#fff}#sideBar .deviceList{position:relative;width:calc(100% + 20px);height:auto;max-height:calc(100% - 100px)}#sideBar .header{position:relative;display:grid;width:100%;grid-template-areas:"icon title status";grid-template-columns:25px auto 25px;height:30px}#sideBar .header .icon{grid-area:icon;width:20px;height:20px;padding:5px 5px 5px 0}#sideBar .header .text.title{grid-area:title;width:100%;height:30px;line-height:30px}#sideBar .header .text.status{line-height:30px}#sideBar .header .text.status.offline{color:#666}#sideBar .header .text.status.online{color:#4f4}#sideBar .header .text.status.error{color:#fa4}#mainContent{display:grid;grid-area:mainContent;width:calc(100% - 40px);height:100vh;padding:20px;grid-template-areas:"header" "content";grid-template-rows:40px auto}#mainContent .header{display:grid;grid-area:header;height:30px;padding-bottom:10px;grid-template-areas:"headerIcon headerTitle";grid-template-columns:30px auto;grid-gap:5px}#mainContent .header .icon.headerIcon{display:relative;grid-area:headerIcon;width:100%;height:30px}#mainContent .header .text.headerTitle{grid-area:headerTitle;line-height:30px}:root{--componentWidth:25%;--componentHeight:100px}.Component.panel{position:relative;float:left;padding:20px;width:calc(25% - 20px);width:calc(var(--componentWidth) - 20px);height:80px;height:calc(var(--componentHeight) - 20px);margin:10px;border-radius:5px;box-shadow:5px 5px 10px 10px rgba(0,0,0,.02);background:#fff;border:1px solid #e7e7e7;box-sizing:border-box}.Component.panel.whiteSpace{opacity:0;pointer-events:none}.Component.panel.variable .text.name{margin-right:5px}.Component.panel.variable .text.value{color:#333}.Component.panel.lineGraph{padding:0;background-color:#fff}.DV.GraphHolder{position:relative;display:grid;width:100%;height:inherit;grid-template-areas:"yAxis canvas" "empty xAxis";grid-template-rows:auto 20px;grid-template-columns:20px auto;grid-row-gap:0;row-gap:0;grid-column-gap:0;-webkit-column-gap:0;column-gap:0}.DV.GraphHolder canvas{grid-area:canvas;width:100%;height:calc(100% - 10px)}.DV.GraphHolder .AxisText{position:relative;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#777;font-size:10px;text-align:center;white-space:nowrap;line-height:10px;height:10px}.DV.GraphHolder .AxisText.xAxisTag{grid-area:xAxis;margin-top:-5px}.DV.GraphHolder .yAxisTagHolder{grid-area:yAxis;width:20px;height:100%}.DV.GraphHolder .AxisText.yAxisTag{position:relative;width:1000px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}.page .pageHeader{position:relative;display:flex;width:calc(100% - 20px);height:30px;padding-bottom:5px;margin-bottom:10px;margin-left:10px;border-bottom:1px solid #ddd}.page .pageHeader .icon.headerIcon{width:20px;height:20px;padding:5px}.page .pageHeader .text.titleHolder{line-height:30px;font-size:18px}.page .content{position:relative;grid-area:content}.popupContainer{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);transition:all .3s}.popupContainer.hide{background-color:transparent;pointer-events:none}.popupContainer .popup.pairMenu{position:absolute;top:45vh;width:calc(100% - 40px);max-width:300px;height:auto;padding:20px;box-shadow:5px 5px 200px 100px rgba(0,0,0,.15);background-color:#fff;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#444;border-radius:5px;transition:all .3s}.popupContainer .popup.pairMenu.hide{opacity:0;-webkit-transform:translateY(calc(-50% + 50px));transform:translateY(calc(-50% + 50px));pointer-events:none}@media screen and (max-width:500px){.popupContainer .popup.pairMenu{top:100vh;max-width:100vw;height:auto;padding-bottom:40px!important;border-radius:15px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.popupContainer .popup.pairMenu.hide{-webkit-transform:translateY(calc(-100% + 150px));transform:translateY(calc(-100% + 150px))}}.popup.pairMenu .loader{margin-top:15px;margin-bottom:15px}.popup.pairMenu .loader .icon.loadCircle{width:50px;height:auto;opacity:.3;margin:auto auto 10px}.popup.pairMenu .loader .icon.text{color:#444}.popup.pairMenu.pairSingleDevice{padding:10px 20px}.popup.pairMenu.pairSingleDevice.binding{pointer-events:none;background-color:red}.popup.pairMenu.pairSingleDevice.binding div{opacity:0}.popup.pairMenu.pairSingleDevice .icon.deviceIcon{position:relative;width:30%;padding:20px;margin-left:calc(35% - 20px);margin-top:5px;margin-bottom:5px}.popup.pairMenu.pairSingleDevice:not(.hide) .icon.deviceIcon{-webkit-animation:showDeviceAnimation 1s 1;animation:showDeviceAnimation 1s 1}@-webkit-keyframes showDeviceAnimation{0%{top:50px;opacity:0}to{top:0;opacity:1}}@keyframes showDeviceAnimation{0%{top:50px;opacity:0}to{top:0;opacity:1}}.popup.pairMenu.pairSingleDevice .text{transition:opacity .3s}.popup.pairMenu.pairSingleDevice .text.header{position:relative;height:20px;text-align:left;font-size:16px;line-height:30px;white-space:nowrap;color:#337}.popup.pairMenu .button.text{color:#444}.popup.pairMenu.pairSingleDevice .button.text.bindButton{color:#44f}.popup.pairMenu.deviceList{padding:15px 20px}.popup.pairMenu.deviceList .deviceOption{position:relative;height:20px;padding:5px 0;border-bottom:1px solid #eef;margin-bottom:5px}.popup.pairMenu.deviceList .deviceOption:nth-last-child(2){border-bottom:none}.popup.pairMenu.deviceList .deviceOption .text.title{text-align:left;float:left;color:#337;line-height:20px;width:calc(100% - 30px)}.popup.pairMenu.deviceList .deviceOption .onSameNetworkIndicator{height:20px;width:20px;float:right;background-color:red;opacity:.5}.popup.pairMenu.deviceList .button.text.cancelButton{margin-bottom:-5px}.personBadge{position:relative;display:flex;width:auto;height:20px;background:#aaa;padding:10px 10px 10px 15px;border-radius:5px;margin:5px}.personBadge.active{background:#8c99f7}.personBadge .text{margin-right:10px;float:left;color:#fff;line-height:20px;white-space:nowrap}.personBadge .iconHolder{display:flex}.personBadge .icon{position:relative;height:16px;margin:2px;width:auto;opacity:.3}.personBadge .icon.active{opacity:1}.text{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#777;font-size:14px}.text.subText{font-size:12px}.button{position:relative;width:auto;padding:7px 15px!important;border-radius:30px;font-size:13px;overflow:hidden;cursor:pointer}.button.bBoxy{border-radius:4px}.button.bDefault{background:#8c99f7;color:#fff!important}.button.bWarn{background:#ff632c!important;color:#fff!important}.button img{position:relative;top:3px;margin-left:-5px;margin-right:3px;width:16px;height:auto}.App{position:fixed;top:0;left:0;width:100vw;height:100vh;display:grid;grid-template-areas:"sideBar mainContent";grid-template-columns:300px auto}
/*# sourceMappingURL=main.37e16db2.chunk.css.map */