@import '../common/style/index.less';

.@{prefix}-upload {
  .@{prefix}-upload__grid {
    &-content {
      background: rgb(243, 243, 243);
      padding: 0;
    }

    &-file {
      position: relative;
    }
  }

  &__add-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
    color: #a6a6a6;
  }

  &__thumbnail {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  &__wrapper {
    position: relative;
  }

  &__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 21rpx;
    width: 32rpx;
    height: 32rpx;
    line-height: 32rpx;
    background-color: rgba(0, 0, 0, 0.6);
  }

  .@{prefix}-upload__progress-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;

    .@{prefix}-upload__progress-failed {
      color: #ff4646;
      font-size: 24rpx;
    }

    .@{prefix}-upload__progress-value {
      color: #fff;
      font-size: 24rpx;
    }
  }
}