.a-menu {
  --radius: var(--lens-semantic-radius-md);
  --shadow: var(--lens-semantic-shadow-low);
  --bg: var(--lens-semantic-color-surface-default);
  --min-width: 240px;
  --target-gap: var(--lens-core-spacing-0-5);
  margin: 0;
  border: none;
  overflow: clip;
  opacity: 0;
  display: none;
  min-width: var(--a-menu-min-width, var(--min-width));
  border-radius: var(--a-menu-radius, var(--radius));
  box-shadow: var(--a-menu-shadow, var(--shadow));
  background: var(--a-menu-bg, var(--bg));
  position-area: block-start span-inline-start;
  position-try:
    flip-block,
    flip-inline,
    flip-block flip-inline;
  &:popover-open {
    display: block;
    opacity: 1;
    max-height: calc(100svh - var(--a-menu-target-gap, var(--target-gap)) * 2);
    overflow-y: auto;
    margin-block: var(--a-menu-target-gap, var(--target-gap));
    animation: a-menu-open var(--a-transition-duration) var(--a-transition-easing);
  }
  & > .a-list-item.a-list-item--interactive:not(.a-list-item--disabled) {
    &:first-of-type {
      & > button:focus-visible,
      & > a:focus-visible {
        border-start-start-radius: var(--a-menu-radius, var(--radius));
        border-start-end-radius: var(--a-menu-radius, var(--radius));
      }
    }
    &:last-of-type {
      & > button:focus-visible,
      & > a:focus-visible {
        border-end-start-radius: var(--a-menu-radius, var(--radius));
        border-end-end-radius: var(--a-menu-radius, var(--radius));
      }
    }
  }
}

.a-list-item.a-menu-item--destructive:not(.a-list-item--disabled) {
  --a-list-item-color: var(--lens-semantic-color-action-secondary-destructive-default);
}

@keyframes a-menu-open {
  from {
    opacity: 0;
    scale: 0.98;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}