.ads-Combobox {
  @apply bg-white
    relative
    rounded
    outline-none;
}

.ads-Combobox-cover {
  @apply fixed
    top-0
    left-0
    w-screen
    h-screen
    z-overlay;
}

.ads-Combobox-surface {
  @apply cursor-pointer
    items-center
    justify-between;
}

.ads-Combobox--disabled .ads-Combobox-surface {
  @apply cursor-default;
}

/* Qualified with .ads-TextInput to overcome specificity issue */
.ads-TextInput:not(.ads-TextInput--multiline).ads-Combobox-surface {
  @apply min-h-10
    h-auto;
}

/* Qualified with .ads-TextInput to overcome specificity issue */
.ads-TextInput:not(.ads-TextInput--multiline).ads-Combobox-surface--multi {
  @apply py-0;
}

/* Qualified with .ads-TextInput to overcome specificity issue */
.ads-Combobox--disabled
  .ads-TextInput:not(.ads-TextInput--multiline).ads-Combobox-surface {
  @apply bg-gray-200
    border-gray-400
    text-gray-700;
}

.ads-Combobox-listbox {
  @apply shadow-md
    rounded
    border
    border-gray-400
    py-1
    bg-white
    overflow-y-auto
    z-menu;

  max-height: 266px;
}

.ads-Combobox-option {
  @apply p-2
    cursor-default;
}

.ads-Combobox-option--isHover {
  @apply bg-gray-200;
}

.ads-Combobox-option--isSelected {
  @apply bg-blue-400
    text-white;
}

.ads-Combobox-noOptions {
  @apply flex
    justify-center
    p-2;
}

.ads-Combobox-input {
  @apply bg-transparent
    h-6
    flex-1
    w-full
    outline-none;
}

.ads-Combobox-input::placeholder {
  @apply text-placeholder;
}

/* Qualified with .ads-Token to overcome specificity issue */
.ads-Token.ads-Combobox-tag {
  @apply h-6
    pr-1
    mb-1
    mt-1;
}