//
// Picker
// 

.picker {
  .dialog();
}

@label-height:25px;

.picker-slot {
  position:relative;
  top:0px;

  @distance:-(@label-height/2);

  margin-top:@distance;
  margin-bottom:-@distance;

  .border-radius(0.3em);

  .transition(all ease-in-out);
  transition-duration:.2s;
}

.picker-slot:first-child:before {
  content:'';

  position:absolute;

  width:2px;
  top:-200%;
  height:500%;

  z-index:1000;
}

.picker-slot:first-child:after,.picker-slot:nth-child(n+1):after {
  content:''; 
 
  position:absolute;
  width:2px;
  top:-200%;
  right:0px;
  height:500%;

  z-index:1000;
}

.picker-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:1.2em;
  padding-left:5px;
  padding-right:5px;
  height:@label-height;

}

.picker-container {
  overflow:hidden;
  position:relative;
  .border-radius(0.3em);
  height:4*@label-height;
}

// Spinning Wheel Overlay Gradient
.picker-container:after {
  pointer-events:none;

  content:"";
  
  width:100%;
  height:100%;
  z-index:1000;
  position:absolute;
  top:0px;
  left:0px;

  background-size:100% 4*@label-height;
}

// Selected Area Overlay 
.picker-container:before {
  pointer-events:none;

  content:"";
  
  position:absolute;
  width:100%;
  z-index:1000;
 
  left:0px;
}


