.slider{position:relative;height:8px;margin:5px 5px 20px 5px;border-radius:12px;border:1px solid #cfcfcf;background-color:#fff}.slider-handle{position:absolute;top:-7px;margin-left:-10px;z-index:2;display:block;width:20px;height:20px;cursor:pointer;border-radius:50%;border:1px solid #cfcfcf;background-color:#fff}.slider-handle:before{content:'';display:block;width:8px;height:8px;margin:5px;background-color:#446cb3;border-radius:50%}.slider-track{position:absolute;z-index:1;display:block;height:8px;margin:-1px 0;background-color:#446cb3;border-radius:10px}