ui-autocomplete {
  @apply block  relative z-dropdown;
}

ui-autocomplete .ui-autocomplete-output-wrapper {
  @apply flex flex-col shadow-input absolute left-0 right-0 gap-0 bg-white;
}

ui-searchbox ui-autocomplete {
  @apply shadow-none;

  .ui-autocomplete-output-wrapper {
    @apply rounded-b-autocomplete;
  }
}

.ui-autocomplete-item {
  @apply border-none outline-none text-base font-sans px-4 py-5 text-left bg-white;

  &.active,
  &:hover {
    @apply bg-customer;
  }
}

ui-searchbox .ui-autocomplete-item {
  &:last-child {
    @apply rounded-b-autocomplete;
  }
}
