.ui-menu{flex-shrink:0;display:inline-flex;position:relative}.ui-menu__trigger{border:1px solid var(--line-strong);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--ink-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.ui-menu__trigger:hover:not(:disabled){border-color:var(--ink-muted);color:var(--ink)}.ui-menu__trigger[aria-expanded=true]{border-color:var(--ink-muted);background:var(--bg-soft);color:var(--ink)}.ui-menu__trigger:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ui-menu__trigger:disabled{cursor:progress}@media (pointer:coarse){.ui-menu__trigger{width:2.75rem;height:2.75rem}}.ui-menu__panel{z-index:20;border:2px solid var(--ink);background:var(--surface-raised);width:max-content;min-width:10rem;max-width:calc(100vw - 2rem);box-shadow:3px 3px 0 var(--ink);border-radius:14px;flex-direction:column;padding:.25rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}@media (prefers-reduced-motion:no-preference){.ui-menu__panel{animation:.12s ui-menu-drop}}.ui-menu__item{min-height:2.25rem;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:.25rem .75rem;font-weight:700;display:flex}.ui-menu__item:hover{background:var(--bg-soft)}.ui-menu__item:focus-visible{outline:2px solid var(--focus);outline-offset:1px;background:var(--bg-soft)}@media (pointer:coarse){.ui-menu__item{min-height:2.75rem}}.ui-menu__item--danger{color:var(--danger)}.ui-menu__item--danger:hover,.ui-menu__item--danger:focus-visible{background:var(--danger);color:var(--on-brand)}.ui-menu__item:not(.ui-menu__item--danger)+.ui-menu__item--danger{margin-top:.75rem;position:relative}.ui-menu__item:not(.ui-menu__item--danger)+.ui-menu__item--danger:before{content:"";border-top:1px dashed var(--line-strong);position:absolute;top:-.375rem;left:.5rem;right:.5rem}@keyframes ui-menu-drop{0%{opacity:0;translate:0 -4px}}