.profile-header {
  width: 100%;
  height: 240px;
  padding: 10px;
  position: relative;
}
.profile-header .profile-banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--border-radius-large);
}
.profile-header .profile-avatar {
  --diameter: 92px;
  position: absolute;
  bottom: calc(var(--diameter) / -2);
  right: var(--content-padding);
  width: var(--diameter);
  height: var(--diameter);
  border-radius: 50%;
  overflow: hidden;
}
.profile-header .profile-avatar .profile-avatar-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}/*# sourceMappingURL=component-profileHeader.css.map */