input[type=range]{position:relative;-webkit-appearance:none;width:100%;padding:0;height:20px;margin:10px 0;outline:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#E2E8F0;border-radius:3px}input[type=range]:before{content:"";position:absolute;background:#4A5568;top:7px;left:0;width:var(--seek-before-width,0);height:6px;z-index:1;border-radius:3px}input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:1px solid #4a5568;height:10px;width:10px;border-radius:50%;background-color:#4A5568;cursor:pointer;margin:-3px 0 0;z-index:2;opacity:0;transition:opacity .2s ease-in-out}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#4A5568}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#E2E8F0;border-radius:3px}input[type=range]::-moz-range-progress{background-color:#4A5568;height:6px;border-radius:3px}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{box-sizing:content-box;border:1px solid #4a5568;height:20px;width:20px;border-radius:50%;background-color:#4A5568;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out}input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background:#007db5}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;background:transparent;border:none;color:transparent;border-radius:3px}input[type=range]::-ms-fill-lower{background-color:#4A5568;border-radius:3px}input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}input[type=range]::-ms-thumb{box-sizing:content-box;border:1px solid #4a5568;height:20px;width:20px;border-radius:50%;background-color:#4A5568;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out}input[type=range]:active::-ms-thumb{transform:scale(1.2);background:#4A5568}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]:hover::-moz-range-thumb{opacity:1}input[type=range]:hover::-ms-thumb{opacity:1}