@import '../../../assets/variable.less';

.import-modal {
  &-icon-file {
    color: @primary-color;
    font-size: 48px !important;
  }
  &-icon-export {
    margin-right: @margin-xss;
  }
  &-export-btn {
    display: block;
    width: fit-content;
    margin-top: @margin-md;
  }
  .ant-upload.ant-upload-drag {
    background: #fafafb;
    /* io/中性/N2-置灰信息 */
    border: 1px dashed #ccd0d4;
  }
  .ant-upload.ant-upload-drag .ant-upload {
    padding: 40px 0;
  }
  &-export-container {
    &-h1 {
      margin-top: -8px;
      margin-bottom: 4px;
    }
    &-h2 {
      color: @text-color-secondary;
      font-size: 12px;
    }
  }

  &-show-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    background: #fafafb;
    /* io/中性/N1-按钮边框 线色 */
    border: 1px solid #e6e7ea;
    border-radius: 4px;
    &-content {
      display: flex;
      align-items: center;
      &-icon {
        margin-right: 12px;
        color: @primary-color;
        font-size: 40px !important;
      }
      &-file {
        &-title {
          font-size: 16px;
        }
        &-size {
          color: @text-color-secondary;
          font-size: 12px;
        }
      }
    }
  }

  &-spin {
    background: #fafafb;
    border: 1px solid #e6e7ea;
    border-radius: 4px;
    &-icon.anticon {
      color: @primary-color;
      font-size: 24px;
    }
    .ant-spin-text {
      margin-top: @margin-xs;
    }
  }

  &-upload-txt {
    font-size: 16px;
  }

  .ant-modal-body {
    padding-top: 8px !important;
  }
}