.range-slider{flex:1}.sliderticks{display:flex;justify-content:space-between;padding:0 10px}.sliderticks span{display:flex;justify-content:center;width:1px;height:10px;background:#d3d3d3;line-height:40px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:10px;background:#ccc}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;background-color:#f59e0b;border-radius:50%;border:none;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb{height:20px;width:20px;background-color:#f59e0b;border-radius:50%;border:none;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px #ff55001a}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 13px #f503}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 13px #f503}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 10px #ff55001a}input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 13px #f503}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 13px #f503}.wrapper{color:#4b4949;width:100%;display:flex;margin:0 auto}.range{height:6rem;width:95%;background:#fff;padding:0 5px}