.rangeslider{position:relative;display:block;cursor:pointer;height:25px;width:100%; margin: 10px 0;}
.rangeslider__fill,.rangeslider__fill__bg{display:block;position:absolute;top:50%; margin-top: -7px;height:14px;z-index:2;border-radius:5px;will-change:width; background:#56ae00}
.rangeslider__handle{will-change:width,height,top;width:18px;height:24px;display:inline-block;z-index:3;cursor:pointer;border-radius:5px;-webkit-transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out;transition:width .1s ease-in-out,height .1s ease-in-out,top .1s ease-in-out; position:absolute;top:50%;background:#fff; border:1px solid #ddd}
.rangeslider__handle:active{border-color:#ffc86a}
.rangeslider__fill__bg{background-color: #eee; border-radius: 5px;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);width:100%}
.rangeslider--disabled{opacity:.4}