.avatar{border-radius:var(--radius-full);background-color:var(--color-gray-100);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:.875rem}.avatar--md{width:40px;height:40px;font-size:1rem}.avatar--lg{width:56px;height:56px;font-size:1.125rem}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.avatar-initials{width:100%;height:100%;color:var(--color-gray-800);justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}