.topbar-user-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--p-primary-color);color:var(--primary-color-text);font-weight:600;font-size:.85rem;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar-user-avatar-button{border:0;padding:0;cursor:pointer;transition:background-color var(--layout-section-transition-duration),box-shadow var(--layout-section-transition-duration),transform .15s ease}.topbar-user-avatar-button:hover{background-color:var(--p-primary-600)}.topbar-user-avatar-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-card,#fff),0 0 0 4px var(--p-primary-color)}.topbar-user-avatar-button:active{transform:scale(.97)}