.menu{min-width:0;display:inline-flex;position:relative}.menu-btn{align-items:center;gap:7px;max-width:100%;display:inline-flex}.menu-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-btn svg{opacity:.6;flex:none;width:11px;height:11px;margin-left:-1px}.menu-btn:disabled{opacity:.55;cursor:not-allowed}.menu.open>.menu-btn{color:var(--ink);border-color:var(--hairline);background:#fff}.menu-pop{z-index:40;background:var(--card);width:max-content;min-width:100%;max-width:min(88vw,320px);max-height:min(60vh,320px);box-shadow:var(--shadow-md);border:1px solid var(--hairline);border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.menu-opt{cursor:pointer;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:8px 10px;font-size:.86rem;font-weight:700;overflow:hidden}.menu-opt.active{background:var(--paper)}.menu-opt.on{background:var(--pine);color:#f2f8ec}.menu-opt.on.active{background:var(--pine-deep)}