/* Dropdown menu · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: DropdownMenu. */
/* base.css */
.menu{background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--r-card);box-shadow:var(--e-pop);padding:var(--s-1);min-width:208px;text-align:left}
/* base.css */
.menu.static{position:relative;inset:auto;opacity:1;transform:none;visibility:visible;pointer-events:auto}
/* base.css */
.k-anchor{position:relative;display:inline-flex}
/* base.css */
.k-anchor>.k-pop{position:absolute;top:calc(100% + var(--s-1));right:0;z-index:var(--z-pop);transform-origin:top right}
/* base.css */
.k-anchor.l>.k-pop{right:auto;left:0;transform-origin:top left}
/* base.css */
.k-anchor.up>.k-pop{top:auto;bottom:calc(100% + var(--s-1));transform-origin:bottom right}
/* base.css */
.k-anchor.fill{display:flex}
/* base.css */
.k-anchor.fill>.k-pop{left:0;right:0}
/* base.css */
.mlabel{padding:var(--s-2) var(--s-2) var(--s-1);font-size:var(--text-micro);font-weight:var(--w-medium);color:hsl(var(--muted-foreground))}
/* base.css */
.msep{height:1px;background:hsl(var(--border));margin:var(--s-1) calc(var(--s-1) * -1)}
/* base.css */
.mi{display:flex;align-items:center;gap:10px;width:100%;height:var(--control-h-sm);padding:0 var(--s-2);border-radius:var(--r-control);text-align:left;white-space:nowrap;font:var(--w-medium) var(--text-body)/1 var(--font-voice);font-stretch:var(--font-stretch-title);color:hsl(var(--foreground));text-decoration:none;cursor:pointer;transition:background-color var(--motion-hover),color var(--motion-hover)}
/* base.css */
.mi svg{color:hsl(var(--muted-foreground));flex:none}
/* base.css */
.mi .grow{flex:1;min-width:0}
/* base.css */
.mi kbd, .mi .r, .mi>.chip:last-child{margin-left:auto}
/* base.css */
.mi .r{color:hsl(var(--muted-foreground));font:var(--w-regular) var(--text-small)/1 var(--font-ui)}
/* base.css */
.mi:hover, .mi.is-hover{background:hsl(var(--muted))}
/* base.css */
.mi:focus-visible, .mi.is-focus{outline:0;background:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsl(var(--ring)/.55)}
/* base.css */
.mi.on, .mi[aria-selected=true], .mi[aria-checked=true]{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}
/* base.css */
.mi .tick{margin-left:auto;visibility:hidden;color:hsl(var(--foreground))}
/* base.css */
.mi.on .tick, .mi[aria-selected=true] .tick, .mi[aria-checked=true] .tick{visibility:visible}
/* base.css */
.mi[aria-disabled=true], .mi:disabled{color:hsl(var(--muted-foreground));pointer-events:none;cursor:default}
/* base.css */
.mi[aria-disabled=true] svg{opacity:.6}
/* base.css */
.mi[aria-disabled=true] .why{margin-left:auto;font:var(--w-regular) var(--text-micro)/1 var(--font-ui)}
/* base.css */
.mi.danger, .mi.danger svg{color:hsl(var(--destructive))}
/* base.css */
.mi.danger:hover, .mi.danger.is-hover{background:hsl(var(--destructive)/.08)}
/* base.css */
.kit-m .mi{height:var(--control-h-m);font-size:var(--text-read)}
/* families/overlays/family.css */
.menu.ov-static{display:inline-block}