:root{--avatar-ring:#d3d7ce;--avatar-mist:#e7e9e1;--avatar-canvas:var(--soft-2,#faf8f5)}.person-avatar{--avatar-size:44px;position:relative;display:inline-block;flex-shrink:0;box-sizing:border-box;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;border:2px solid var(--avatar-ring);border-radius:50%;background:linear-gradient(135deg,var(--avatar-mist),var(--avatar-canvas));vertical-align:middle}.person-avatar--sm{--avatar-size:32px}.person-avatar--md{--avatar-size:44px}.person-avatar--lg{--avatar-size:64px}.person-avatar--portrait{display:block;width:100%;height:100%;border:0;border-radius:0}.person-avatar--portrait .person-avatar__photo{object-position:top}.person-avatar--portrait .person-avatar__art{background-position:50%;background-size:contain}.person-avatar__photo{display:block;width:100%;height:100%;object-fit:cover}.person-avatar__art{position:absolute;inset:0;background-repeat:no-repeat;background-size:calc(100% / var(--span));background-position:calc((var(--dx) - var(--span) / 2) / (1 - var(--span)) * 100%) calc((var(--dy) - var(--span) / 2) / (1 - var(--span)) * 100%)}.person-avatar__art--male{--dx:0.55;--dy:0.225;--span:0.33;background-image:url(/assets/avatars/placeholder-male.png)}.person-avatar__art--female{--dx:0.53;--dy:0.225;--span:0.35;background-image:url(/assets/avatars/placeholder-female.png)}.person-avatar__art--neutral{--dx:0.5;--dy:0.5;--span:0.9;background-image:url(/assets/avatars/placeholder-neutral.png)}