.ui-avatar-group {
    display: flex;
    align-items: center;
}



.avatar-stack {
    position: relative;
    margin-left: -12px;
    z-index: 1;
}


.avatar-stack:first-child {
    margin-left: 0;
}


.avatar-stack:hover {
    z-index: 10;
}



.ui-avatar-group .ui-avatar-wrapper {
    border: 2px solid var(--meb-border-inverse);
}



.avatar-stack.overflow .ui-avatar-wrapper {
    background: var(--avatar-background, var(--meb-surface-avatar-subtle, var(--meb-surface-avatar)));
    border: 2px solid var(--meb-border-inverse);
}