input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#fff;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#2afaa7;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);height:2rem;margin-top:-12px;transition:all .3s ease;width:2rem}input[type=range]:hover::-webkit-slider-thumb{background-color:#1cc783;scale:1.1}input[type=range]::-moz-range-track{background-color:#053a5f;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:#5cd5eb;border:none;border-radius:0;height:2rem;width:1rem}input[type=range]:focus::-moz-range-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:.125rem}