@use 'sass:meta';
@use 'defaults' as *;
@use '../../mixins/gradients' as *;

.select2-container--classic {
  @include meta.load-css("single");
  @include meta.load-css("multiple");

  .select2-search--dropdown {
    .select2-search__field {
      border: 1px solid $border-color;
      outline: 0;
    }
  }

  .select2-search--inline {
    .select2-search__field {
      outline: 0;
      box-shadow: none;
    }
  }

  .select2-dropdown {
    background-color: $dropdown-bg-color;
    border: 1px solid transparent;
  }

  .select2-dropdown--above {
    border-bottom: none;
  }

  .select2-dropdown--below {
    border-top: none;
  }

  .select2-results > .select2-results__options {
    max-height: $results-max-height;
    overflow-y: auto;
  }

  .select2-results__option--group {
    padding: 0;
  }

  .select2-results__option--disabled {
    color: $results-choice-fg-unselectable-color;
  }

  .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: $results-choice-bg-hover-color;
    color: $results-choice-fg-hover-color;
  }

  .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
  }

  &.select2-container--open .select2-dropdown {
    border-color: $focus-border-color;
  }
}
