JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" min="-100" max="100" value="0" step="10" name="power" list="powers">
<datalist id="powers">
 <option value="0">
 <option value="-30">
 <option value="30">
 <option value="+50">
</datalist>

CSS

input
{ 
    background: #D5CCBB; 
    color: black;
    height: 75px; 
    width: 49px;
}