$theme.picker {
  background: transparent;
  
  .panel-background {
    position: absolute;
    left: -15px;
    top: -15px;
    bottom: -15px;
    right: -15px;
    
    @include slices("panel.png", $top: 25, $left: 25, $right: 25, $bottom: 25, $fill: 1 1);
  }
  
  &.perfectBottom {
    .sc-pointer {
      position: absolute; width: 45px; height: 22px; margin-left: -22px; left: 50%; top: -20px;
      @include slice("pointers.png", $left: 28, $top: 2, $width: 45, $height: 22);
    }
  }
  
  &.perfectRight {
    .sc-pointer {
      position: absolute; width: 22px; height: 50px; left: -19px; top: 2px;
      @include slice("pointers.png", $left: 2, $top: 26, $width: 22, $height: 50);
    }
  }
  
  &.perfectLeft {
    .sc-pointer {
      position: absolute; width: 22px; height: 50px; right: -19px; top: 2px;
      @include slice("pointers.png", $left: 76, $top: 26, $width: 22, $height: 50);
    }
  }
  
  &.perfectTop {
    .sc-pointer {
      position: absolute; width: 45px; height: 22px; margin-left: -22px; left: 50%; bottom: -19px;
      @include slice("pointers.png", $left: 28, $top: 76, $width: 45, $height: 22);
    }
  }
}