.profile-layout,
.profile__sidebar {
  background:var(--bg_primary__100);
  padding:var(--padding);
  border-radius:var(--b-radius)
}
.profile-layout,
.profile__sidebar,
.profile__sidebar-link {
  border-radius:var(--b-radius)
}
.profile {
  display:flex;
  align-items:flex-start;
  gap:var(--padding);
  width:100%
}
.profile-meta {
  margin:30px auto 0
}
.profile-method-img {
  width:24px;
  height:24px
}
.profile-status-text.green {
  color:#72d370
}
.profile-status-text.red {
  color:#ff5959
}
.profile-status-text.yellow {
  color:#e9ab0a
}
.profile-status-text.gray {
  color:#ccd2e8
}
.profile__sidebar {
  flex-shrink:0;
  display:grid;
  gap:4px;
  width:260px;
  max-width:100%
}
.profile__sidebar-link {
  font-weight:600;
  gap:8px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:1.4rem 1.2rem;
  color:var(--color_secondary__100);
  transition:.2s
}
.profile__sidebar-link.active,
.profile__sidebar-link:hover {
  background:var(--bg_main__100);
  color:var(--color_main__100)
}
.profile__sidebar-link.active svg,
.profile__sidebar-link:hover svg {
  color:var(--color_primary__100)
}
.profile__content {
  width:100%
}
.profile__header {
  margin-bottom:var(--padding);
  display:none;
  align-items:center;
  gap:12px
}
@media (max-width:979px) {
  .profile__sidebar {
    width:100%
  }
  .profile__header {
    display:flex
  }
}
.profile__header h1 {
  font-weight:600;
  font-size:16px
}