/* One Employee source photo is framed independently by each presentation component. */
.employee-avatar-image{
  --employee-avatar-scale:1;
  --employee-avatar-shift-x:0px;
  --employee-avatar-shift-y:0px;
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  transform:translate(var(--employee-avatar-shift-x),var(--employee-avatar-shift-y)) scale(var(--employee-avatar-scale));
  transform-origin:center;
}

.avatar.has-photo{
  position:relative;
  overflow:hidden;
  padding:0;
  background:#fff;
}

.avatar.has-photo .employee-avatar-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.employee-photo-thumbnail{
  --employee-thumbnail-scale:1;
  --employee-thumbnail-shift-x:0px;
  --employee-thumbnail-shift-y:0px;
  display:block;
  flex:0 0 auto;
  object-fit:cover;
  object-position:var(--employee-thumbnail-position,center);
  transform:translate(var(--employee-thumbnail-shift-x),var(--employee-thumbnail-shift-y)) scale(var(--employee-thumbnail-scale));
  transform-origin:center;
}

.profile-visual .face{
  inset:0;
  width:100%;
  height:100%;
  transform:none;
  object-fit:cover;
  object-position:center top;
  z-index:1;
}

.profile-visual .accent{
  z-index:0;
  pointer-events:none;
}

.profile-visual .face-fallback{
  z-index:1;
}

.profile-visual .full-badge{
  z-index:2;
}

.poster-person-meta .mini-avatar img{
  object-fit:cover;
  object-position:center;
}