.avatar{background:color-mix(in srgb, var(--text) 20%, transparent);color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar__img{object-fit:cover;width:100%;height:100%;display:block}.avatar__initial{line-height:1}.avatar--sm{width:34px;height:34px;font-size:13px}.avatar--compact{width:41px;height:41px;font-size:14px}.avatar--md{width:45px;height:45px;font-size:15px}.avatar--lg{width:50px;height:50px;font-size:16px}