/* Shared avatar geometry for SocialUI.chooser: composer, flows and analytics. */
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts){--account-avatar-size:40px}
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts) .destination-option .destination-avatar{
 position:relative;display:grid;place-items:center;box-sizing:border-box;
 width:var(--account-avatar-size);height:var(--account-avatar-size);
 min-width:var(--account-avatar-size);max-width:var(--account-avatar-size);
 min-height:var(--account-avatar-size);max-height:var(--account-avatar-size);
 flex:0 0 var(--account-avatar-size);border-radius:50%;box-shadow:none;
 outline:0;outline-offset:0;
}
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts) .destination-option:has(input:checked) .destination-avatar{outline:1.5px solid var(--accent);outline-offset:0}
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts) .destination-avatar img{
 position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;margin:0;border:0;border-radius:50%;object-fit:cover;
}
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts) .avatar-initials{display:grid;place-items:center;width:100%;height:100%;border-radius:50%}
:is(.composer-inline,.flow-accounts-rail,.analytics-accounts) .destination-avatar .network-mark{right:-4px;bottom:-3px}