.edit-profile-image,

.profile-online {

  background-color: #0091de;

  display: flex;

}

.edit-profile-image {

  position: absolute;

  bottom: 8px;

  right: 8px;

  border-radius: 50%;

  border: 1px solid #fff;

  width: 20px;

  height: 20px;

  align-items: center;

  justify-content: center;

}

.edit-profile-image i {

  color: #fff;

  font-size: 15px;

}

.profile-image img,

.settings-image img {

  width: 120px;

  border-radius: 50%;

}

.profile-header {

  display: flex;

  align-items: center;

  flex-direction: column;

  margin: 20px 0;

}

.profile-online {

  position: absolute;

  bottom: 6px;

  right: 15px;

  border-radius: 50%;

  border: 2px solid #fff;

  width: 15px;

  height: 15px;

  align-items: center;

  justify-content: center;

}

.profile-name {

  color: var(--title-color);

  font-weight: 500;

  font-size: 20px;

  margin-top: 15px;

}

.profile-subtitle {

  color: #99a0a7;

  font-weight: 400;

  font-size: 15px;

  margin-bottom: 5px;

}

.profile-buttons {

  display: flex;

  justify-content: center;

  margin-bottom: 30px;

}

.profile-buttons .contact-button {

  color: var(--title-color);

  border-radius: 15px;

  width: 44px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 7px;

}

.profile-buttons .contact-button i {

  padding: 0;

  font-size: 20px;

}

.profile-buttons .author-follow {

  width: auto;

  margin: 0 7px;

  padding: 0 20px 0 15px;

}

.grid.grid-gap.album-stats,

.grid.grid-gap.profile-stats {

  gap: 0;

}

.album-stat,

.profile-stat {

  display: flex;

  flex-direction: column;

  border-right: 1px solid #e2e3e5;

  text-align: center;

}

.album-stat:last-child,

.dark .album-stat:last-child,

.dark .profile-stat:last-child,

.profile-stat:last-child,

html[dir="rtl"] .album-stat:first-child,

html[dir="rtl"] .profile-stat:first-child {

  border-right: none;

}

.album-stat-number,

.profile-stat-number {

  font-weight: 600;

  font-size: 20px;

}

.album-stat-title,

.profile-stat-title {

  color: var(--text-color);

  font-size: 15px;

}