.avatar{width:var(--avatar-size-md);height:var(--avatar-size-md);border-radius:var(--border-radius-pill);border:var(--border-width-default) solid var(--color-border-default);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg)}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl)}.avatar:focus-visible{outline:var(--avatar-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__fallback{background:var(--color-surface-secondary);width:100%;height:100%;color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--avatar-fallback-font-size);font-weight:var(--avatar-fallback-font-weight);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.avatar-group{align-items:center;display:inline-flex}.avatar-group>*+*{margin-inline-start:var(--avatar-group-overlap)}.avatar-group__overflow{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--avatar-fallback-font-size);font-weight:var(--avatar-fallback-font-weight);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;overflow:visible}