.user-avatar{background-color:var(--color-dark);color:#fff;width:40px;height:40px;font-family:var(--font-inter),sans-serif;text-transform:uppercase;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.user-avatar:hover{opacity:.85}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar-initials{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}