.nav-avatar-wrap{position:relative}.nav-avatar-menu{z-index:100;background:color-mix(in srgb, var(--wb-surface-panel) 92%, transparent);border:1px solid var(--wb-border-subtle);border-radius:var(--wb-r-md);opacity:0;pointer-events:none;min-width:160px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-6px);box-shadow:0 8px 32px #00000073}.nav-avatar-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-avatar-menu-item{border-radius:var(--wb-r-xs);width:100%;color:var(--wb-content-primary);font:500 var(--wb-text-base) var(--font-space-grotesk), sans-serif;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;transition:background .11s,color .11s;display:flex}.nav-avatar-menu-item:hover,.nav-avatar-menu-item:focus-visible{background:var(--wb-accent-subtle);color:var(--wb-accent-content)}.nav-avatar-menu-item:focus-visible{outline-offset:calc(-1 * var(--wb-focus-ring-width))}.nav-avatar-menu-item svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.nav-avatar-menu-item--danger{color:var(--wb-content-tertiary)}