.ads-Select {
  font-size: inherit;
}

.ads-Select--is-disabled {
  @apply cursor-not-allowed;

  /* Override library styles; pointer-events: none; won’t change the cursor */
  pointer-events: auto !important;
}

/* Remove pointer events for all children of a disabled Select */
.ads-Select--is-disabled > * {
  pointer-events: none;
}

.ads-Select .ads-Select__control {
  @apply border
    bg-white
    cursor-pointer
    duration-200
    transition;
}

.ads-Select--is-disabled .ads-Select__control {
  @apply bg-gray-200;
}

.ads-Select .ads-Select__control:not(.ads-Select__control--menu-is-open):hover {
  @apply bg-gray-100;
}

.ads-Select .ads-Select__value-container {
  @apply py-0
    px-2;
}

.ads-Select .ads-Select__indicator {
  @apply py-0
    h-auto;
}

.ads-Select .ads-Select__single-value {
  margin-left: 0;
  margin-right: 0;
}

.ads-Select--default .ads-Select__control {
  @apply border-gray-500;
}

.ads-Select--success .ads-Select__control {
  @apply border-success;
}

.ads-Select--warning .ads-Select__control {
  @apply border-caution;
}

.ads-Select--danger .ads-Select__control {
  @apply border-failure;
}

.ads-Select__indicators {
  @apply text-gray-600 mr-2;
}

.ads-Select .ads-Select__menu {
  @apply shadow-popover
    rounded-sm
    z-dropdown;
}

.ads-Select .ads-Select__clear-indicator {
  @apply text-gray-600;
}

/* HOVER */
.ads-Select--default .ads-Select__control:hover {
  @apply border-gray-600;
}

.ads-Select--success .ads-Select__control:hover {
  @apply border-green-500;
}

.ads-Select--warning .ads-Select__control:hover {
  @apply border-caution;
}

.ads-Select--danger .ads-Select__control:hover {
  @apply border-red-500;
}

.ads-Select .ads-Select__control:hover .ads-Select__indicators {
  @apply text-gray-700;
}

.ads-Select .ads-Select__clear-indicator:hover {
  @apply text-gray-800;
}

/* FOCUS */

.ads-Select .ads-Select__control--is-focused {
  @apply shadow-focus border-gray-600;
}

.ads-Select--default .ads-Select__control--is-focused {
  @apply border-gray-600;
}

.ads-Select--success .ads-Select__control--is-focused {
  @apply border-green-500;
}

.ads-Select--warning .ads-Select__control--is-focused {
  @apply border-caution;
}

.ads-Select--danger .ads-Select__control--is-focused {
  @apply border-red-500;
}

.ads-Select .ads-Select__control--is-focused .ads-Select__indicators {
  @apply text-gray-700;
}

.ads-Select .ads-Select__option {
  @apply cursor-pointer;
}

.ads-Select .ads-Select__option--is-disabled {
  @apply cursor-not-allowed
    text-gray-600;
}

.ads-Select-newOption {
  @apply flex-wrap
    items-center
    justify-between
    w-full
    min-h-8
    px-3
    py-2
    gap-2
    overflow-hidden
    cursor-pointer
    bg-gray-100
    text-gray-700;
}

.ads-Select-newOption--isFocused {
  @apply bg-blue-0
    text-blue-400;
}

.ads-Select-newOption-label {
  @apply items-center
    flex-shrink-0
    gap-1;
}

.ads-Select-newOption-labelIcon {
  @apply text-iconSm;
}

.ads-Select-newOption-labelText {
  @apply flex-shrink-0
    whitespace-nowrap;
}

.ads-Select-newOption-helperText {
  @apply text-gray-600
    whitespace-nowrap;
}

.ads-Select-newOption--isFocused .ads-Select-newOption-helperText {
  @apply text-blue-300;
}