.profile-icon-button{background:none;border:none;cursor:pointer;padding:0;margin:0}.profile-icon,.profile-icon-button{display:flex;align-items:center;justify-content:center}.profile-icon{width:36px;height:36px;border-radius:50%;background-color:var(--accent);color:var(--on-accent);font-weight:700;font-size:1rem;transition:transform .2s ease;overflow:hidden}@media (hover:hover) and (pointer:fine){.profile-icon:hover{transform:scale(1.1)}}.profile-icon.empty{background-color:var(--surface-0);border:2px solid var(--border-primary);color:var(--text-primary)}.profile-icon-photo{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden}@keyframes pulse{0%{transform:scale(1)}70%{transform:scale(1.1)}to{transform:scale(1)}}@media (hover:hover) and (pointer:fine){.has-profile .profile-icon:hover{animation:pulse 1.5s infinite}}.no-profile .profile-icon{opacity:.7}.no-profile .profile-icon:hover{opacity:1}@media (max-width:576px){.header-left--brand .logo{display:block}.header-left--brand .header-town{display:none}}@media (max-width:420px){.header--authed .header-left--brand .logo{display:block}}