:host { display: inline-block; }

.comp-scu-member-profile {
  @include comp-scu-member-profile;
  @include comp-scu-member-profile--figma-autolayout;

  .member-picture {
    @include comp-scu-member-profile-member-picture;
    @include comp-scu-member-profile-member-picture--sizing;

    @include flex-align-self-center;
    @include color-grey-095-background;
    
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .label-box {
    @include comp-scu-member-profile-label-box;
    @include comp-scu-member-profile-label-box--figma-autolayout;

    .member-name {
      @include comp-scu-member-profile-label-box-member-name;
    }

    .member-since {
      @include comp-scu-member-profile-label-box-member-since;
    }
  }
}