:where(.design-new) .app-avatar[data-v-9ef3131a]{border-radius:var(--radius-full);background:var(--glass-fill-lite);box-shadow:inset 0 0 0 1px var(--color-avatar-rim);color:var(--color-text-primary);border:0;flex:none;place-items:center;font-weight:600;display:inline-grid;position:relative;overflow:hidden}:where(.design-new) .app-avatar--sm[data-v-9ef3131a]{width:2rem;height:2rem;font-size:var(--font-size-caption)}:where(.design-new) .app-avatar--md[data-v-9ef3131a]{width:2.75rem;height:2.75rem;font-size:var(--font-size-body-sm)}:where(.design-new) .app-avatar--row[data-v-9ef3131a]{width:3.5rem;height:3.5rem;font-size:var(--font-size-body-sm)}:where(.design-new) .app-avatar--lg[data-v-9ef3131a]{width:4rem;height:4rem;font-size:var(--font-size-title-sm)}:where(.design-new) .app-avatar__fallback[data-v-9ef3131a]{color:#fff;place-items:center;display:grid;position:absolute;inset:0}:where(.design-new) .app-avatar__icon[data-v-9ef3131a]{color:var(--color-accent)}:where(.design-new) .app-avatar__image[data-v-9ef3131a]{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-fast) var(--ease-out);position:absolute;inset:0}:where(.design-new) .app-avatar__image--loaded[data-v-9ef3131a]{opacity:1}.app-avatar.app-avatar--square[data-v-9ef3131a]{border-radius:28%}