@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@result-prefix-cls: ~'@{style-prefix}-pro-upload';

.@{result-prefix-cls} {
  &-upload-btn-text {
    margin-top: 8px;
  }

  &-preview-img {
    width: 100%;
  }

  &-dragger-upload-box {
    margin-bottom: 8px;
  }

  &-dragger-upload {
    padding: 0 16px;
  }

  &-dragger-text {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
  }

  &-dragger-icon {
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.45);
  }

  &-dragger-tips {
    color: rgba(0, 0, 0, 0.45);
  }

  &-tips {
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }

  &-file-icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  &-file-icon-img {
    max-width: 48px;
    max-height: 48px;
  }

  &-draggable-list-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: move;
  }

  &-draggable-list-item.drop-over-downward {
    border-right: 2px dashed #1890ff;
  }

  &-draggable-list-item.drop-over-upward {
    border-left: 2px dashed #1890ff;
  }
}