.range
  width: 400px
  /* some space for the right knob */
  padding-right: 30px

  .range-slider
    position: relative

    .scale
      position: absolute
      width: 100%
      height: 3px
      margin-top: 2px
      background-color: #d8d8d8

    .scale-sel
      position: absolute
      background-color: rgb(39, 196, 112)
      width: 100%
      height: 7px

    .knob
      position: absolute
      cursor: pointer
      -moz-user-select: none
      -webkit-user-select: none
      -ms-user-select: none
      user-select: none
      -o-user-select: none

      margin-top: -4px

      z-index: 1

      box-shadow: 1px 1px 3px grey

      .button
        margin-top: -3px

        background: #eee
        width: 30px
        height: 20px