input[type=range]{transition:background-color .2s ease-in-out}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:24px;background:#a855f7;border-radius:4px;cursor:pointer;transition:transform .2s ease-in-out}input[type=range]::-moz-range-thumb{width:12px;height:24px;background:#a855f7;border-radius:4px;cursor:pointer;transition:transform .2s ease-in-out}input[type=range]::-ms-thumb{width:12px;height:24px;background:#a855f7;border-radius:4px;cursor:pointer;transition:transform .2s ease-in-out}