@layer theos.frames{.theos-avatar{border-radius:var(--theos-radius-sm,0);background:var(--theos-panel,#e0d6c8);block-size:32px;inline-size:32px;color:var(--theos-on-panel,#181818);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.theos-avatar--sm{block-size:24px;inline-size:24px}.theos-avatar--lg{block-size:48px;inline-size:48px}.theos-avatar__image{object-fit:cover;block-size:100%;inline-size:100%}.theos-avatar__fallback{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}}