/* Keep header avatars bounded even when CSP blocks inline style attributes. */
.header-user-link > .avatar-frame,
.header-user-link .header-user-avatar {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    overflow: hidden;
}

.header-user-link > .avatar-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.header-user-link img.header-user-avatar,
.header-user-link .header-user-avatar.avatar-fallback {
    display: block;
    object-fit: cover;
    border-radius: 50%;
}