hunk.code_window: 	border-style: solid;
   	border-width: $select-arrow-width $select-arrow-width ($select-arrow-width / 2);
   	display: inline-block;
   	height: 0;
   	width: 0;
   }
   .is-open .Select-arrow,
   .Select-arrow-zone:hover > .Select-arrow {
   	border-top-color: $select-arrow-color-hover;
   }
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit: 	position: relative;
  
hunk.file_path: scss/control.scss
hunk.type: add
file: //
  // Multi-Select
  // ------------------------------
  
  
  // Base
  
  .Select--multi {
  
  	// add margin to the input element
  	.Select-input {
  		vertical-align: middle;
  		// border: 1px solid transparent;
  		margin-left: $select-padding-horizontal;
  		padding: 0;
  	}
  
  	// reduce margin once there is value
  	&.has-value .Select-input {
  		margin-left: $select-item-gutter;
  	}
  
  	// Items
  	.Select-value {
  		background-color: $select-item-bg;
  		border-radius: $select-item-border-radius;
  		border: 1px solid $select-item-border-color;
  		color: $select-item-color;
  		display: inline-block;
  		font-size: $select-item-font-size;
  		margin-left: $select-item-gutter;
  		margin-top: $select-item-gutter;
  		vertical-align: top;
  	}
  
  	// common
  	.Select-value-icon,
  	.Select-value-label {
  		display: inline-block;
  		vertical-align: middle;
  	}
  
  	// label
  	.Select-value-label {
  		@include border-right-radius( $select-item-border-radius );
  		cursor: default;
  		padding: $select-item-padding-vertical $select-item-padding-horizontal;
  	}
  	a.Select-value-label {
  		color: $select-item-color;
  		cursor: pointer;
  		text-decoration: none;
  
  		&:hover {
  			text-decoration: underline;
  		}
  	}
  
  	// icon
  	.Select-value-icon {
  		cursor: pointer;
  		@include border-left-radius( $select-item-border-radius );
  		border-right: 1px solid $select-item-border-color;
  
  		// move the baseline up by 1px
  		padding: ($select-item-padding-vertical - 1) $select-item-padding-horizontal ($select-item-padding-vertical + 1);
  
  		&:hover,
  		&:focus {
  			background-color: $select-item-hover-bg;
  			color: $select-item-hover-color;
  		}
  		&:active {
  			background-color: $select-item-border-color;
  		}
  	}
  
  }
  
  .Select--multi.is-disabled {
  	.Select-value {
  		background-color: $select-item-disabled-bg;
  		border: 1px solid $select-item-disabled-border-color;
  		color: $select-item-disabled-color;
  	}
  	// icon
  	.Select-value-icon {
  		cursor: not-allowed;
  		border-right: 1px solid $select-item-disabled-border-color;
  
  		&:hover,
  		&:focus,
  		&:active {
  			background-color: $select-item-disabled-bg;
  		}
  	}
  }
  