@import '../variables.less';

.wm-upload-image {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  .image-box {
    display: flex;
    width: 164px;
    height: 164px;
    align-items: center;
    justify-content: center;
    background: @color-grey-eb;
    border-radius: @border-radius-6;
    margin: 0 16px 16px 0;
    position: relative;
    .icon {
      border-radius: @border-radius-6;
      width: 100%;
      height: 100%;
    }

    .image {
      border-radius: @border-radius-6;
      width: 100%;
      height: 100%;
    }

    .close-box {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 4px;
      top: 4px;
      width: 40px;
      height: 40px;

      .close-icon {
        width: 32px;
        height: 32px;
      }
    }
  }
  .upload-desc {
    color: @color-grey-99;
    font-size: @font-size-12;
    line-height: 35px;
  }
}