.dropdown {
  @apply relative;
  .toggle {
    @apply cursor-pointer;
  }
  .dropdown-menu {
    @apply transition transform origin-top-right absolute right-0 bg-surface w-min flex-col gap-2.5 border-border border rounded-md z-100;
    li {
      @apply text-nowrap px-3 py-1.5 hover:bg-surface-hover cursor-pointer text-text-secondary;
      a {
        @apply flex gap-1.5 items-center;
      }
    }
    li.separator {
      @apply border-b border-b-border leading-0 p-0 hover:bg-surface cursor-default;
    }
    li:has(+ li) {
      @apply pb-2.5;
    }
    li.separator + li {
      @apply pt-2.5;
    }
  }
}