html{height:100%}body,html{width:100%;max-width:100%!important;overflow-x:hidden!important;margin:0}body{min-height:100%}#app{height:100%;width:100%;max-width:500px;margin:0 auto;padding:0 0 100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.chart{margin-bottom:50px}#header{padding:0 5px}#header h1{font:600 21px sans-serif;padding:30px 0 15px;margin:0}.mini-map{margin:20px 5px 0;position:relative;height:48px;padding:1px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mini-map .cover{background-color:rgba(233,241,247,.5)}.lens,.mini-map .cover{position:absolute;height:100%;top:0}.lens{border-color:rgba(168,193,210,.5);border-style:solid;border-width:1px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lens span{position:absolute;width:10px;top:0;height:100%;cursor:ew-resize}.menu{padding:0 5px;margin-top:20px}.mode{cursor:pointer;padding:35px 0;color:#008eea;text-align:center;font:300 21px sans-serif;position:absolute;bottom:0;width:100%}.night{background-color:#222f3f}.night h1{color:#fafafa}.night .mini-map .cover{background-color:rgba(19,26,31,.5)}.night .lens{border-color:rgba(103,118,128,.5)}.night .checkbox{color:#fafafa;border-color:#2b3f51}.night .checkbox .cover{fill:#222f3f}.checkbox{display:inline-block;height:44px;line-height:30px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;border:1px solid #ebf0f3;padding:6px 18px 6px 44px;color:#565b5d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:sans-serif;font-weight:300;font-size:16px;margin:0 20px 20px 0;overflow:hidden;position:relative}.checkbox svg{position:absolute;top:0;left:0;width:100%;height:44px;display:block}.checkbox .check-mark{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.checkbox .cover{fill:#fff;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform-origin:21px 22px;-moz-transform-origin:21px 22px;-ms-transform-origin:21px 22px;-o-transform-origin:21px 22px;transform-origin:21px 22px;transition:-webkit-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.checkbox.as-check .cover{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.checkbox .shadow{fill:transparent;stroke:#7693a9;stroke-opacity:.05;stroke-width:40px;-webkit-transform-origin:21px 22px;-moz-transform-origin:21px 22px;-ms-transform-origin:21px 22px;-o-transform-origin:21px 22px;transform-origin:21px 22px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.checkbox.as-click .shadow{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s ease-out;-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-moz-transition:transform .3s ease-out,-moz-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}svg .invisible{visibility:hidden}.line line{stroke:#f2f4f5}svg text,svg tspan{font:300 12px sans-serif;fill:#a6b1b8}svg .transparent{opacity:0}.time{opacity:1;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.line,.polyline{opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}.main-chart{stroke-width:3;stroke-linecap:round;fill:none}.mini-map-chart{stroke-width:1;fill:none}.pop-up .line,.pop-up .rect{fill:#fff;stroke:#f2f4f5}.pop-up .shadow{fill:rgba(0,0,0,.1);stroke:rgba(0,0,0,.05)}.pop-up .date{fill:#000}.pop-up .inner-circle{fill:#fff}.pop-up text{font:400 14px sans-serif}.pop-up .value{font:600 15px sans-serif}.hover{fill:transparent}.night .line line{stroke:#2b3f51}.night svg text,.night svg tspan{fill:#485e6f}.night .pop-up .line,.night .pop-up .rect{fill:#213242;stroke:#2b3f51}.night .pop-up .date{fill:#fff}.night .pop-up .inner-circle{fill:#222f3f}