.upload-wrapper {
  display: flex;
  justify-content: space-between;

  .upload-comp {
    width: 400px;
  }

  .upload-input {
    width: 400px;
    margin-left: 60px;

    .upload-input-tip {
      margin-bottom: 12px;
    }
  }
}

.upload-drag-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666666;

  &.upload-drag-dragover:not(.upload-drag-disabled) {
    svg {
      color: #00AAE7;
    }
  }

  .upload-drag-text {
    margin: 26px 0 4px 0;

    .upload-drag-click {
      color: #00AAE7;
    }
  }

  .upload-drag-tip {
    font-size: 12px;
    color: #999999;
  }

  &.upload-drag-disabled {
    color: #999999;

    .upload-drag-click {
      color: #999999;
    }
  }
}