/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

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

  #{$parent} {
    &-container {
      max-width: 600px;
      //max-height: 600px;
      padding: 15px 16px 16px 24px;
    }
  
    &-close {
      font-size: 1.5rem;
      margin-top: 4px;
    }
  
    &-header {
      margin-bottom: 1px;
    }
  }
  
  h6 {
    font-size: 1.25rem;
    text-align: start;
    margin: 0;
  }
  
  .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;
    }
  }

  .btn-crop {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}