@tailwind components;

@layer components {
  .wrsearchinput_field {
    @apply h-[3.2rem] w-full rounded-md border border-input pl-3 !text-xl text-label focus:outline-none focus:ring-2 focus:ring-ring;
  }

  .wrsearchinput_list {
    @apply z-10 mt-2 h-[90px] w-full overflow-auto rounded-md border border-border bg-popover shadow-lg;
  }

  .wrsearchinput_item {
    @apply w-full cursor-pointer overflow-auto px-5 py-3 text-left !text-xl text-foreground hover:bg-accent;
  }

  .wrsearchinput_empty {
    @apply w-full overflow-auto px-5 py-3 !text-xl text-label;
  }
}