select.scss

.select {
  @extend .d-flex;
  @extend .flex-wrap;
  @extend .align-items-center;
}

.select input {
  @extend .flex-fill;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.select .dropdown-menu {
  max-height: 21rem;
  overflow-y: auto;
}

.select .option {
  @extend .badge;
  @extend .bg-primary;
  @extend .me-1;
  margin-top: 1px;
  margin-bottom: 1px;
}

.focus {
  color: var(--bs-body-color, $input-focus-color);
  background-color: var(--bs-form-control-bg, $input-focus-bg);
  border-color: $input-focus-border-color;
  outline: 0;
  @if $enable-shadows {
    @include box-shadow($input-box-shadow, $input-focus-box-shadow);
  } @else {
    box-shadow: $input-focus-box-shadow;
  }
}

@each $state, $data in $form-validation-states {
  .is-#{$state}.focus {
    border-color: map-get($data, "color");
    box-shadow: 0
      0
      $input-btn-focus-blur
      $input-focus-width
      rgba(map-get($data, "color"), $input-btn-focus-color-opacity);
  }
}