/* Keep the guest/no-photo avatar state identical across the App and Recipes headers. */
.auth-avatar-btn:not(.mild-avatar-has-photo)::before,
.auth-avatar-initials:not(.mild-avatar-has-photo)::before,
.auth-user-avatar:not(.mild-avatar-has-photo)::before {
  content: '+';
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font: 400 20px/1 Inter, sans-serif;
  transform: translateY(-2px);
}

.auth-avatar-initials:not(.mild-avatar-has-photo),
.auth-user-avatar:not(.mild-avatar-has-photo) {
  color: transparent !important;
  font-size: 0 !important;
}