.range-slider{text-align:center;position:relative;margin:20px auto auto;height:28px}.range-slider input[type=range]{position:absolute;left:0;bottom:0}input[type=range]{-webkit-appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#000}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#000}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:#000;border-radius:999px;box-shadow:none;border:0}input[type=range]::-webkit-slider-thumb{z-index:2;position:relative;box-shadow:0 0 0 2px rgba(0,0,0,.05);border:2px solid #000;height:18px;width:18px;border-radius:25px;background:#000;cursor:pointer;-webkit-appearance:none;margin-top:-7px;transform:scale(1);transform-origin:center;-webkit-transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow .25s ease,transform .25s ease}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(0,0,0,.07);transform:scale(1.04)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(0,0,0,.09);transform:scale(1.05)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;background:#000;border-radius:999px;border:0}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 2px rgba(0,0,0,.05);border:2px solid #000;height:18px;width:18px;border-radius:25px;background:#000;cursor:pointer;transform:scale(1);transform-origin:center;-moz-transition:box-shadow .25s ease,transform .25s ease;transition:box-shadow .25s ease,transform .25s ease}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 4px rgba(0,0,0,.07);transform:scale(1.04)}input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 6px rgba(0,0,0,.09);transform:scale(1.08)}