/*
|--------------------------------------------------------------------------
| V282 force company avatar uncrop
|--------------------------------------------------------------------------
| The company shell avatar was being center-cropped. This forces avatar/profile
| images to show the whole uploaded image.
*/

:root {
    --avatar-fix-bg: #ffffff;
}

/* Common avatar/profile wrappers */
[class*="avatar"] img,
[class*="profile"] img,
[class*="account"] img,
[class*="user-photo"] img,
[class*="userpic"] img,
[class*="portrait"] img,
[class*="thumb"] img,
[class*="photo"] img {
    object-fit: contain !important;
    object-position: center center !important;
    background: var(--avatar-fix-bg) !important;
}

/* Company shell/card/sidebar/topbar specific */
[class*="company"] [class*="avatar"] img,
[class*="company"] [class*="profile"] img,
[class*="company"] [class*="account"] img,
[class*="company"] [class*="user"] img,
[class*="workspace"] [class*="avatar"] img,
[class*="workspace"] [class*="profile"] img,
[class*="workspace"] [class*="account"] img,
[class*="workspace"] [class*="user"] img,
[class*="sidebar"] [class*="avatar"] img,
[class*="sidebar"] [class*="profile"] img,
[class*="sidebar"] [class*="account"] img,
[class*="sidebar"] [class*="user"] img,
[class*="topbar"] [class*="avatar"] img,
[class*="topbar"] [class*="profile"] img,
[class*="topbar"] [class*="account"] img,
[class*="topbar"] [class*="user"] img,
[class*="shell"] [class*="avatar"] img,
[class*="shell"] [class*="profile"] img,
[class*="shell"] [class*="account"] img,
[class*="shell"] [class*="user"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
    padding: 3px !important;
    box-sizing: border-box !important;
}

/* Image itself may have an avatar class */
img[class*="avatar"],
img[class*="profile"],
img[class*="account"],
img[class*="user-photo"],
img[class*="userpic"],
img[class*="portrait"] {
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
    padding: 3px !important;
    box-sizing: border-box !important;
}

/* Background-image avatars */
[class*="avatar"],
[class*="profile-avatar"],
[class*="account-avatar"],
[class*="user-avatar"],
[class*="company-avatar"],
[class*="workspace-avatar"],
[class*="sidebar-avatar"],
[class*="topbar-avatar"] {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Do not make the little portrait too tiny inside the top-left company card */
[class*="company"] [class*="avatar"],
[class*="workspace"] [class*="avatar"],
[class*="sidebar"] [class*="avatar"],
[class*="topbar"] [class*="avatar"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #ffffff !important;
}