.container {
  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
  vertical-align: middle;
  position: relative;
}

.teamAvatar {
  position: absolute;
  bottom: calc( var(--zd_size6) * -1 ) ;
  font-size: 0 ;
  padding: var(--zd_size2) ;
  border-radius: 50%;
  transform: scale(0.8);
  background-color: var(--zdt_avatarwithteam_default_bg);
}

[dir=ltr] .teamAvatar {
  right: calc( var(--zd_size10) * -1 ) ;
}

[dir=rtl] .teamAvatar {
  left: calc( var(--zd_size10) * -1 ) ;
}