.select2-container {
  box-sizing: border-box;

  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;

  @import "single";
  @import "multiple";
}

@import "dropdown";

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;

  // styles required for IE to work

  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

@import "theme/default/layout";
// @import "theme/classic/layout";

// Overrides to make select2 appear correctly
.select2-container {
  margin: 0.2em 0;
}

@import "../../base/var/colors";
@import "../../base/var/typography";
@import "../../base/var/spacing";

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: inherit;
  border: 1px solid $color-base;
}

.select2-container--default .select2-selection--single {
  height: 44px;
}

.select2-container--default .select2-selection--multiple {
  min-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: $color-base;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: $color-base transparent transparent transparent;
}

.select2-search--dropdown input[type="search"].select2-search__field {
  float: none;
  font-size: $base-font-size;
  height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: $size-S 0 0 0;
}