input[type=range].custom-range{-webkit-appearance:none;width:100%;height:8px;outline:none;opacity:.7;transition:opacity .2s}[dir] input[type=range].custom-range{border-radius:5px;background:#8dd90b}input[type=range].custom-range:hover{opacity:1}input[type=range].custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px}[dir] input[type=range].custom-range::-webkit-slider-thumb{border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.5)}input[type=range].custom-range::-moz-range-thumb{width:18px;height:18px}[dir] input[type=range].custom-range::-moz-range-thumb{border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.5)}input[type=range].custom-range::-ms-thumb{width:18px;height:18px}[dir] input[type=range].custom-range::-ms-thumb{border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,.5)}input[type=range].custom-range:focus{outline:none}[dir] input[type=range].custom-range:focus::-webkit-slider-thumb{background:#0056b3}[dir] input[type=range].custom-range:focus::-moz-range-thumb{background:#0056b3}[dir] input[type=range].custom-range:focus::-ms-thumb{background:#0056b3}