.connect-avatar{box-sizing:border-box;padding:var(--ds-layout-spacing-100);background-position:50%;background-size:cover;border-radius:50%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.connect-avatar .connect-avatar__icon{width:100%;height:100%}.connect-avatar--image{background-color:var(--ds-color-support-neutral-muted)}.connect-avatar--initials,.connect-avatar--icon{background:var(--ds-color-support-primary-inverse);color:var(--ds-color-content-primary)}.connect-avatar--bg-azure{background-color:var(--ds-color-support-informative-muted);color:var(--ds-color-content-default)}.connect-avatar--bg-purple{background-color:var(--ds-color-content-link-visited);color:var(--ds-color-content-inverse)}.connect-avatar--bg-pink{background-color:var(--ds-color-support-negative-muted);color:var(--ds-color-content-default)}.connect-avatar--bg-yellow{background-color:var(--ds-color-interactive-accent-enabled);color:var(--ds-color-content-default)}.connect-avatar--is-group{margin-inline-start:calc(var(--ds-layout-size-100)*-1);transition:transform .2s;position:relative}.connect-avatar--small.connect-avatar--is-group{margin-inline-start:calc(var(--ds-layout-size-50)*-1)}.connect-avatar--is-group:first-child{margin-inline-start:0}.connect-avatar--2x-small{width:var(--ds-layout-size-200);height:var(--ds-layout-size-200)}.connect-avatar--x-small{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-avatar--small{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-avatar--medium{width:var(--ds-layout-size-400);height:var(--ds-layout-size-400)}.connect-avatar--large{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500)}.connect-avatar--x-large{width:var(--ds-layout-size-600);height:var(--ds-layout-size-600)}.connect-avatar__presence{box-sizing:border-box;border:var(--ds-layout-stroke-width-25)solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.connect-avatar__presence--medium{width:var(--ds-layout-size-150);height:var(--ds-layout-size-150);transform:translate(20%,20%)}.connect-avatar__presence--large{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250);transform:translate(40%,40%)}.connect-avatar__presence__icon{flex-shrink:0}.connect-avatar__presence--medium .connect-avatar__presence__icon{width:var(--ds-layout-size-100);height:var(--ds-layout-size-100)}.connect-avatar__presence--large .connect-avatar__presence__icon{width:var(--ds-layout-size-150);height:var(--ds-layout-size-150)}.connect-avatar__presence--available{background-color:var(--ds-color-support-positive-default);color:var(--ds-color-surface-background-base-default)}.connect-avatar__presence--medium.connect-avatar__presence--offline{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10)var(--ds-color-support-neutral-default)}.connect-avatar__presence--large.connect-avatar__presence--offline{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25)var(--ds-color-support-neutral-default)}.connect-avatar__presence--offline{background-color:var(--ds-color-surface-background-base-default);color:var(--ds-color-support-neutral-default)}.connect-avatar__presence--busy{background-color:var(--ds-color-support-negative-default);color:var(--ds-color-surface-background-base-default)}.connect-avatar__presence--away{background-color:var(--ds-color-support-warning-default);color:var(--ds-color-surface-background-base-default)}