.zibll-child-avatar-frame-wrap {
    --zibll-avatar-frame-size: 48px;
    position: relative;
    display: inline-flex;
    width: var(--zibll-avatar-frame-size);
    height: var(--zibll-avatar-frame-size);
    line-height: 0;
    vertical-align: middle;
    isolation: isolate;
}

.zibll-child-avatar-frame-wrap > img,
.zibll-child-avatar-frame-wrap > picture,
.zibll-child-avatar-frame-wrap .avatar {
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    border-radius: 999px;
}

.zibll-child-avatar-frame-ring {
    position: absolute;
    z-index: 2;
    inset: -13%;
    pointer-events: none;
    border-radius: 0;
    background: var(--zibll-avatar-frame-image, none) center/contain no-repeat;
    filter: drop-shadow(0 3px 8px rgba(13,56,105,.14));
}