.select2-selection__rendered {
  line-height: 36px !important;
}

.select2-container .select2-selection--single {
  height: 40px !important;
}

.select2-selection__arrow {
  height: 29px !important;
}

li.select2-selection__choice {
  background-color: var(--primary-color) !important;
  border: 1px solid darkgreen !important;
  line-height: 25px !important;
}

.select2-selection__choice__remove {
  color: white !important;
  border-right: 1px solid darkgreen !important;
}

.select2-selection__choice__remove span {
  font-size: 20px;
}

button.select2-selection__clear {
  top: -4px;
  margin: 0 !important;
  margin-right: 5px !important;
}

.select2-selection__clear span {
  font-size: 24px;
}

.select2-selection__choice__remove:hover {
  background-color: #1d6c4a !important;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--primary-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  margin: 0 3px 0 0;
}

.select2-search__field {
  min-height: 25px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-left: 0;
}

.select2-selection.select2-selection--multiple {
  padding: 5px 28px 9px 8px !important;
}

.select2-selection__choice {
  margin-left: 0 !important;
  margin-right: 5px;
  padding-bottom: 4px !important;
}

/* ----- Author Select ----- */

.author-select + .select2-container--default .select2-selection--single {
  position: relative;
}

.author-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #6c757d;
}

.author-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 2rem;
}

/* Extra room when "x" exists */
.author-select
  + .select2-container--default
  .select2-selection--single:has(.select2-selection__clear)
  .select2-selection__rendered {
  padding-left: 1.5rem;
}

.author-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  position: absolute;
  left: 0.2rem;
  right: auto;
  top: -1px;
  margin-right: 0;
  z-index: 2;
  color: #333333;
}

.author-select
  + .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 0.5rem;
}