/* Shared O3 slider: inset rectangular track and a light raised handle. */
input[type='range'] {
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
input[type='range']::-webkit-slider-runnable-track {
  height: 12px;
  border-radius: 3px;
  background: #dfe4db;
  box-shadow: inset 0 2px 3px #285b4625;
}
input[type='range']::-moz-range-track {
  height: 12px;
  border-radius: 3px;
  background: #dfe4db;
  box-shadow: inset 0 2px 3px #285b4625;
}
input[type='range']::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 24px;
  margin-top: -6px;
  border: 1px solid #aab7a1;
  border-radius: 3px;
  background: #fcfcf9;
  box-shadow: 0 2px 4px #285b4630;
}
input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  width: 28px;
  height: 24px;
  border: 1px solid #aab7a1;
  border-radius: 3px;
  background: #fcfcf9;
  box-shadow: 0 2px 4px #285b4630;
}
input[type='range']:focus-visible { outline: none; }
input[type='range']:focus-visible::-webkit-slider-thumb { outline: 2px solid #285b46; outline-offset: 3px; }
input[type='range']:focus-visible::-moz-range-thumb { outline: 2px solid #285b46; outline-offset: 3px; }
input[type='range']:disabled { opacity: .45; cursor: default; }