@layer components{.Avatar{--size:1.500rem;align-items:flex-end;aspect-ratio:1/1;background-color:var(--highlight-blue-background);border-radius:100%;display:flex;inline-size:var(--size);justify-content:center;overflow:hidden;position:relative}.Avatar[data-avatar-dimension=regular]{--size:2.500rem}.Avatar[data-avatar-dimension=big]{--size:3.000rem}.Avatar img{bottom:0;left:0;max-width:100%;object-fit:cover;position:absolute;right:0;top:0}.Placeholder{height:calc(var(--size) - 25%)}}