.multiselect {
    @apply dark:text-white min-h-8;
  }

.multiselect__input,
.multiselect__single  {
    @apply bg-white dark:bg-transparent dark:text-white
}

.multiselect__input::placeholder {
  @apply text-gray-300;
}

.multiselect__tag {
  @apply bg-success dark:bg-success-d;
}

.multiselect__tag-icon::after {
  @apply text-gray-300;
}

.multiselect__tag-icon:focus::after,
.multiselect__tag-icon:hover::after {
  @apply text-white;
}

.multiselect__tags {
  @apply bg-primary/5  dark:bg-primary-d/5 min-h-8 border-0 border-b border-page-t/50 dark:border-page-dt/50 pt-1;
}

.multiselect__option--highlight {
  @apply dark:bg-green-900 dark:text-white outline-0;
}

.multiselect__option--highlight::after {
  @apply dark:bg-green-800 dark:text-white;
}

.multiselect__option--selected.multiselect__option--highlight {
    @apply bg-red-500 dark:bg-red-600 text-white;
  }

  .multiselect__option--selected.multiselect__option--highlight::after {
    @apply bg-red-400 dark:bg-red-500 text-white;
  }

.multiselect__content-wrapper {
    @apply bg-page dark:bg-page-d;
  }

  
  .multiselect--disabled,
  .multiselect--disabled .multiselect__select,
  .multiselect--disabled .multiselect__current,
  .multiselect__option--disabled.multiselect__option--highlight{
    background: none;
  }