/* Logo context menu: Paper 2908-1. */
.logo-menu[hidden]{display:none}
.logo-menu{display:none}
.logo-menu-announcement{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:901px){
 .logo-menu{position:fixed;z-index:60;display:flex;flex-direction:column;align-items:center;gap:4px;width:318px;height:111px;padding-block:4px;border:1px solid #f0f0f080;border-radius:12px;overflow:hidden;background:rgb(255 255 255 / 30%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);--logo-menu-hover:rgb(240 240 240 / 30%);--logo-menu-muted:#a5a5a5}
 [data-theme="dark"] .logo-menu{background:rgb(26 26 26 / 30%);border-color:#333;--logo-menu-hover:rgb(40 40 40 / 30%);--logo-menu-muted:var(--umbra-gray-4);box-shadow:0 8px 24px #0003}
 .logo-menu button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;margin:0;border:0;border-radius:0;padding:6px 16px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:24px;text-align:left;cursor:pointer;transition:none}
 .logo-menu .logo-menu-brand{gap:8px;padding:8px;width:309px;height:56px;flex:none;border-radius:10px;background:transparent}
 .logo-menu-brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:8px;background:linear-gradient(180deg,oklab(62.9% -.055 -.194 / 3%),83.84%,oklab(50.3% -.055 -.194 / 10%))}
 .logo-menu-brand-icon img{display:block;width:30px;height:31px;object-fit:cover}
 .logo-menu-brand-copy{display:flex;flex-direction:column;gap:0}
 .logo-menu-brand-copy>span{line-height:1.2}
 .logo-menu-brand-copy small{font-size:12px;line-height:1.2;color:var(--muted);white-space:nowrap}
 .logo-menu-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;border-top:1px solid #f0f0f080;padding-top:4px}
 [data-theme="dark"] .logo-menu-actions{border-color:#333}
 .logo-menu-actions svg{width:16px;height:16px;flex:none;color:var(--logo-menu-muted)}
 .logo-menu button:is(:hover,:focus-visible){background:var(--logo-menu-hover);outline:none}
 .logo-menu:focus-visible{outline:none}
 .logo-menu button:disabled{cursor:wait}
}

/* Surface motion reuses navbar.css's verbatim transitions.dev dropdown recipe. */
.logo-menu.is-motion-instant{transition:none!important}