.profile-bar-slot{position:sticky;top:0;z-index:30;width:100%;max-width:var(--page-max);margin:0 auto;padding:8px var(--page-gutter) 0;box-sizing:border-box;pointer-events:none}@media only screen and (max-width:767px){.profile-bar-slot{padding:8px 12px 0}}.profile-bar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px;height:48px;padding:4px;box-sizing:border-box;border-radius:999px;background:var(--e-plane-section);box-shadow:0 1px 3px #00000059;pointer-events:auto}.profile-bar-button{position:relative;overflow:hidden;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:none;color:var(--e-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.profile-bar-button:hover{background:#ffffff0f;color:var(--e-ink-1)}}.profile-bar-button[aria-expanded=true]{background:#ffffff0f;color:var(--e-ink-1)}.profile-bar-glyph{width:24px;height:24px}.profile-bar-button .press-ripple{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0)}.profile-bar-title{min-width:0;margin:0;overflow:hidden;color:var(--e-ink-1);font-size:1rem;font-weight:600;line-height:1.3;text-align:center;white-space:nowrap;text-overflow:ellipsis}.profile-bar-more{position:relative}.profile-bar-menu{position:absolute;z-index:40;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;min-width:216px;padding:6px;border-radius:var(--e-r-section);background:var(--e-plane-section);box-shadow:0 14px 30px #00000080;transform-origin:top right}.profile-bar-menu.is-floating{position:fixed;top:auto;right:auto;z-index:60;max-width:calc(100vw - 16px)}.profile-bar-menu:not([hidden]){animation:profile-bar-menu-in .15s cubic-bezier(.2,0,.2,1)}@keyframes profile-bar-menu-in{0%{opacity:0;transform:scale(.85)}}.profile-bar-menu>button{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border:0;border-radius:var(--e-r-control);background:none;color:var(--e-ink-2);font:inherit;font-size:var(--e-t-body);text-align:left;cursor:pointer}.profile-bar-menu>button:hover{background:var(--e-plane-section-line);color:var(--e-ink-1)}.profile-bar-menu-icon{flex:none;width:20px;height:20px}@media(prefers-reduced-motion:reduce){.profile-bar-menu:not([hidden]){animation:none}}