@layer components{.avatar{--avatar-size:2rem;--avatar-radius:var(--radius-sm);align-items:center;aspect-ratio:1;background-color:var(--theme-bg-alt);block-size:var(--avatar-size);border:var(--border-thin) solid var(--theme-border);border-radius:var(--avatar-radius);color:var(--theme-text);display:flex;flex:0 0 auto;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);inline-size:var(--avatar-size);justify-content:center;overflow:clip}.avatar[data-avatar-size=s]{--avatar-size:1.5rem}.avatar[data-avatar-size=l]{--avatar-size:2.75rem}.avatar[data-avatar-round]{--avatar-radius:var(--radius-round)}}