#overall-container{z-index:9998;margin:0 auto;width:240px}#energy-chart{height:130px}#slider{top:108px;z-index:0}.bar-axis line,.bar-axis path{stroke:none}.bar-axis text{fill:#929292;font-weight:400;font-size:11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noUi-horizontal{height:8px}.noUi-horizontal .noUi-handle{width:10px;height:12px;right:-18px;top:-2px}.noUi-handle{border-radius:0 0 1px 1px;background:#999;cursor:pointer;box-shadow:0 1px 3px 0 rgba(0,0,0,0.3),1px 1px 2px 0 rgba(0,0,0,0.06);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3),1px 1px 2px 0 rgba(0,0,0,0.06);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3),1px 1px 2px 0 rgba(0,0,0,0.06);outline:0;position:relative;width:100px}.noUi-handle:before,.noUi-handle:after{content:"";position:absolute;height:12px;width:1px;left:6px;border-bottom:5px solid #999;border-left:5px solid transparent;border-right:5px solid transparent;height:0;left:0;top:-5px;width:0}.noUi-handle:after{left:0}.noUi-handle:active{background:#a6a6a6}.noUi-handle:active:before,.noUi-handle:active:after{border-bottom-color:#a6a6a6}#legend-slider{position:relative;top:-53px;z-index:0}#legend-slider.noUi-target{background:0;border:0}#legend-slider .noUi-connect{background:0}#legend-slider .noUi-handle{border-radius:1px 1px 0 0}#legend-slider .noUi-handle:before,#legend-slider .noUi-handle:after{border-top:5px solid #999;border-bottom:0;top:12px}#legend-slider .noUi-handle-lower{box-shadow:1px 0 3px 0 rgba(0,0,0,0.3),1px -1px 2px 0 rgba(0,0,0,0.06);-moz-box-shadow:1px 0 3px 0 rgba(0,0,0,0.3),1px -1px 2px 0 rgba(0,0,0,0.06);-webkit-box-shadow:1px 0 3px 0 rgba(0,0,0,0.3),1px -1px 2px 0 rgba(0,0,0,0.06)}#legend-slider .noUi-handle-upper{box-shadow:-1px 0 3px 0 rgba(0,0,0,0.3),-1px -1px 2px 0 rgba(0,0,0,0.06);-moz-box-shadow:-1px 0 3px 0 rgba(0,0,0,0.3),-1px -1px 2px 0 rgba(0,0,0,0.06);-webkit-box-shadow:-1px 0 3px 0 rgba(0,0,0,0.3),-1px -1px 2px 0 rgba(0,0,0,0.06)}#legend-slider .noUi-handle:after{left:0}#legend-slider .noUi-handle:active:before,#legend-slider .noUi-handle:active:after{border-top-color:#a6a6a6}.legend-axis line,.legend-axis path{fill:none;stroke:none}.legend-axis text{fill:#929292;font-weight:400;font-size:11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}