Input

export default function Component() {
  return (
    <div className="rangeWrapper">
  <input value="7" max="20" min="1" className="kawaii" type="range" />
  <input
    style={{ -Base: "#8cc8e4" }}
    value="4"
    max="20"
    min="1"
    className="kawaii"
    type="range"
  />
  <input
    style={{ -Base: "#6cc484" }}
    value="12"
    max="20"
    min="1"
    className="kawaii"
    type="range"
  />
</div>
  );
}