:where(.c-base-avatar){width:var(--avatar-size);height:var(--avatar-size);background:var(--avatar-color);color:oklch(from var(--avatar-color) .3 calc(.8 * c) h);font-size:calc(var(--avatar-size) * .44);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}:where(.c-base-avatar) .c-base-avatar__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}