.user-bar{position:relative;width:100%;--user-background-color: #ccc;--user-foreground-color: #FFF}.user-bar .user-info{position:relative;display:flex;align-items:center}.user-bar .user-info .avatar{width:100px;height:100px;border-radius:50%;background-color:var(--user-background-color);background-size:cover;background-position:center center;background-repeat:no-repeat}.user-bar .user-info .title{position:relative;line-height:1em;margin-left:15px}.user-bar .user-info .title .welcome{font-style:italic;font-size:13px}.user-bar .user-info .title .user-name{font-weight:bold;font-size:16px}.user-bar .user-info .title .name{font-size:16px}.user-bar .user-info .title .name .firstname{font-weight:300}.user-bar .user-info .title .name .lastname{margin-left:7px;font-weight:bold}