Generated by SassMeister.com.

SassMeister-input-HTML.haml

%input.toolset__slider--range{:type => 'range'}

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

@mixin range {
  $prefix-list: '-webkit-','-moz-';
  @each $prefix in $prefix-list {
    &::#{$prefix}slider-thumb {
       border: solid 1px rgba(163,133,70,.4);
       border-radius: 40px;
       cursor: ew-resize;
       height: 40px;
       padding: 5px;
       width: 40px;
      -webkit-appearance: none;
      appearance: none;
      background-color: #fff;
    }
  }
}
.toolset__slider--range {
  background-size: 10px;
  border-radius: 14px;
  background-color: #ccc;
  height: 4px;
  left: 0px;
  margin: 18px 0;
  outline: none;
  padding: 0px;
  position: relative;
  width: 200px;
  appearance: none;
  -webkit-appearance: none;
  @include range;
}

SassMeister-output.css

.toolset__slider--range {
  background-size: 10px;
  border-radius: 14px;
  background-color: #ccc;
  height: 4px;
  left: 0px;
  margin: 18px 0;
  outline: none;
  padding: 0px;
  position: relative;
  width: 200px;
  appearance: none;
  -webkit-appearance: none;
}
.toolset__slider--range::-webkit-slider-thumb {
  border: solid 1px rgba(163, 133, 70, 0.4);
  border-radius: 40px;
  cursor: ew-resize;
  height: 40px;
  padding: 5px;
  width: 40px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
}
.toolset__slider--range::-moz-slider-thumb {
  border: solid 1px rgba(163, 133, 70, 0.4);
  border-radius: 40px;
  cursor: ew-resize;
  height: 40px;
  padding: 5px;
  width: 40px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
}

SassMeister-rendered.html

<input class='toolset__slider--range' type='range'>