/* Fixed avatar frames: image intrinsic dimensions must not size grid tracks. */
:is(
  .avatar,
  .desktop-avatar,
  .contact-avatar,
  .friend-card-avatar,
  .profile-avatar,
  .group-avatar,
  .group-avatar-preview,
  .member-avatar,
  .classic-drawer-avatar,
  .classic-drawer-account-avatar,
  .classic-settings-avatar,
  .classic-profile-detail-avatar,
  .classic-group-info-avatar,
  .classic-panel-avatar,
  .classic-search-sender-avatar,
  .classic-privacy-picker-avatar,
  .classic-message-avatar,
  .group-message-avatar,
  .contact-modal-avatar,
  .contact-card-message-avatar,
  .new-friend-request-avatar,
  .forward-recipient-avatar,
  .group-create-upload,
  .group-create-person-avatar,
  .classic-camera-button,
  .activity-avatar,
  .broadcast-avatar
) {
  min-width: 0;
  min-height: 0;
  flex-shrink: 0;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

:is(
  .avatar,
  .desktop-avatar,
  .contact-avatar,
  .friend-card-avatar,
  .profile-avatar,
  .group-avatar,
  .group-avatar-preview,
  .member-avatar,
  .classic-drawer-avatar,
  .classic-drawer-account-avatar,
  .classic-settings-avatar,
  .classic-profile-detail-avatar,
  .classic-group-info-avatar,
  .classic-panel-avatar,
  .classic-search-sender-avatar,
  .classic-privacy-picker-avatar,
  .classic-message-avatar,
  .group-message-avatar,
  .contact-modal-avatar,
  .contact-card-message-avatar,
  .new-friend-request-avatar,
  .forward-recipient-avatar,
  .group-create-upload,
  .group-create-person-avatar,
  .classic-camera-button,
  .activity-avatar,
  .broadcast-avatar
) > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}