@import '../style/common_mixin.scss';

.p-content {
  width: 100%;
  padding: 2rem;
}

.p-conversation-box {
  
}

.p-conversation {
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  width: 100%;
  .i-title {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
  }
  .p-options .col-3 > div {
    margin: 1rem 1rem 0 0;
  }
  .p-option {
    width: 100%;
    .i-pic {
    }
  }
  .new-option {
    position: relative;
    border: 2px dashed #ddd;
    border-radius: 0.5rem;
    background-color: #fafafa;
    text-align: center;
    color: #aaa;
    cursor: pointer;
    @include k-no-select();
    &:before {
      content: "";
      display: block;
      padding-bottom: 56.25%;
    }
    & > div {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

}

:host ::ng-deep .anticon-upload {
  font-size: 2rem !important;
}

:host ::ng-deep .p-upload-icon span {
  font-size: 0.4rem !important;
}
