.contextMenuTrigger {
  display: flex;
  gap: var(--spacing-half);
  align-items: center;
  width: 100%;
}

.contextMenuContent {
  gap: var(--spacing-half);
  min-width: 280px;
  padding: var(--spacing-1);
  overflow: hidden;
  background-color: var(--global-background);
  border-radius: var(--border-radius-md);
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 40%);
}

.contextMenuItem {
  display: flex;
  gap: var(--spacing-half);
  align-items: center;
  padding: var(--border-radius-lg);
  font-size: var(--font-size-3);
  color: var(--global-foreground);
  cursor: pointer;
  border-radius: var(--border-radius-base);
}