.ape-avatar{display:inline-grid;position:relative;width:var(--ape-size,64px);aspect-ratio:1;flex:none;isolation:isolate;vertical-align:middle}.ape-avatar[data-size=full]{width:var(--ape-size,100%);max-width:512px}.ape-avatar[data-size=avatar]{border-radius:50%;background:var(--surface,var(--paper,#f6f3eb));overflow:hidden}.ape-avatar-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s ease;pointer-events:none}.ape-avatar-frame[data-visible=true]{opacity:1}.ape-avatar-frame>img,.ape-avatar-frame>video{display:block;width:100%;height:100%;object-fit:contain}.ape-avatar[data-reduced=true] .ape-avatar-frame{transition:none}@media(prefers-reduced-motion:reduce){.ape-avatar-frame{transition:none}}