.chart{position:relative;overflow:hidden}.chart .header{height:50px;position:relative}.chart .title{font-size:16px;margin:15px 0 0 20px;position:absolute;transform-origin:top left;-webkit-transform-origin:bottom left}.chart .zoom{opacity:0;position:absolute;transform-origin:bottom left;-webkit-transform-origin:bottom left;margin:15px 0 0 20px}.chart .zoom svg{width:16px;height:16px;display:inline-block;position:relative;margin:0 4px 0 0;top:5px}.chart .zoom svg path{fill:#108BE3}.chart .date{position:relative;display:flex;flex-shrink:0}.chart .date a{position:absolute;right:0}.chart .zoomText{font-weight:400;font-size:16px;color:#108be3;padding:0 0 20px}.chart .localRange{font-size:12px;top:0;padding:17px 20px 0 0;margin:0;right:0;transform-origin:top right;-webkit-transform-origin:bottom left;position:absolute}.chart .zoomedRange{font-size:12px;top:0;padding:17px 20px 0 0;margin:0;right:0;position:absolute;opacity:0;transform-origin:bottom right;-webkit-transform-origin:bottom left}.chart .ctrls{padding:0 6px;display:flex;flex-direction:row;flex-wrap:wrap;transition:transform .3s ease}.chart .checkbox{margin:10px 0 0 10px;padding:9px 12px 9px 30px;cursor:pointer;position:relative;border-radius:7px;border-width:1px;border-style:solid;font-size:14px;min-width:auto}.chart .checkbox.shake{-webkit-animation:shake .3s ease alternate}.chart .checkbox svg{width:14px;height:14px;position:absolute;left:10px;bottom:10px}.chart .checkbox span.name{font-weight:400;display:inline-block;transition:transform .15s ease,opacity .15s ease}.chart .legend{position:absolute;padding:8px 10px;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.4);white-space:nowrap;max-width:300px;z-index:9999;transform:translate3d(0,-200px,0);-webkit-transform-origin:bottom left;top:0;font-size:12px;display:flex;flex-direction:column;min-width:155px;opacity:0;transition:opacity .3s ease;overflow-y:auto;overflow-x:hidden;max-height:200px}.chart .legend .xval{font-weight:700;margin:0 22px 5px 0;flex-shrink:0}.chart .legend .label,.chart .legend .labelTotal{display:flex;flex-shrink:0;flex-direction:row;padding:5px 0 0 0;flex-shrink:0}.chart .legend .labelTotal{display:none}.chart .legend .labelPercent{display:none;font-weight:700;font-size:12px;text-align:right;min-width:30px;padding:0 10px 0 0;flex-shrink:0}.chart .legend .labelName,.chart .legend .labelNameTotal{font-size:12px;padding:0 10px 0 0}.chart .legend .labelValue,.chart .legend .labelValueTotal{font-weight:700;font-size:12px;flex:1;text-align:right}