.nv-select {
  &__content-wrapper {
    @apply absolute block bg-white overflow-auto w-full shadow-lg py-2 z-10 left-0 rounded-lg top-full mt-2;
    bottom: initial;
  }

  &--above {
    .nv-select__content-wrapper {
      @apply bottom-full mt-0 mb-2;
      top: initial;
    }
  }

  &__option {
    @apply block py-2 px-3 relative normal-case whitespace-nowrap align-middle no-underline;
    &--disabled {
      @apply bg-gray-100 cursor-not-allowed opacity-50;
      .nv-select__option__icon {
        @apply text-gray-300;
      }
    }

    &:not(.nv-select__option--disabled):not(.nv-select__option--empty) {
      @apply cursor-pointer hover:bg-gray-100;
      //&.nv-select__option--selected {
        //@apply hover:bg-alert-lighten hover:text-white;
      //}
    }
    &:not(.nv-select__option--selected) {
      .nv-select__option__icon {
        @apply text-gray-400;
      }
    }

    &--selected {
      @apply text-primary bg-primary/10 font-medium;
    }

    &--empty {
      @apply text-center text-gray-500 ;
    }

    &__icon {
      @apply mr-2;
    }
  }

  &__group-label {
    @apply block p-2 relative text-sm text-gray-600;
  }

  &__single {
    @apply flex whitespace-nowrap truncate;
  }

  &--append-inner {
    .nv-icon {
      @apply transition;
    }
  }

  &__tags-wrap {
    @apply flex overflow-hidden flex-wrap;
    .nv-tag .nv-tag__content {
      @apply truncate;
    }
  }

  &.nv-select--active {
    .nv-select--append-inner {
      .nv-icon {
        @apply rotate-180;
      }
    }
  }

  &.nv-size--xs {
    .nv-select__group-label {
      @apply p-1 text-xs;
    }
    .nv-select__option {
      @apply py-1 px-1.5;
      &__icon {
        @apply mr-1;
      }
    }
  }

  &.nv-size--sm {
    .nv-select__group-label {
      @apply p-1.5;
    }
    .nv-select__option {
      @apply py-1.5 px-2;
      &__icon {
        @apply mr-1;
      }
    }
  }

  &.nv-size--lg {
    .nv-select__group-label {
      @apply text-lg px-3 py-3;
    }
  }
}