.circular--landscape {
  display: inline-block;
  position: relative;
  padding: 1px;
  overflow: hidden;
  border-radius: 50%;
  /* border: 2px solid #f1f1f1; */
}
.dark .circular--landscape {
  border: 2px solid #444;
}
.circular--landscape img,
.circular--landscape svg {
  width: auto;
  height: 100%;
}
.profile-initials__text {
  font-size: 7px;
  font-weight: 600;
  fill: #fff;
}
.profile-initials--c0 .profile-initials__bg { fill: #4f6df5;
}
.profile-initials--c1 .profile-initials__bg { fill: #e8743b;
}
.profile-initials--c2 .profile-initials__bg { fill: #19a979;
}
.profile-initials--c3 .profile-initials__bg { fill: #945ecf;
}
.profile-initials--c4 .profile-initials__bg { fill: #e0408b;
}
.profile-initials--c5 .profile-initials__bg { fill: #0aa3c2;
}