
$theme: '.ace';
#{$theme}.picker {
  background: transparent;
  
  .panel-background {
    position: absolute;
    left: -15px;
    top: -15px;
    bottom: -15px;
    right: -15px;
    
    & > .top-left {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_0_0_25_25__;
-chance-offset: "resources/picker/ace/panel_0_0_25_25__" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
top: 0px; 
width: 25px; 
height: 25px; 
}
& > .left {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_0_25_25_1__;
-chance-offset: "resources/picker/ace/panel_0_25_25_1__" 0 0;background-repeat: repeat-y;
position: absolute;
left: 0px; 
top: 25px; 
bottom: 25px; 
width: 25px; 
}
& > .bottom-left {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_0__25_25_0_;
-chance-offset: "resources/picker/ace/panel_0__25_25_0_" 0 0;background-repeat: no-repeat;
position: absolute;
left: 0px; 
bottom: 0px; 
width: 25px; 
height: 25px; 
}
& > .top {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_25_0_1_25__;
-chance-offset: "resources/picker/ace/panel_25_0_1_25__" 0 0;background-repeat: repeat-x;
position: absolute;
left: 25px; 
top: 0px; 
right: 25px; 
height: 25px; 
}
& > .middle {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_25_25_1_1__;
-chance-offset: "resources/picker/ace/panel_25_25_1_1__" 0 0;background-repeat: repeat;
position: absolute;
left: 25px; 
top: 25px; 
right: 25px; 
bottom: 25px; 
}
& > .bottom {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel_25__1_25_0_;
-chance-offset: "resources/picker/ace/panel_25__1_25_0_" 0 0;background-repeat: repeat-x;
position: absolute;
left: 25px; 
right: 25px; 
bottom: 0px; 
height: 25px; 
}
& > .top-right {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel__0_25_25__0;
-chance-offset: "resources/picker/ace/panel__0_25_25__0" 0 0;background-repeat: no-repeat;
position: absolute;
top: 0px; 
right: 0px; 
width: 25px; 
height: 25px; 
}
& > .right {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel__25_25_1__0;
-chance-offset: "resources/picker/ace/panel__25_25_1__0" 0 0;background-repeat: repeat-y;
position: absolute;
top: 25px; 
right: 0px; 
bottom: 25px; 
width: 25px; 
}
& > .bottom-right {
@extend .__chance_slice__sproutcore_ace_resources_picker_ace_panel___25_25_0_0;
-chance-offset: "resources/picker/ace/panel___25_25_0_0" 0 0;background-repeat: no-repeat;
position: absolute;
right: 0px; 
bottom: 0px; 
width: 25px; 
height: 25px; 
}
;
  }
  
  &.perfectBottom {
    .sc-pointer {
      position: absolute; width: 45px; height: 22px; margin-left: -22px; left: 50%; top: -20px;
      @extend .__chance_slice__sproutcore_ace_resources_picker_ace_pointers_28_2_45_22__;
-chance-offset: "resources/picker/ace/pointers_28_2_45_22__" 0 0;background-repeat: no-repeat;
    }
  }
  
  &.perfectRight {
    .sc-pointer {
      position: absolute; width: 22px; height: 50px; left: -19px; top: 2px;
      @extend .__chance_slice__sproutcore_ace_resources_picker_ace_pointers_2_26_22_50__;
-chance-offset: "resources/picker/ace/pointers_2_26_22_50__" 0 0;background-repeat: no-repeat;
    }
  }
  
  &.perfectLeft {
    .sc-pointer {
      position: absolute; width: 22px; height: 50px; right: -19px; top: 2px;
      @extend .__chance_slice__sproutcore_ace_resources_picker_ace_pointers_76_26_22_50__;
-chance-offset: "resources/picker/ace/pointers_76_26_22_50__" 0 0;background-repeat: no-repeat;
    }
  }
  
  &.perfectTop {
    .sc-pointer {
      position: absolute; width: 45px; height: 22px; margin-left: -22px; left: 50%; bottom: -19px;
      @extend .__chance_slice__sproutcore_ace_resources_picker_ace_pointers_28_76_45_22__;
-chance-offset: "resources/picker/ace/pointers_28_76_45_22__" 0 0;background-repeat: no-repeat;
    }
  }
}
