@layer components{:root{--c-avatar--base:var(--base);--c-avatar--color--secondary:var(--color--secondary);--c-avatar--corner-shape:var(--corner-shape);--c-avatar--color--secondary-contrast:var(--color--secondary-contrast)}.c-avatar{corner-shape:var(--c-avatar--corner-shape,var(--corner-shape));background:var(--c-avatar--color--secondary,var(--color--secondary));border-radius:50%;contain:layout paint;line-height:0;position:relative}.c-avatar--size-sm{height:calc((var(--c-avatar--base, var(--base)))*5);width:calc((var(--c-avatar--base, var(--base)))*5)}.c-avatar--size-md{height:calc((var(--c-avatar--base, var(--base)))*9);width:calc((var(--c-avatar--base, var(--base)))*9)}.c-avatar--size-lg{height:calc((var(--c-avatar--base, var(--base)))*14);width:calc((var(--c-avatar--base, var(--base)))*14)}.c-avatar--size-full{aspect-ratio:1;width:100%}.c-avatar__icon,.c-avatar__image,.c-avatar__initials *{fill:var(--c-avatar--color--secondary-contrast,var(--color--secondary-contrast));border-radius:inherit;color:var(--c-avatar--color--secondary-contrast,var(--color--secondary-contrast));inset:0;position:absolute}.c-avatar__image img.c-image__image{border-radius:inherit;width:100%}.c-avatar__icon{display:grid;place-items:center}.c-avatar--image{background:none}}