/*
ContextMenu

<div class="context-menu-root" data-menu-root>               display: contents
  <span class="context-menu-trigger" data-menu-trigger>       display: contents; slot "trigger" (the area)
  <div class="menu context-menu" role="menu" popover="manual">  ../menu/style.css, at the pointer

The area takes no styling of its own; the caller's element is the area.
A long press must not select text or raise the browser's callout.
*/

@import "https://assets.elements.dev/assets/node_modules/@elements/ui/menu/style.c2acf403fd6c6bb9.css";

@layer components {

.context-menu-root,
.context-menu-trigger {
  display: contents;
}

.context-menu-trigger > * {
  -webkit-touch-callout: none;
}

.context-menu-trigger > [data-state="open"] {
  user-select: none;
}

}