.uploadSection {
  width: 156px;
  height: 106px;
  background: #f8faf9;
  border-radius: 4px;
  border: 1px solid rgba(45, 199, 170, 0.26);
  font-size: 14px;
  color: #2dc7aa;
  line-height: 20px;
}

.uploadFile {
  width: 100%;
  min-width: 300px;
  height: 40px;
  border: 1px solid rgba(142, 142, 142, 0.26);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: var(--el-text-color-regular);
  :global {
    .el-icon {
      margin-right: 5px;
    }
  }
}

.fileUpload {
  .uploadClass {
    position: relative;
    display: flex;
    width: 96px;
  }
  :global {
    .el-upload {
      justify-content: flex-start;
    }
    .el-upload--text {
      @apply w-full;
    }

    .el-loading-spinner {
      display: flex;
      align-items: center;
      height: 40px !important;
      justify-content: center;
      margin-top: -20px !important;
      svg {
        width: 20px;
        height: 20px;
        margin-right: 5px;
      }
    }
  }
}

.disabled .uploadClass {
  cursor: not-allowed !important;
}

.uploadClass {
  height: 106px;
  width: 100%;

  :global {
    .el-loading-spinner {
      margin-top: -43px;
      height: 106px;
    }
  }
}