input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:hsla(0,0%,100%,.1);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:hsla(0,0%,100%,.1);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-8px;box-shadow:0 0 10px rgba(249,115,22,.8),0 0 20px rgba(249,115,22,.4);border:2px solid #f97316;-webkit-transition:transform .1s ease,background .1s ease;transition:transform .1s ease,background .1s ease}input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px rgba(249,115,22,.8),0 0 20px rgba(249,115,22,.4);border:2px solid #f97316;-moz-transition:transform .1s ease,background .1s ease;transition:transform .1s ease,background .1s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#f97316}input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background:#f97316}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 15px #f97316,0 0 30px rgba(249,115,22,.6)}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 15px #f97316,0 0 30px rgba(249,115,22,.6)}