@layer components{.avatar{--skel--width:var(--avatar--size);--avatar--size:var(--s-spacing-7);color:var(--s-color-text-inverted);background-color:var(--s-color-surface-accent-dark);border:var(--s-border-width-default) solid var(--s-color-border-default);width:var(--avatar--size);height:var(--avatar--size);box-shadow:0 0 0 2px var(--s-color-surface-default);border-radius:100px;justify-content:center;align-items:center;margin-inline-start:calc(var(--avatar--size) / 4 * -1);margin-inline-end:var(--avatar--mie);display:inline-flex;position:relative}.avatar:first-of-type{flex-shrink:0;margin-inline-start:0}.avatar img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;border-radius:100px;width:100%;height:100%;font-family:"object-fit: cover;object-position: center center;";position:absolute}.avatar figcaption:has(svg){justify-content:center;align-items:center;display:flex}.avatar-size--tiny{--s-heading-caption-font-size:10px;--avatar--size:var(--s-spacing-4)}.avatar-size--small{--avatar--size:var(--s-spacing-5)}.avatar-size--large{--avatar--size:var(--s-spacing-9)}.avatar-color--default{--svg--fill:var(--s-color-text-inverted);background-color:var(--s-color-palette-neutral-600);border-color:var(--s-color-palette-neutral-600)}.avatar-color--default.outlined{background-color:var(--s-color-surface-default);color:var(--s-color-text-default);border-color:var(--s-color-palette-neutral-600)}.avatar-color--warning{--svg--fill:var(--s-color-text-inverted);background-color:var(--s-color-surface-warning);border-color:var(--s-color-border-warning)}.avatar-color--warning.outlined{background-color:var(--s-color-surface-default);color:var(--s-color-text-warning);border-color:var(--s-color-border-warning)}.avatar-color--brand{--svg--fill:var(--s-color-text-inverted);background-color:var(--s-color-surface-primary);border-color:var(--s-color-border-primary)}.avatar-color--brand.outlined{background-color:var(--s-color-surface-default);color:var(--s-color-text-primary);border-color:var(--s-color-border-primary)}.avatar-color--success{--svg--fill:var(--s-color-text-inverted);background-color:var(--s-color-surface-success);border-color:var(--s-color-border-success)}.avatar-color--success.outlined{background-color:var(--s-color-surface-default);color:var(--s-color-text-success);border-color:var(--s-color-border-success)}.avatar-color--info{--svg--fill:var(--s-color-text-inverted);background-color:var(--s-color-system-info-600);border-color:var(--s-color-system-info-600)}.avatar-color--info.outlined{background-color:var(--s-color-surface-default);color:var(--s-color-system-info-600);border-color:var(--s-color-system-info-600)}}