@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700);*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}#root,body,html{height:100%}body{background:#272727;background:linear-gradient(135deg,#373737,#222);color:#fff;font-size:14px;font-family:Roboto,Helvetica,sans-serif;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.AlignCenter{text-align:center}.Button{padding:8px 20px;border-radius:4px;color:#fff;font-size:14px;transition:all .15s}.Button:hover{background:hsla(0,0%,100%,.15);cursor:pointer}.Button,.Button:active{background:hsla(0,0%,100%,.1)}.Push{flex-grow:1}.Message{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.Message.Error{color:#f60;text-align:center}.Message .Throbber{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;margin-bottom:1.5em}.Message .Throbber,.Message .Throbber:before{display:block;width:64px;height:64px;border-radius:32px;background:url(https://etc.athom.com/logo/transparent/256.png);background-size:contain}.Message .Throbber:before{content:"";position:absolute;z-index:-1;-webkit-filter:blur(15px);filter:blur(15px);opacity:.75}.Message .Icon{display:block;margin-bottom:.5em}.Message .Text{font-size:16px;margin-bottom:2em}.Content,.Header,.Sidebar{position:absolute}.Header,.Sidebar{background:rgba(0,0,0,.03)}.Header{top:0;left:0;right:0;height:60px;padding:0 12px}.Header,.Header .Logo{display:flex;align-items:center}.Header .Logo .Image{width:32px;height:32px;background:url(https://etc.athom.com/logo/transparent/64.png);background-size:contain;margin-right:12px}.Header .Logo .Text{font-weight:100;font-size:24px;color:#fff}.Header .User{margin-left:12px;display:flex;align-items:center;transition:all .2s}.Header .User:hover{opacity:1;cursor:pointer}.Header .User,.Header .User:active{opacity:.85}.Header .User .Text{display:flex;flex-direction:column;text-align:right}.Header .User .Name{font-size:16px;font-weight:400;color:#fff}.Header .User .Homey{font-size:13px;opacity:.8;font-weight:400;color:#fff}.Header .User .Avatar{margin-left:12px;width:42px;height:42px;border-radius:100%}.Header .ResolutionSelector{position:relative;margin-right:1em}.Header .ResolutionSelector .Button{padding:10px;border:1px solid hsla(0,0%,100%,.1)}.Header .ResolutionSelector .Button:hover{background:hsla(0,0%,100%,.05)}.Header .ResolutionSelector .Button,.Header .ResolutionSelector .Button:active{background:rgba(0,0,0,.1)}.Header .ResolutionSelector .Button .Icon{margin-right:10px}.Header .ResolutionSelector .Popup{position:absolute;z-index:10;top:100%;margin-top:5px;padding:10px;right:0;background:rgba(20,20,20,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;display:flex;flex-direction:row-reverse}.Header .ResolutionSelector .Popup .Column{margin:10px 0 10px 20px;line-height:20px;border-right:1px solid hsla(0,0%,100%,.1);padding-right:20px}.Header .ResolutionSelector .Popup .Column:first-child{border-right:none}.Header .ResolutionSelector .Popup .Column .Resolution{white-space:nowrap;transition:all .15s;font-weight:400}.Header .ResolutionSelector .Popup .Column .Resolution.Selected{font-weight:400}.Header .ResolutionSelector .Popup .Column .Resolution:hover{opacity:1;cursor:pointer;text-decoration:underline}.Header .ResolutionSelector .Popup .Column .Resolution,.Header .ResolutionSelector .Popup .Column .Resolution:active{opacity:.9}.Sidebar{width:299px;box-sizing:border-box;left:0;top:60px;bottom:0;display:flex;flex-direction:column;overflow:hidden}.Sidebar .NoLogs{width:100%;height:100%;color:hsla(0,0%,100%,.75);font-style:italic;display:flex;align-items:center;justify-content:center}.Sidebar .Groups{overflow:auto;padding:20px}.Sidebar .Groups .Group{margin-bottom:1em}.Sidebar .Groups .Group:last-child{margin-bottom:0}.Sidebar .Groups .Group>.Title{font-size:12px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s}.Sidebar .Groups .Group>.Title:hover{opacity:.75;cursor:pointer}.Sidebar .Groups .Group>.Title,.Sidebar .Groups .Group>.Title:active{opacity:.5}.Sidebar .Groups .Group>.Subtitle{font-size:11px;opacity:.35}.Sidebar .Groups .Group .Logs .Log{display:flex;align-items:center;flex-direction:row;line-height:20px}.Sidebar .Groups .Group .Logs .Log:hover{cursor:pointer}.Sidebar .Groups .Group .Logs .Log>.Enabled{width:.7em;height:.7em;flex-shrink:0;border-radius:100%;background:hsla(0,0%,100%,.1);margin-right:.5em;transition:all .15s}.Sidebar .Groups .Group .Logs .Log:hover>.Enabled{background:hsla(0,0%,100%,.2)}.Sidebar .Groups .Group .Logs .Log:active>.Enabled{background:rgba(0,0,0,.1)}.Sidebar .Groups .Group .Logs .Log>.Title{font-size:13px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Sidebar .Bottom{padding:20px;display:none}.Content{left:299px;top:60px;bottom:0;right:0;padding:20px;border:1px solid hsla(0,0%,100%,.1);border-right:none;border-bottom:none;overflow:auto}.Content .Hint{width:100%;height:100%}.Content .Hint,.Content .NoData{display:flex;flex-direction:column;align-items:center;justify-content:center}.Content .NoData{height:140px;font-style:italic;border:1px dashed hsla(0,0%,100%,.2);border-radius:5px;margin-top:45px;color:hsla(0,0%,100%,.75)}.Content .Chart{margin-bottom:40px}.Content .Chart .TitleBar{padding:0 10px;margin-bottom:-35px;display:flex;justify-content:center;align-items:center}.Content .Chart .TitleBar .Title{fill:#cfcfcf;font-size:14px;font-weight:400;text-align:center;flex-grow:1}.Content .Chart .TitleBar .Buttons{flex-shrink:0;z-index:2;display:flex}.Content .Chart .TitleBar .Buttons .Button{border-radius:4px;padding:5px 10px;background:transparent;border:1px solid transparent;opacity:.5;transition:all .15s}.Content .Chart .TitleBar .Buttons .Button:hover{cursor:pointer;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);opacity:1}.Content .Chart .TitleBar .Buttons .Button:active{background:rgba(0,0,0,.1);opacity:1}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:700px){.PushMobile{flex-grow:1}.App .Content,.App.SidebarVisible .Sidebar{opacity:1;visibility:visible}.App .Sidebar,.App.SidebarVisible .Content{opacity:0;visibility:hidden}.Header .Logo{cursor:pointer}.Header .Logo .Text{display:none}.Header .Logo .Image{margin-right:0}.Header .User .Text{display:none}.Header .User .Avatar{margin-left:0}.Header .ResolutionSelector{position:static;margin-right:0}.Header .ResolutionSelector .Popup{left:7px;right:7px;width:auto;height:auto;flex-direction:column;background:#000}.Header .ResolutionSelector .Popup .Column{border-right:none;padding-bottom:1em;border-bottom:1px solid hsla(0,0%,100%,.1);text-align:center}.Header .ResolutionSelector .Popup .Column:last-child{border-bottom:none;padding-bottom:0}.Header .ResolutionSelector .Popup .Column .Resolution{padding:.25em}.Sidebar{position:absolute;z-index:2;width:auto;left:0;right:0;bottom:0;border-top:1px solid hsla(0,0%,100%,.1)}.Sidebar .Bottom{display:block}.Content{z-index:1;left:0;padding:20px 5px}.HideForMobile{display:none!important /* !important is needed to overwrite nested items */}}.mg-y-axis .label{text-transform:none}a.active{color:#fff}.mg-active-datapoint{fill:#cfcfcf;font-size:14px;font-weight:300}.mg-barplot .mg-bar-prediction{fill:#5b5b5b}.mg-barplot .mg-bar-baseline{stroke:#5b5b5b}.mg-baselines line{stroke:#676767}.mg-baselines text{fill:#fff}.divider{color:#f1f1f1;opacity:.1}.mg-histogram .axis line,.mg-histogram .axis path{opacity:.5;stroke:#ccc}.mg-histogram .mg-bar rect,tspan.hist-symbol{fill:#d8b307}.mg-least-squares-line{stroke:#f57070}.mg-category-guides line{stroke:#676767}.mg-main-area-solid svg .mg-main-area{fill:#52491f}.mg-markers line{stroke:#676767}.mg-markers text{fill:#fff}circle.mg-points-mono{fill-opacity:.6;stroke:#a89641;fill:#a89641;stroke-opacity:1}tspan.mg-points-mono{fill:#a89641;stroke:#a89641}circle.mg-points-mono.selected{fill:#a89641;fill-opacity:1;stroke-opacity:1}text{fill:#fff}.mg-x-rug-mono,.mg-y-rug-mono{stroke:#fff}.mg-x-axis line,.mg-y-axis line{stroke:#676767}.mg-histogram .axis text,.mg-x-axis text,.mg-y-axis text{font-size:11px;fill:#fff}.mg-year-marker text{fill:#fff}.mg-year-marker line{stroke:#676767}
/*# sourceMappingURL=main.5e16a285.chunk.css.map */