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:600px;margin:0 auto;padding:0 0 100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#app,.header{position:relative}.header{padding:30px 5px;height:30px}.header h1{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .4s ease;-o-transition:all ease .4s;-moz-transition:all ease .4s;transition:all .4s ease;font:600 21px sans-serif;padding:0;margin:0;line-height:30px}.header .zoom,.header h1{position:absolute;top:30px;left:5px}.header .zoom{-webkit-transform:scale(.6,0);-moz-transform:scale(.6,0);-ms-transform:scale(.6,0);-o-transform:scale(.6,0);transform:scale(.6,0);-webkit-transform-origin:0 30px;-moz-transform-origin:0 30px;-ms-transform-origin:0 30px;-o-transform-origin:0 30px;transform-origin:0 30px;-webkit-transition:all .3s ease;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all .3s ease;color:#008eea;font:400 16px sans-serif;cursor:pointer}.header .zoom span{line-height:30px;margin-left:8px}.header.in-zoom h1{-webkit-transform:scale(.6,0);-moz-transform:scale(.6,0);-ms-transform:scale(.6,0);-o-transform:scale(.6,0);transform:scale(.6,0)}.header.in-zoom .zoom{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.header.double{height:60px}.range{bottom:60px;right:5px;font:600 16px sans-serif;line-height:30px}.changer,.range{position:absolute}.changer{white-space:nowrap;right:0;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transform-origin:90% 30px;-moz-transform-origin:90% 30px;-ms-transform-origin:90% 30px;-o-transform-origin:90% 30px;transform-origin:90% 30px}.changer.animation{-webkit-transition:all .3s ease;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all .3s ease}.changer.hide{-webkit-transform:scale(.9,0);-moz-transform:scale(.9,0);-ms-transform:scale(.9,0);-o-transform:scale(.9,0);transform:scale(.9,0)}.changer.hiding{-webkit-transform-origin:90% 0;-moz-transform-origin:90% 0;-ms-transform-origin:90% 0;-o-transform-origin:90% 0;transform-origin:90% 0;-webkit-transform:scale(.9,0);-moz-transform:scale(.9,0);-ms-transform:scale(.9,0);-o-transform:scale(.9,0);transform:scale(.9,0)}.changer.reverse{-webkit-transform-origin:90% 0;-moz-transform-origin:90% 0;-ms-transform-origin:90% 0;-o-transform-origin:90% 0;transform-origin:90% 0}.changer.reverse.hiding{-webkit-transform-origin:90% 30px;-moz-transform-origin:90% 30px;-ms-transform-origin:90% 30px;-o-transform-origin:90% 30px;transform-origin:90% 30px}.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;opacity:1;-webkit-transition:opacity .1s ease;-o-transition:opacity ease .1s;-moz-transition:opacity ease .1s;transition:opacity .1s ease}.mini-map .cover{position:absolute;height:100%;background-color:rgba(226,238,249,.6);top:0}.mini-map.fade{opacity:0}.lens{border-color:#c0d1e1;border-style:solid;border-width:1px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lens,.lens span{position:absolute;height:100%;top:0}.lens span{width:10px;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%}.loupe{float:left}.loupe circle,.loupe line{stroke:#008eea;stroke-width:3px}.loupe circle{fill:transparent}.night{background-color:#222f3f}.night h1{color:#fafafa}.night .mini-map .cover{background-color:rgba(48,66,89,.6)}.night .lens{border-color:#56626d}.night .range{color:#fff}#readme{max-width:600px;margin:0 auto;padding:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#252529}#readme h2{width:100%;text-align:center;font:300 19px sans-serif;padding:15px 0 5px;color:#008eea}#readme h3{font:300 17px sans-serif}#readme p{font:300 14px sans-serif}.night #readme{color:#a3b1c2}.night .checkbox{color:#fafafa;border-color:#2b3f51}.night .checkbox .border{background-color:#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;-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;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);position:relative;color:#565b5d;-webkit-transition:color .3s ease;-o-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}.checkbox.as-check{color:#fafafa}.checkbox .point{position:absolute;top:21px;left:22px;width:0;height:0}.checkbox .icon{opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background-repeat:no-repeat;position:absolute;top:-8px;left:-7px;width:15px;height:15px;background-image:url(./check.svg)}.checkbox.as-check .icon{opacity:1}.checkbox .border{border-style:solid;border-width:1px;width:26px;height:26px;margin:-13px;background-color:#fff}.checkbox .border,.checkbox .inner{position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:-1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.checkbox .inner{width:0;height:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.checkbox.as-check .inner{width:26px;height:26px;margin:-13px}.checkbox .outer{width:0;height:0;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;z-index:-1}.checkbox.as-check .outer{width:300px;height:300px;margin:-150px}.chart{margin-bottom:50px;position:relative}.chart.as-sg{padding-bottom:150px}.chart.as-sg .menu,.chart.as-sg .mini-map,.lines{position:absolute}.lines{top:-10px;left:5px}.hover{position:absolute;top:0;left:0;z-index:2}.invisible{display:none}.pop-up .line{background-color:rgba(24,45,59,.1)}.pop-up .line,.pop-up .shadow{position:absolute;top:0;left:0;width:1px;height:100%}.pop-up .shadow{background-color:hsla(0,0%,100%,.1)}.pop-up .dot{position:absolute;width:6px;height:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-width:2px;border-style:solid;margin:-4px}.pop-up .dot,.pop-up .panel{top:0;left:0;background-color:#fff}.pop-up .panel{position:relative;position:absolute;border:1px solid #f2f4f5;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:170px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.pop-up .value{float:right;font:600 15px sans-serif}.pop-up .block{float:left;width:100%}.pop-up .name{font:400 14px sans-serif;float:left}.pop-up .name b{display:inline-block;width:36px}.pop-up .date{font:600 14px sans-serif;float:left;padding-bottom:5px}.pop-up .icon{position:absolute;right:10px;top:8px}.pop-up.animation .panel{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.night .pop-up .panel{background-color:#1b2533;border-color:rgba(27,37,51,.5)}.night .pop-up .date,.night .pop-up .name,.night .pop-up .value{color:#fff}.night .pop-up .line{background-color:hsla(0,0%,100%,.1)}.night .pop-up .shadow{background-color:rgba(24,45,59,.1)}.night .pop-up .dot{background-color:#222f3f}.night .pop-up .icon{color:#56626d}