.range {
  margin-top: 24px;
}
.range input[type="range"] {
  display: block;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: #dfdcc4;
  height: 8px;
  border-radius: 16px;
  margin: 0 auto;
  outline: none;
}

.range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #ffdc50;
  border: 1px solid #000;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  z-index: 5;
}

.range-green input[type="range"]::-webkit-slider-thumb {
  background-color: #16a34a;
}


/*# sourceMappingURL=d96e9fd32d64f724.css.map*/