.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;bottom:0;border:var(--ds-layout-stroke-width-25) solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:0}.connect-avatar__presence--medium{width:var(--ds-layout-size-150);height:var(--ds-layout-size-150);inset-inline-end:calc(var(--ds-layout-size-150) * -.2);bottom:calc(var(--ds-layout-size-150) * -.2)}.connect-avatar__presence--large{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250);inset-inline-end:calc(var(--ds-layout-size-250) * -.4);bottom:calc(var(--ds-layout-size-250) * -.4)}.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)}
.connect-avatar-group{align-items:center;display:flex;position:relative}.connect-avatar-group--small .connect-avatar-group__overflow-button{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-avatar-group--medium .connect-avatar-group__overflow-button{width:var(--ds-layout-size-400);height:var(--ds-layout-size-400)}.connect-avatar-group--large .connect-avatar-group__overflow-button{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500)}.connect-avatar-group__overflow-button{z-index:var(--ds-misc-z-index-z-base);box-sizing:border-box;border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-subtle);background-color:var(--ds-color-surface-background-base-default);color:var(--ds-color-content-default);margin:0;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:calc(var(--ds-layout-size-100) * -1);transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.connect-avatar-group--small .connect-avatar-group__overflow-button{margin-inline-start:calc(var(--ds-layout-size-50) * -1)}.connect-avatar-group__overflow-button:focus-visible,.connect-avatar-group__overflow-button:focus{background-color:var(--ds-color-interactive-primary-subtle-selected);color:var(--ds-color-content-primary);outline:none}.connect-avatar-group:has(:focus-visible){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem;border-radius:var(--ds-layout-size-600)}.connect-avatar-group__overflow-button:hover{background-color:var(--ds-color-interactive-neutral-hovered);outline:none}.connect-avatar-group__overflow-button:active{background-color:var(--ds-color-interactive-neutral-pressed)}