// Avatar
// -------------------------
// Large centered avatar
img.large-avatar,
.large-avatar img {
    display: block;
    margin: 8px auto;
    width: var(--core-large-avatar-size);
    height: var(--core-large-avatar-size);
    max-width: var(--core-large-avatar-size);
    max-height: var(--core-large-avatar-size);
    border-radius: 50%;
    background-color: transparent;
}

ion-avatar {
    &.large-avatar {
        width: var(--core-large-avatar-size);
        height: var(--core-large-avatar-size);
    }

    img {
        text-indent: -99999px;
        background-color: var(--gray-200);
    }
}