input[type="range"]{-webkit-appearance:none;width:100%;height:8px;background:#ddd;border-radius:5px;outline:#636363;margin:10px 0}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#08a2ea;border:2px solid #ccc;cursor:pointer;margin-top:-8px}
input[type="range"]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#08a2ea;border:2px solid #ccc;cursor:pointer}
input[type="range"]::-moz-range-track{height:8px;background:#ddd;border-radius:5px}