.klyp-avatar{border-radius:var(--klyp-app-ui-kit-radius-full);-webkit-user-select:none;user-select:none;isolation:isolate;width:var(--klyp-app-ui-kit-space-32);height:var(--klyp-app-ui-kit-space-32);flex-shrink:0;display:inline-flex;position:relative}.klyp-avatar:after{content:"";border-radius:inherit;border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);pointer-events:none;mix-blend-mode:lighten;position:absolute;inset:0}.klyp-avatar[data-size=xs]{width:var(--klyp-app-ui-kit-space-20);height:var(--klyp-app-ui-kit-space-20)}.klyp-avatar[data-size=sm]{width:var(--klyp-app-ui-kit-space-24);height:var(--klyp-app-ui-kit-space-24)}.klyp-avatar[data-size=md]{width:var(--klyp-app-ui-kit-space-32);height:var(--klyp-app-ui-kit-space-32)}.klyp-avatar[data-size=lg]{width:var(--klyp-app-ui-kit-space-40);height:var(--klyp-app-ui-kit-space-40)}.klyp-avatar[data-size=xl]{width:var(--klyp-app-ui-kit-space-56);height:var(--klyp-app-ui-kit-space-56)}.klyp-avatar[data-shape=sharp]{border-radius:0}.klyp-avatar[data-shape=rounded]{border-radius:var(--klyp-app-ui-kit-radius-8)}.klyp-avatar[data-shape=card],.klyp-avatar[data-shape=square]{border-radius:var(--klyp-app-ui-kit-r-card)}.klyp-avatar__skeleton{border-radius:inherit;background-color:var(--klyp-app-ui-kit-color-bg-surface-solid);width:100%;height:100%;animation:klyp-avatar-pulse calc(var(--klyp-app-ui-kit-duration-slow) * 4.5) ease-in-out infinite;display:block}@media (prefers-reduced-motion:reduce){.klyp-avatar__skeleton{opacity:var(--klyp-app-ui-kit-opacity-70);animation:none}}.klyp-avatar[data-loading]:after,.klyp-avatar[data-borderless]:after{display:none}.klyp-avatar__image{aspect-ratio:1;border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.klyp-avatar__fallback{border-radius:inherit;background:var(--klyp-app-ui-kit-color-bg-surface-solid);width:100%;height:100%;color:var(--klyp-app-ui-kit-color-fg-muted);font-family:var(--klyp-app-ui-kit-font-sans);font-weight:var(--klyp-app-ui-kit-font-weight-medium);font-size:var(--klyp-app-ui-kit-font-size-14);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset:0}.klyp-avatar[data-size=xs] .klyp-avatar__fallback{font-size:var(--klyp-app-ui-kit-font-size-10)}.klyp-avatar[data-size=sm] .klyp-avatar__fallback{font-size:var(--klyp-app-ui-kit-font-size-12)}.klyp-avatar[data-size=lg] .klyp-avatar__fallback{font-size:var(--klyp-app-ui-kit-font-size-14)}.klyp-avatar[data-size=xl] .klyp-avatar__fallback{font-size:var(--klyp-app-ui-kit-font-size-18)}.klyp-avatar__badge{z-index:1;border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--klyp-app-ui-kit-color-accent);color:var(--klyp-app-ui-kit-color-fg-inverse);box-shadow:0 0 0 var(--klyp-app-ui-kit-bw-emphasis) var(--klyp-app-ui-kit-color-bg-root);width:var(--klyp-app-ui-kit-space-10);height:var(--klyp-app-ui-kit-space-10);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}.klyp-avatar__badge>.klyp-icon{width:var(--klyp-app-ui-kit-space-8);height:var(--klyp-app-ui-kit-space-8)}.klyp-avatar[data-size=xs] .klyp-avatar__badge{width:var(--klyp-app-ui-kit-space-6);height:var(--klyp-app-ui-kit-space-6)}.klyp-avatar[data-size=xs] .klyp-avatar__badge>.klyp-icon{display:none}.klyp-avatar[data-size=sm] .klyp-avatar__badge{width:var(--klyp-app-ui-kit-space-8);height:var(--klyp-app-ui-kit-space-8)}.klyp-avatar[data-size=sm] .klyp-avatar__badge>.klyp-icon{display:none}.klyp-avatar[data-size=lg] .klyp-avatar__badge{width:var(--klyp-app-ui-kit-space-12);height:var(--klyp-app-ui-kit-space-12)}.klyp-avatar[data-size=lg] .klyp-avatar__badge>.klyp-icon{width:var(--klyp-app-ui-kit-space-8);height:var(--klyp-app-ui-kit-space-8)}.klyp-avatar[data-size=xl] .klyp-avatar__badge{width:var(--klyp-app-ui-kit-space-14);height:var(--klyp-app-ui-kit-space-14)}.klyp-avatar[data-size=xl] .klyp-avatar__badge>.klyp-icon{width:var(--klyp-app-ui-kit-space-10);height:var(--klyp-app-ui-kit-space-10)}.klyp-avatar__badge[data-tone=online]{background:var(--klyp-app-ui-kit-color-status-success)}.klyp-avatar__badge[data-tone=busy]{background:var(--klyp-app-ui-kit-color-status-danger)}.klyp-avatar__badge[data-tone=away]{background:var(--klyp-app-ui-kit-color-status-warning)}.klyp-avatar__badge[data-tone=offline]{background:var(--klyp-app-ui-kit-color-fg-muted)}@keyframes klyp-avatar-pulse{0%,to{opacity:1}50%{opacity:var(--klyp-app-ui-kit-opacity-50)}}.klyp-avatar-group{align-items:center;display:inline-flex}.klyp-avatar-group>.klyp-avatar,.klyp-avatar-group>.klyp-avatar-group-count{margin-left:calc(var(--klyp-app-ui-kit-space-8) * -1);box-shadow:0 0 0 var(--klyp-app-ui-kit-bw-emphasis) var(--klyp-app-ui-kit-color-bg-root)}.klyp-avatar-group>.klyp-avatar:first-child,.klyp-avatar-group>.klyp-avatar-group-count:first-child{margin-left:0}.klyp-avatar-group[data-ring=scrim]>.klyp-avatar,.klyp-avatar-group[data-ring=scrim]>.klyp-avatar-group-count{box-shadow:0 0 0 var(--klyp-app-ui-kit-bw-emphasis) color-mix(in srgb, var(--klyp-app-ui-kit-color-bg-root) 80%, transparent)}.klyp-avatar-group-count{border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--klyp-app-ui-kit-color-bg-surface-solid);color:var(--klyp-app-ui-kit-color-fg-muted);font-family:var(--klyp-app-ui-kit-font-sans);font-weight:var(--klyp-app-ui-kit-font-weight-medium);font-size:var(--klyp-app-ui-kit-font-size-14);width:var(--klyp-app-ui-kit-space-32);height:var(--klyp-app-ui-kit-space-32);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-avatar-group-count>.klyp-icon{width:var(--klyp-app-ui-kit-space-16);height:var(--klyp-app-ui-kit-space-16)}.klyp-avatar-group-count[data-size=xs]{width:var(--klyp-app-ui-kit-space-20);height:var(--klyp-app-ui-kit-space-20);font-size:var(--klyp-app-ui-kit-font-size-10)}.klyp-avatar-group-count[data-size=sm]{width:var(--klyp-app-ui-kit-space-24);height:var(--klyp-app-ui-kit-space-24);font-size:var(--klyp-app-ui-kit-font-size-12)}.klyp-avatar-group-count[data-size=lg]{width:var(--klyp-app-ui-kit-space-40);height:var(--klyp-app-ui-kit-space-40);font-size:var(--klyp-app-ui-kit-font-size-14)}.klyp-avatar-group-count[data-size=xl]{width:var(--klyp-app-ui-kit-space-56);height:var(--klyp-app-ui-kit-space-56);font-size:var(--klyp-app-ui-kit-font-size-18)}