[custom-range] {
  display: inline-block !important;
  width: 240px !important;
  outline: none;
  appearance: none;
  background: var(--bg) no-repeat;
  height: 3px;

  &::-webkit-slider-thumb {
    appearance: none;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #ddd;
  }

  &::-moz-range-thumb {
    appearance: none;
    height: 16px;
    width: 16px;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #ddd;
  }

  &::-moz-range-track {
    outline: none;
    -moz-appearance: none;
    background: var(--bg) no-repeat;
    height: 3px;
  }
}