.context-menu { position: fixed; z-index: 80; min-width: min(212px, calc(100vw - 16px)); width: max-content; max-width: calc(100vw - 16px); padding: 5px; border: 1px solid #dde5de; border-radius: 9px; background: #fff; color: #273d32; box-shadow: 0 7px 24px #1737271c, 0 1px 3px #17372712; overflow: auto; overscroll-behavior: contain; font: 13px/1.4 var(--sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); }
.context-menu[hidden] { display: none; }
.context-menu-item { display: grid; grid-template-columns: 17px minmax(0, 1fr) 10px; align-items: center; gap: 7px; width: 100%; min-height: 37px; padding: 8px 12px 8px 6px; border: 0; border-radius: 5px; background: transparent; color: inherit; text-align: left; cursor: pointer; font: inherit; }
.context-menu-item:hover, .context-menu-item:focus-visible { outline: none; background: #edf3ed; }
.context-menu-item:focus-visible { box-shadow: inset 0 0 0 1.5px #85a68a; }
.context-menu-item:disabled { color: #9aa49a; background: transparent; box-shadow: none; cursor: default; }
.context-menu-item.dangerous { color: #96534b; }
.context-menu-check { color: #567c5f; font-size: 13px; text-align: center; }
.context-menu-label { display: inline-flex; align-items: center; gap: 7px; overflow-wrap: anywhere; }
.context-menu-color-dot { display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; border: 1px solid #626f63; border-radius: 50%; }
.context-menu-color-dot.color-stone { background: #7c8794; }
.context-menu-color-dot.color-sage { background: #249a62; }
.context-menu-color-dot.color-sky { background: #238be0; }
.context-menu-color-dot.color-amber { background: #c27d0f; }
.context-menu-color-dot.color-rose { background: #e45b81; }
.context-menu-color-dot.color-violet { background: #9d6aec; }
.context-menu-arrow { color: #849587; font-size: 18px; line-height: 1; text-align: center; }
.context-menu-submenu { z-index: 81; }
@media (pointer: coarse), (max-width: 750px) { .context-menu-item { min-height: 44px; padding-top: 11px; padding-bottom: 11px; } }