@layer theos.frames{.theos-avatar{inline-size:var(--theos-step-5);block-size:var(--theos-step-5);aspect-ratio:var(--theos-aspect-square);border-radius:var(--theos-radius-avatar);background:var(--theos-panel,#e0d6c8);color:var(--theos-on-panel,#181818);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.theos-avatar--sm{inline-size:var(--theos-step-4);block-size:var(--theos-step-4)}.theos-avatar--lg{inline-size:var(--theos-step-8);block-size:var(--theos-step-8)}.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}}