.avatar{border-radius:var(--border-radius-full);background-color:var(--gray-200);color:var(--text-color-secondary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-default);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.avatar--xs{width:18px;height:18px;font-size:9px}.avatar--sm{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-lg)}.avatar--lg{width:64px;height:64px;font-size:var(--font-size-2xl)}.avatar--xl{width:80px;height:80px;font-size:var(--font-size-3xl)}.avatar--green{background-color:var(--tag-green-bg);color:var(--tag-green-text)}.avatar--red{background-color:var(--tag-red-bg);color:var(--tag-red-text)}.avatar--blue{background-color:var(--tag-blue-bg);color:var(--tag-blue-text)}.avatar--orange{background-color:var(--tag-orange-bg);color:var(--tag-orange-text)}.avatar--purple{background-color:var(--tag-purple-bg);color:var(--tag-purple-text)}.avatar__image{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}