.klyp-Avatar{border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;isolation:isolate;width:var(--space-32);height:var(--space-32);flex-shrink:0;display:inline-flex;position:relative;overflow:hidden}.klyp-Avatar:after{content:"";border-radius:inherit;border:var(--bw-default) solid var(--color-border-subtle);pointer-events:none;mix-blend-mode:lighten;position:absolute;inset:0}.klyp-Avatar[data-size=sm]{width:var(--space-24);height:var(--space-24)}.klyp-Avatar[data-size=md]{width:var(--space-32);height:var(--space-32)}.klyp-Avatar[data-size=lg]{width:var(--space-40);height:var(--space-40)}.klyp-Avatar__image{aspect-ratio:1;border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klyp-Avatar__fallback{border-radius:inherit;background:var(--color-bg-surface-solid);width:100%;height:100%;color:var(--color-fg-muted);font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-13);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:inline-flex}.klyp-Avatar[data-size=sm] .klyp-Avatar__fallback{font-size:var(--font-size-12)}.klyp-Avatar[data-size=lg] .klyp-Avatar__fallback{font-size:var(--font-size-14)}.klyp-Avatar__badge{z-index:1;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-fg-inverse);box-shadow:0 0 0 2px var(--color-bg-root);width:var(--space-10);height:var(--space-10);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}.klyp-Avatar__badge>svg,.klyp-Avatar[data-size=sm] .klyp-Avatar__badge{width:var(--space-8);height:var(--space-8)}.klyp-Avatar[data-size=sm] .klyp-Avatar__badge>svg{display:none}.klyp-Avatar[data-size=lg] .klyp-Avatar__badge{width:var(--space-12);height:var(--space-12)}.klyp-Avatar[data-size=lg] .klyp-Avatar__badge>svg{width:var(--space-8);height:var(--space-8)}.klyp-AvatarGroup{align-items:center;display:inline-flex}.klyp-AvatarGroup>.klyp-Avatar,.klyp-AvatarGroup>.klyp-AvatarGroupCount{margin-left:calc(var(--space-8) * -1);box-shadow:0 0 0 2px var(--color-bg-root)}.klyp-AvatarGroup>.klyp-Avatar:first-child,.klyp-AvatarGroup>.klyp-AvatarGroupCount:first-child{margin-left:0}.klyp-AvatarGroupCount{border-radius:var(--radius-full);background:var(--color-bg-surface-solid);color:var(--color-fg-muted);font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-13);width:var(--space-32);height:var(--space-32);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-AvatarGroupCount>svg{width:var(--space-16);height:var(--space-16)}