---

.range_input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  background: transparent;
  cursor: pointer;
  outline: none;

  &::-webkit-slider-runnable-track {
    height: 4px;
    border: none;
    border-radius: 999px;
    background: var(--blue-1);
  }

  &::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    border: none;
    border-radius: 50%;
    background: var(--blue-1);
  }

  &::-moz-range-track {
    height: 4px;
    border: none;
    border-radius: 999px;
    background: var(--blue-1);
  }

  &::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 50%;
    background: var(--blue-1);
  }
}