.p-panelmenu {
  @apply flex flex-col gap-2;
}

.p-panelmenu-panel {
  @apply rounded-md border border-surface-200 bg-surface-0 p-1 text-surface-700 dark:border-surface-700 dark:bg-surface-900 dark:text-surface-0;
}

.p-panelmenu-header {
  @apply outline-none;
}

.p-panelmenu-header-content {
  @apply rounded-md text-surface-700 transition-colors duration-200 dark:text-surface-0;
}

.p-panelmenu-header-link {
  @apply relative flex cursor-pointer select-none items-center gap-2 px-3 py-2 text-inherit no-underline;
}

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

.p-panelmenu-submenu-icon {
  @apply text-surface-400 dark:text-surface-500;
}

.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
  @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0;
}

.p-panelmenu-header:not(.p-disabled):focus-visible
  .p-panelmenu-header-content
  .p-panelmenu-header-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-panelmenu-header:not(.p-disabled):focus-visible
  .p-panelmenu-header-content
  .p-panelmenu-submenu-icon {
  @apply text-surface-500 dark:text-surface-400;
}

.p-panelmenu-header:not(.p-panelmenu-header-active) .p-panelmenu-submenu-icon:dir(rtl) {
  @apply rotate-180;
}

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

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

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

.p-panelmenu-submenu {
  @apply m-0 list-none py-0 ps-4 outline-none;
}

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

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

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

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

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

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

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

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