input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
}

input[type="range"] {
  background: transparent;
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-thumb {
  width: 1.25rem;
  height: 1.25rem;
  background: var(--color-gray-400);
  filter: drop-shadow(0 var(--spacing) 0 var(--color-gray-500));
  border: 0;
  border-radius: 0.5rem;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
  position: relative;
  top: -9px;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-webkit-slider-runnable-track {
  background: var(--color-gray-800-muted);
  height: 0.5rem;
  filter: drop-shadow(
    0 calc(0px - var(--spacing)) 0 var(--color-gray-900-muted)
  );
  border-radius: 0.25rem;
}

input[type="range"]::-moz-range-track {
  transform: translateY(3px);
}

input[type="range"]::-webkit-slider-runnable-track {
  position: relative;
  top: 3px;
}
