/**
 * @name square avatars
 * @description Turning everyone square shaped
 * @author kenko kenko kenko kenko https://kenko.dev
 * @version 2
 */

[class*="BaseAvatar"], [data-flx*="messaging.image-crop-modal.round-mask"], [data-flx*="auth.accounts.account-switcher-modal.account-profile-picker.account-profile-tile.avatar-frame"], [data-flx*="app.you-page.avatar-button.avatar-click"] {
  border-radius: 10%!important;
}

[data-flx*="ui.base-avatar.image"], [data-flx*="ui.base-avatar.hover-overlay"] {
  mask: none!important;
}

[data-flx*="user.profile.profile-card.profile-card-banner.avatar-button"], [data-flx*="user.user-profile-mobile-sheet.user-profile-mobile-sheet-content.avatar-border"] {
  border-radius: 11%!important;
  border-width: 6px!important;
}

[data-flx*="user.user-profile-modal.profile-media-header.button.image-key-down--2"] {
  border-radius: 12%!important;
  border-width: 8px!important;
}

[data-flx*="app.sidebar-nav.guild-list-item-presentation.guild-icon"] {
  border-radius: 15%!important;
}

[data-flx*="ui.base-avatar.status-container"] {
  background: var(--background-primary);
  box-sizing: content-box;
  padding-top: 0.15rem;
  padding-left: 0.15rem;
  padding-bottom: 0rem;
  padding-right: 0rem;
  bottom: 0rem;
  right: 0rem;
  border-top-left-radius: 40%!important;
  border-top-right-radius: 0%!important;
  border-bottom-right-radius: 0%!important;
  border-bottom-left-radius: 0%!important;
}

[data-flx*="user.profile.profile-card.profile-card-banner.avatar-button.avatar-click"], [data-flx*="app.you-page.avatar-button.avatar-click"] {
  & [data-flx*="ui.status-aware-avatar.avatar"] {
    & [data-flx*="ui.base-avatar.status-container"] {
      padding-top: 0.3rem;
      padding-left: 0.3rem;
      padding-bottom: 0.15rem;
      padding-right: 0.15rem;
    }
  }
}

[data-flx*="user.user-profile-modal.profile-media-header.button.image-key-down--2"], [data-flx*="user.user-profile-mobile-sheet.user-profile-mobile-sheet-content.avatar-border"] {
  & [data-flx*="ui.status-aware-avatar.avatar"] {
    & [data-flx*="ui.base-avatar.status-container"] {
      padding-top: 0.4rem;
      padding-left: 0.4rem;
      padding-bottom: 0.2rem;
      padding-right: 0.2rem;
    }
  }
}