.dropdown {
  @apply relative;
}

.dropdown-menu {
  @apply opacity-0 transition-all pointer-events-none duration-200 ease-out absolute z-10 min-w-48 p-1 rounded-md bg-background shadow-lg ring-1 ring-border focus:outline-hidden;
}

.dropdown-menu-inner {
  @apply flex flex-col gap-y-1 text-left;
}

.dropdown-divider {
  @apply border-t my-1 border-border;
}

.dropdown-menu-heading {
  @apply text-muted-foreground px-2 py-1.5 text-xs font-medium;
}

.dropdown-menu-item {
  @apply flex items-center justify-between w-full gap-2 rounded px-2 py-1.5 text-sm font-medium text-foreground [&_svg]:size-4 [&_svg]:text-muted-foreground hover:bg-foreground/5  focus:outline-2 focus:outline-offset-2 focus:outline-primary disabled:opacity-25 disabled:pointer-events-none;
}

.dropdown-menu-item--destructive {
  @apply text-destructive [&_svg]:text-destructive hover:bg-destructive/10;
}

.dropdown-menu-item--primary {
  @apply text-primary [&_svg]:text-primary hover:bg-primary/10;
}