.round-logo-frame,
.brand-badge,
.welcome-mark,
.account-avatar {
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
}

.brand-badge {
  top: -51px !important;
  width: 96px !important;
  height: 96px !important;
  padding: 0 !important;
  border: 5px solid #fff !important;
  box-shadow: 0 16px 30px rgba(76, 20, 127, .26) !important;
}

.welcome-mark {
  width: 86px !important;
  height: 86px !important;
  margin: 0 auto 15px !important;
  border: 4px solid #fff !important;
  box-shadow: 0 14px 26px rgba(76, 20, 127, .25) !important;
}

.account-avatar {
  width: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  border: 4px solid rgba(255,255,255,.94) !important;
  box-shadow: 0 12px 25px rgba(16, 24, 44, .24) !important;
}

.round-logo-frame img,
.brand-logo,
.brand-badge-logo,
.welcome-logo,
.account-avatar-logo,
.admin-brand-logo {
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.round-logo-frame img,
.brand-badge-logo,
.welcome-logo,
.account-avatar-logo {
  width: 100% !important;
  height: 100% !important;
}

.admin-brand-logo {
  flex: none !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.admin-brand-mark {
  flex: none !important;
  width: 50px !important;
  height: 50px !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 8px 18px rgba(76, 20, 127, .14) !important;
}

@media (max-width: 800px) {
  .brand-badge {
    width: 88px !important;
    height: 88px !important;
    top: -48px !important;
  }

  .welcome-mark {
    width: 76px !important;
    height: 76px !important;
  }

  .admin-brand-mark {
    width: 44px !important;
    height: 44px !important;
  }
}