.root {
  position: relative;
  display: inline-block;
}
.menu {
  position: absolute;
  z-index: var(--layer-overlay);
  inset-block-start: calc(100% + var(--space-2));
  inset-inline-end: 0;
  display: grid;
  min-inline-size: 13rem;
  padding: var(--space-2);
  border: 1px solid var(--border-standard);
  border-radius: var(--radius-sm);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-overlay);
}
.item {
  min-block-size: 2.75rem;
  padding-block: var(--space-2);
  padding-inline: var(--space-3);
  border: 0;
  border-radius: calc(var(--radius-sm) - 2px);
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  text-align: start;
}
.item:hover:not(:disabled),
.item:focus-visible {
  background: var(--surface-muted);
}
.item:disabled {
  cursor: not-allowed;
  opacity: var(--opacity-disabled);
}
.destructive {
  color: var(--status-error-text);
}
