/* User pictures retain each component's size, shape and initials fallback. */
:root[data-design] .crm-avatar399{display:inline-grid!important;position:relative;place-items:center;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0!important;padding:0!important;overflow:hidden;border-radius:inherit;vertical-align:middle;font:inherit;color:inherit;background:inherit;line-height:1}
:root[data-design] .crm-avatar399>.crm-avatar399-initials{display:grid!important;position:static!important;place-items:center;grid-area:1/1;width:100%;height:100%;margin:0!important;padding:0!important;font:inherit;color:inherit;line-height:1}
:root[data-design] .crm-avatar399>img[data-avatar399]{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;object-fit:cover!important;opacity:0!important}
:root[data-design] .crm-avatar399>img[data-avatar399].is-ready399{opacity:1!important}

/* Account button: preserve square photo geometry in every theme. */
:root[data-design] .topbar .top-actions>button.avatar{padding:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;border-radius:50%!important;overflow:hidden;display:block!important}:root[data-design] .topbar .top-actions>button.avatar>.crm-avatar399{display:grid!important;width:100%!important;height:100%!important}