.contextMenu__popover {
  will-change: transform;

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

  background-color: rgb(var(--background--neutral-base-default--light));
  box-shadow: var(--shadow--medium-soft--light), var(--shadow--medium-sharp--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);
  }
}

.contextMenu__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;
  }
}