.avatar.initial-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8C00;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px white;
}


.avatar.initial-avatar.avatar-32 {
    width: 32px;
    height: 32px;
    font-size: 14px;
}

.avatar.initial-avatar.avatar-48 {
    width: 48px;
    height: 48px;
    font-size: 20px;
}

.avatar.initial-avatar.avatar-56 {
    width: 56px;
    height: 56px;
    font-size: 24px;
}

.avatar.initial-avatar.avatar-60 {
    width: 60px;
    height: 60px;
    font-size: 26px;
}

.avatar.initial-avatar.avatar-96 {
    width: 96px;
    height: 96px;
    font-size: 40px;
}

.avatar.initial-avatar.avatar-128 {
    width: 128px;
    height: 128px;
    font-size: 54px;
}