/* @define Avatar */

.Avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--primary);
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-bold);
    color: var(--text-inverse);
    cursor: pointer;
}

.Avatar.is-multiName {
    background: var(--surface-accent);
    color: var(--text-accent);
}