.quiz-range-input {
  appearance: none;
  background: transparent;
  cursor: pointer;
  height: 40px;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.quiz-range-input:focus {
  outline: none;
}

.quiz-range-input::-webkit-slider-thumb {
  appearance: none;
  background: transparent;
  border: 0;
  height: 28px;
  pointer-events: auto;
  width: 28px;
}

.quiz-range-input::-moz-range-thumb {
  background: transparent;
  border: 0;
  height: 28px;
  pointer-events: auto;
  width: 28px;
}

.quiz-range-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(0, 109, 68, 0.18);
}

.quiz-range-input:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(0, 109, 68, 0.18);
}

.price-range-input {
  appearance: none;
  background: transparent;
  cursor: pointer;
  height: 34px;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.price-range-input:focus {
  outline: none;
}

.price-range-input::-webkit-slider-thumb {
  appearance: none;
  background: transparent;
  border: 0;
  height: 28px;
  pointer-events: auto;
  width: 28px;
}

.price-range-input::-moz-range-thumb {
  background: transparent;
  border: 0;
  height: 28px;
  pointer-events: auto;
  width: 28px;
}

.price-range-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(0, 109, 68, 0.18);
}

.price-range-input:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(0, 109, 68, 0.18);
}