.menu__popover {
  will-change: transform;

  overflow-y: auto;
  display: flex;
  flex-direction: column;

  padding: var(--padding--lg);

  background-color: rgb(var(--background--neutral-base-default--light));

  &[data-placement^="top"] {
    margin-bottom: var(--margin--sm);
  }

  &[data-placement^="bottom"] {
    margin-top: var(--margin--sm);
  }

  &[data-placement^="left"] {
    margin-right: var(--margin--sm);
  }

  &[data-placement^="right"] {
    margin-left: var(--margin--sm);
  }

  [data-focused][data-focus-visible="true"] > .dataList__item {
    outline: none;
  }

  [data-hovered="true"] > .dataList__item {
    background-color: unset;
  }

  .dataList__item {
    padding: var(--padding--sm);
  }

  [role="menuitem"] {
    &:focus-visible {
      outline: none;
    }

    &[data-submenu-open="true"]:not([data-focused="true"]) {
      .dataList__item {
        background-color: rgb(var(--background--neutral-low-default--light));
      }
    }

    &[data-focused="true"] {
      .dataList__item {
        background-color: rgb(var(--background--neutral-low-hovered--light));
      }

      .dataList__item--destructive:not([data-disabled="true"]) {
        background-color: rgb(var(--background--critical-low-default--light));
      }
    }

    .dataList__item--destructive:not([data-disabled="true"]) {
      color: rgb(var(--foreground--critical-high-default--light));

      .typography {
        color: inherit;
      }
    }
  }
}

.menu__popover--compact,
.menu__popover--submenu.menu__popover--compact {
  padding: var(--padding--xs) 0;
}

.menu__popover--submenu {
  &[data-placement^="top"] {
    margin-bottom: 0;
  }

  &[data-placement^="bottom"] {
    margin-top: 0;
  }

  &[data-placement^="left"] {
    margin-right: 0;
  }

  &[data-placement^="right"] {
    margin-left: 0;
  }
}

.menu__divider {
  margin-block: var(--margin--sm);
}