.ui-avatar{--ui-avatar-size:40px;--ui-avatar-color:var(--ui-color-primary,#1677ff);position:relative;display:inline-grid;width:var(--ui-avatar-size);height:var(--ui-avatar-size);flex:0 0 var(--ui-avatar-size);place-items:center;overflow:visible;border-radius:50%;background:color-mix(in srgb,var(--ui-avatar-color) 64%,#000);color:#fff;font-family:var(--ui-font-family,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:calc(var(--ui-avatar-size)*.34);font-weight:600;line-height:1;text-transform:uppercase}.ui-avatar[data-size="small"]{--ui-avatar-size:28px}.ui-avatar[data-size="large"]{--ui-avatar-size:52px}.ui-avatar[data-size="xlarge"]{--ui-avatar-size:72px}.ui-avatar[data-shape="square"]{border-radius:var(--ui-radius-md,8px)}.ui-avatar__image,.ui-avatar__fallback{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.ui-avatar__image{z-index:1;display:block;object-fit:cover}.ui-avatar__image[src=""]{display:none}.ui-avatar__fallback{display:grid;place-items:center}.ui-avatar__status{position:absolute;z-index:2;right:-1px;bottom:-1px;width:calc(var(--ui-avatar-size)*.27);height:calc(var(--ui-avatar-size)*.27);min-width:8px;min-height:8px;border:2px solid var(--ui-color-surface,#fff);border-radius:50%;background:var(--ui-color-text-disabled,#bfbfbf)}.ui-avatar[data-status="online"] .ui-avatar__status{background:var(--ui-color-success,#52c41a)}.ui-avatar[data-status="busy"] .ui-avatar__status{background:var(--ui-color-error,#ff4d4f)}.ui-avatar[data-status="away"] .ui-avatar__status{background:var(--ui-color-warning,#faad14)}.ui-avatar[data-status="none"] .ui-avatar__status{display:none}