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