.p-contextmenu {
  @apply min-w-52 rounded-md border border-surface-200 bg-surface-0 text-surface-700 shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)] dark:border-surface-700 dark:bg-surface-900 dark:text-surface-0;
}

.p-contextmenu-root-list,
.p-contextmenu-submenu {
  @apply m-0 flex list-none flex-col gap-[2px] p-1 outline-none;
}

.p-contextmenu-submenu {
  @apply absolute z-10 min-w-full rounded-md border border-surface-200 bg-surface-0 text-surface-700 shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)] dark:border-surface-700 dark:bg-surface-900 dark:text-surface-0;
}

.p-contextmenu-item {
  @apply relative;
}

.p-contextmenu-item-content {
  @apply rounded-sm text-surface-700 transition-colors duration-200 dark:text-surface-0;
}

.p-contextmenu-item-link {
  @apply relative flex cursor-pointer select-none items-center gap-2 overflow-hidden px-3 py-2 text-inherit no-underline outline-none;
}

.p-contextmenu-item-icon {
  @apply text-surface-400 dark:text-surface-500;
}

.p-contextmenu-submenu-icon {
  @apply ms-auto h-[0.875rem] w-[0.875rem] text-sm text-surface-400 dark:text-surface-500;
}

.p-contextmenu-item.p-focus > .p-contextmenu-item-content {
  @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0;
}

.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {
  @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0;
}

.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-item:not(.p-disabled)
  > .p-contextmenu-item-content:hover
  .p-contextmenu-submenu-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-item-active > .p-contextmenu-item-content {
  @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0;
}

.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-contextmenu-separator {
  @apply border-t border-surface-200 dark:border-surface-700;
}

.p-contextmenu-enter-from,
.p-contextmenu-leave-active {
  @apply opacity-0;
}

.p-contextmenu-enter-active {
  @apply transition-opacity duration-[250ms];
}

.p-contextmenu-mobile .p-contextmenu-submenu {
  @apply static border-none pe-0 ps-4 shadow-none;
}

.p-contextmenu-mobile .p-contextmenu-submenu-icon {
  @apply rotate-90 transition-transform duration-200;
}

.p-contextmenu-mobile
  .p-contextmenu-item-active
  > .p-contextmenu-item-content
  .p-contextmenu-submenu-icon {
  @apply -rotate-90;
}
