.avatar{border-radius:var(--radius-full);font-family:var(--font-family);color:var(--text-light);background-color:var(--primary-color);-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);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%}.avatar-xs{width:28px;height:28px;font-size:.7rem}.avatar-sm{width:36px;height:36px;font-size:.8rem}.avatar-md{width:44px;height:44px;font-size:.95rem}.avatar-lg{width:64px;height:64px;font-size:1.35rem}.avatar-xl{width:96px;height:96px;font-size:2rem}