.avatar{position:relative;overflow:hidden}.avatar .avatar-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.account-btn{box-sizing:border-box;width:var(--target-min);height:var(--target-min);border-radius:var(--radius-pill);color:var(--text-strong);flex:none;justify-content:center;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.account-btn .account-btn-name{display:none}.account-btn .account-btn-avatar{border-radius:var(--radius-pill);background:var(--accent-violet);width:40px;height:40px;color:var(--text-on-violet);font:var(--fw-medium) var(--fs-body) var(--font-body);flex:none;place-items:center;display:grid}.account-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.account-btn.account-btn-current{box-shadow:inset 0 0 0 2px var(--accent-violet)}@media (width>=1024px){.account-btn{background:var(--surface-card);width:auto;max-width:260px;height:48px;padding:4px 4px 4px 20px}.account-btn .account-btn-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--fw-medium) var(--fs-body) var(--font-body);display:block;overflow:hidden}.account-btn:hover{background:var(--track)}}@media (width>=1180px){.account-btn:not(.account-btn-rail){display:none}}.account-btn.account-btn-rail{background:0 0;width:52px;max-width:none;height:52px;padding:0}.account-btn.account-btn-rail .account-btn-name{display:none}.account-btn.account-btn-rail:hover{background:0 0}.account-btn.account-btn-rail:hover .account-btn-avatar{box-shadow:0 0 0 2px var(--border-on-ink)}.account-btn.account-btn-rail.account-btn-current{box-shadow:none}.account-btn.account-btn-rail.account-btn-current .account-btn-avatar{box-shadow:0 0 0 2px var(--surface-nav), 0 0 0 4px var(--accent)}.account-btn.account-btn-rail:focus-visible{outline:2px solid var(--accent);outline-offset:2px}