.menu-popover.menu-navigation{width:292px;min-width:240px;max-width:calc(100vw - 16px);padding:5px;border-radius:11px;overflow:auto;box-shadow:0 14px 38px #19365024,0 2px 6px #1936500c}
.menu-navigation .menu-nav-header{display:flex;align-items:center;gap:8px;min-height:33px;padding:0 6px 5px;border-bottom:1px solid #edf0f5;margin-bottom:4px}
.menu-navigation .menu-nav-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71819a;font-size:10px;font-weight:650;letter-spacing:.2px}
.menu-navigation .menu-nav-header>.menu-nav-back{display:flex;align-items:center;gap:4px;width:auto;min-width:0;padding:5px 6px 5px 1px;border-radius:5px;color:#2866bd;font-size:11px}
.menu-navigation .menu-nav-back svg{height:15px;width:15px;transform:rotate(180deg);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-navigation .menu-nav-items>.menu-nav-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:37px;padding:8px 9px;border-radius:6px;color:#485b77;text-align:left;line-height:1.3;font-size:12px}
.menu-navigation .menu-nav-item:hover,.menu-navigation .menu-nav-item:focus-visible{background:#edf4ff;color:#245aab;outline-offset:-2px}
.menu-navigation .menu-nav-icon{display:flex;width:18px;color:#899bb4}
.menu-navigation .menu-nav-icon svg{width:18px;height:18px}
.menu-navigation .menu-nav-item>.menu-nav-label{min-width:0;white-space:normal;overflow-wrap:anywhere;margin:0;color:inherit;font-size:12px}
.menu-navigation .menu-nav-item>.menu-nav-shortcut{margin:0;padding:2px 5px;border:1px solid #e0e6ef;border-radius:4px;background:#f7f9fc;color:#7c8ba1;white-space:nowrap;font:10px ui-sans-serif,system-ui,sans-serif;letter-spacing:.1px}
.menu-navigation .menu-nav-item>.menu-nav-chevron{display:flex;margin:0;color:#8a9bb4}
.menu-navigation .menu-nav-chevron svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-navigation .menu-nav-item.danger{color:#b74a50}
.menu-navigation .menu-nav-item.danger .menu-nav-icon{color:#c5868a}
.menu-navigation .menu-nav-item.danger:hover{background:#fff0f1}
.menu-navigation .menu-nav-item:disabled{opacity:.48;background:transparent;cursor:default}
.menu-navigation .menu-divider{margin:5px 9px;border-top:1px solid #edf0f5;height:0}
.menu-navigation .menu-nav-empty{padding:12px;color:#8b9bb0;font-size:12px}
@media(max-width:400px){.menu-popover.menu-navigation{width:276px}.menu-navigation .menu-nav-items>.menu-nav-item{gap:7px}}

/* Brief, nonblocking motion explains opening and moving into a group. */
.menu-popover.menu-navigation:not([hidden]){animation:menu-popover-in 140ms cubic-bezier(.2,.8,.2,1) both;transform-origin:top left;overscroll-behavior:contain}
.menu-popover.menu-navigation[data-placement=above]{transform-origin:bottom left}
.menu-navigation .menu-nav-page{animation:menu-page-forward 110ms ease-out both}
.menu-navigation .menu-nav-page[data-direction=back]{animation-name:menu-page-back}
@keyframes menu-popover-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-page-forward{from{opacity:.65;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}
@keyframes menu-page-back{from{opacity:.65;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.menu-popover.menu-navigation:not([hidden]),.menu-navigation .menu-nav-page{animation:none}}