@layer component{@media (pointer:coarse){[data-context-menu]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}[data-context-menu].pressing{transition:transform var(--transition-fast);transform:scale(.97)}.contextMenuSheet{z-index:var(--z-context);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.contextMenuSheet.open{pointer-events:auto}.contextMenuBackdrop{transition:background-color var(--transition-base);background-color:#0000;position:absolute;inset:0}.contextMenuSheet:not(.contextMenuSheet--popup).open .contextMenuBackdrop{background-color:color-mix(in oklch,var(--black)var(--alpha-secondary-i),transparent)}.contextMenuPanel{width:100%;max-width:var(--sheet-sm);background-color:var(--surface-primary);border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:var(--gap-2xs)0 max(var(--gap-2xl),var(--inset));box-shadow:0 0 var(--gap-md)var(--elevation-quaternary);transition:transform var(--time-base)var(--cubic-bezier-ease-out-back);position:relative;transform:translateY(100%)}.contextMenuSheet.open .contextMenuPanel{transform:translateY(0)}.contextMenuList{flex-direction:column;width:100%;height:fit-content;display:flex;position:relative}.contextMenuList .btn{text-align:start;justify-content:flex-start;padding:0}.contextMenuList .btn>.text{padding:0 calc(var(--button-sm)/2.5)0 0;text-align:start;justify-content:flex-start}.contextMenuItem,.contextMenuItem{gap:var(--gap-3xs)}.contextMenuSheet--popup .contextMenuPanel{max-width:calc(var(--menu-md));border-radius:calc((var(--button-sm)/2) + var(--gap-3xs));max-height:70dvh;padding:var(--gap-3xs);box-shadow:0 var(--gap-2xs)var(--gap-md)var(--elevation-quaternary);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-base)var(--cubic-bezier-ease-out-back);position:absolute;overflow-y:auto;transform:scale(.82)}.contextMenuSheet--popup.open .contextMenuPanel{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.contextMenuSheet--popup .contextMenuPanel{transition:opacity var(--transition-fast);transform:none}}}
