.popup-avatar {
  $parent: ".popup";

  #{$parent} {
    &-container {
      max-width: 600px;
      //max-height: 600px;
      padding: 15px 16px 16px 24px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      
      > button {
        position: absolute;
        bottom: 20px;
        right: 20px;
      }
    }
  
    &-close {
      font-size: 1.5rem;
      margin-top: 4px;
    }
  
    &-header {
      margin-bottom: 1px;
    }
  }
  
  h6 {
    font-size: 1.25rem;
    text-align: left;
    margin: 0;
    margin-left: 2rem;
  }
  
  .crop {
    max-width: 100%;
    max-height: 100%;
    padding: 24px 54px 46px 46px;
    border-radius: $border-radius;

    > img {
      display: none;
    }
    
    img {
      //height: 100%;
      border-radius: $border-radius;
    }
  }
}