/* One cached collection; each photograph is clipped by its own circle. */
html body .vobixContactAvatar{position:relative!important;overflow:visible!important;isolation:isolate;flex-shrink:0}
html body .vobixContactAvatar .vobixAvatarCircle{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:var(--contact-avatar-bg,#dcefff)}
html body .vobixContactAvatar .vobixAvatarAnimal{background-image:url('/images/contact-animals-v1.png');background-size:400% 300%;background-position:var(--animal-x) var(--animal-y);background-repeat:no-repeat}
html body .vobixContactAvatar .vobixAvatarCircle img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
html body .vobixContactAvatar .vobixAvatarInitial{position:absolute;right:-1px;bottom:-1px;z-index:1;display:grid;place-items:center;width:40%;height:40%;min-width:16px;min-height:16px;border:1.5px solid var(--contact-avatar-bg,#c6e6f9);border-radius:50%;background:#fff;color:var(--contact-avatar-fg,#076997);font:700 clamp(10px,.7em,18px)/1 system-ui;box-shadow:0 1px 3px #142d4820}
html body:is(.contrast,.seniorHighContrast) .vobixAvatarInitial{background:#000;color:#fff;border-color:#fff}
/* Personal photos use the entire circle; the initial belongs to the fallback. */
html body .vobixContactAvatar[data-avatar-kind=photo] .vobixAvatarInitial{display:none}
html body .vobixContactAvatar[data-avatar-kind=photo] .vobixAvatarCircle{background-image:none}
@media(forced-colors:active){html body .vobixAvatarInitial{background:Canvas;color:CanvasText;border-color:CanvasText;forced-color-adjust:auto}}