/* Author: Serkan Arslan | https://aserkan.com */
/* People only: shared Velzon avatar sizes also belong to company logos and icons. */
.sa-user-avatar-frame{position:relative;flex-shrink:0;}
.sa-user-avatar-frame.sa-user-avatar-frame--hero,.sa-user-avatar-frame.sa-user-avatar-frame--card,
img.sa-user-avatar.sa-user-avatar--hero,img.sa-user-avatar.sa-user-avatar--card{width:7.6rem!important;height:7.6rem!important;}
.sa-user-avatar-frame.sa-user-avatar-frame--list,img.sa-user-avatar.sa-user-avatar--list{width:3rem!important;height:3rem!important;}
.sa-user-avatar-frame.sa-user-avatar-frame--compact,img.sa-user-avatar.sa-user-avatar--compact{width:2.5rem!important;height:2.5rem!important;}
.sa-user-avatar-frame>img.sa-user-avatar{width:100%!important;height:100%!important;}
img.sa-user-avatar{object-fit:cover;flex-shrink:0;}
img.sa-user-avatar[data-sa-photo-ready]{cursor:zoom-in;}
img.sa-user-avatar[data-sa-photo-ready]:focus-visible{outline:3px solid var(--vz-primary);outline-offset:4px;}
#page-topbar .topbar-user{display:flex;align-items:center;gap:.35rem;}
#page-topbar .sa-topbar-avatar-slot{display:flex;align-items:center;padding-inline-start:.75rem;flex-shrink:0;}
#page-topbar .sa-topbar-avatar-slot img.sa-user-avatar{width:2.75rem!important;height:2.75rem!important;}
#page-topbar #page-header-user-dropdown{padding-inline:.35rem .75rem;}
#page-topbar .notification-item img.sa-user-avatar--compact{width:2.5rem!important;height:2.5rem!important;}
.chat-user-img>.avatar-xxs{width:2.5rem!important;height:2.5rem!important;}
.chat-user-img img.userprofile{width:2.5rem!important;height:2.5rem!important;object-fit:cover;}
#chatHeaderAvatar{width:2.75rem!important;height:2.75rem!important;object-fit:cover;}
img.sa-channel-members-avatar{width:2.5rem!important;height:2.5rem!important;object-fit:cover;}
.sa-friend-chat-window:not(.is-channel) img.sa-friend-chat-avatar{width:2.75rem!important;height:2.75rem!important;flex-basis:2.75rem;object-fit:cover;}
.sa-friend-chat-tray-item>img{width:2.5rem!important;height:2.5rem!important;flex:0 0 2.5rem;object-fit:cover;}
#dashboardMailList .avatar-xs{width:2.5rem!important;height:2.5rem!important;}
#dashboardMailList img.avatar-xs{object-fit:cover;}
body #chatwidgetarea .chat-avatar{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;}
#chatwidgetarea .chat-avatar img,#chatwidgetarea .dropdown-menu img.avatar-xxs{width:2.5rem!important;height:2.5rem!important;object-fit:cover;}
#page-topbar a[data-sa-open-direct-chat] img,#page-topbar a[data-friendship-id] .avatar-title{width:2.5rem!important;height:2.5rem!important;}
#team-member-list .otw-wrapper{flex-shrink:0;line-height:0;}
#team-member-list .otw-wrapper>.sa-member-presence{right:0;bottom:.75rem;width:1rem;height:1rem;z-index:2;}
#team-member-list.grid-view-filter .team-profile-img .team-content{padding-top:.75rem;}
body #team-member-list.grid-view-filter .sa-friendship-body-action{top:calc(140px + 3.8rem + .5rem);left:50%;transform:translateX(-50%);}
#team-member-list .team-content{min-width:0;}
#team-member-list.list-view-filter .team-main-col{min-width:0;}
.sa-profile-details-avatar>.sa-user-avatar-frame{line-height:0;}
.sa-profile-settings-avatar{max-width:100%;}
.sa-profile-settings-avatar>.sa-profile-avatar-badge{right:-.25rem;bottom:-.25rem;}
body #sa-network .sa-network-member{grid-template-columns:96px minmax(0,1fr) 160px auto;}
body #sa-network .sa-network-photo img.sa-user-avatar{width:96px;height:108px;}
.sa-user-photo-modal{--vz-modal-width:640px;z-index:20030;}
.modal-backdrop.sa-user-photo-backdrop{z-index:20025;}
.sa-user-photo-modal .modal-dialog{width:calc(100% - 2rem);max-width:640px;margin-inline:auto;}
.sa-user-photo-modal .modal-content{position:relative;border:1px solid var(--vz-border-color);background:var(--vz-secondary-bg,var(--vz-card-bg));color:var(--vz-body-color);border-radius:.75rem;box-shadow:var(--vz-box-shadow-lg);}
.sa-user-photo-modal .modal-body{display:flex;align-items:center;justify-content:center;padding:3rem 2rem 2rem;}
.sa-user-photo-modal .sa-user-photo-image{display:block;width:min(460px,calc(100vw - 6rem),calc(100dvh - 8rem));height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;max-width:100%;background:var(--vz-tertiary-bg,var(--vz-body-bg));}
.sa-user-photo-modal .sa-user-photo-close{position:absolute;right:.5rem;top:.35rem;z-index:1;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:var(--vz-secondary-color,var(--vz-body-color));font-size:2rem;line-height:1;border:0;background:transparent;}
.sa-user-photo-modal .sa-user-photo-close:hover,.sa-user-photo-modal .sa-user-photo-close:focus-visible{color:var(--vz-emphasis-color);background:var(--vz-tertiary-bg,var(--vz-light));}
@media(max-width:991.98px){
    body #sa-network .sa-network-member{grid-template-columns:80px minmax(0,1fr);}
    body #sa-network .sa-network-photo img.sa-user-avatar{width:80px;height:94px;}
}
@media(max-width:575.98px){
    #page-topbar .sa-topbar-avatar-slot{padding-inline-start:.35rem;}
    #page-topbar #page-header-user-dropdown{padding-inline:.15rem .35rem;}
    #team-member-list.list-view-filter .team-profile-img{gap:.75rem!important;}
    #team-member-list.list-view-filter .team-profile-img .team-content{flex:1;min-width:0;}
    .sa-user-photo-modal .modal-dialog{width:calc(100% - 1rem);}
    .sa-user-photo-modal .modal-body{padding:3rem 1rem 1.5rem;}
    .sa-user-photo-modal .sa-user-photo-image{width:min(460px,calc(100vw - 3rem),calc(100dvh - 7rem));}
}