@theme(sc-small-size) {

$theme.slider {
  overflow: visible;

  .track {
    position: absolute;
    top: 50%; height: 4px; left: 0; right: 0;
    margin-top: -2px;

    @include slices("track.png", $left: 3, $right: 3);
  }

  .sc-slider-step-mark {
    height: 5px;
    margin-top: -2px;
  }

  .sc-handle {
    display: block; position: absolute;
    width: 18px; height: 18px; top: 50%; margin-top: -8.5px; margin-left: -9px;

    @include slice("knob.png");
  }

  &.active {
    .sc-handle { @include slice("knob-active.png"); }
  }

}

}