// Simple样式
.@{upload-prefix-cls} {
	&-simple-wrapper {
		position: relative;
		min-height: @upload-list-md-size;

		.@{upload-prefix-cls}-select {
			position: relative;
			// width: 200px;

			height: @upload-list-md-size;
			background: @component-background;
			border: 1px @gray-10-hover solid;
			padding: 0 16px;
			border-radius: @border-radius-base;
			cursor: pointer;

			&:hover {
				border: 1px @gray-20 solid;
				background: @component-background-hover;
			}

			&:active {
				border: 1px @gray-40 solid;
				background: @component-background-selected;
			}

			.@{upload-prefix-cls} {
				display: block;
				padding: 6px 0;
				font-size: @upload-item-name-font-md-size;

				div {
					font-size: @upload-item-name-font-md-size;
				}
			}

			.@{upload-prefix-cls},
			.@{icon-prefix-cls} {
				color: @gray-70;
			}
		}

		.@{upload-prefix-cls}-list {
			margin-top: initial;
			position: absolute;
			top: 0;
		}

		.@{upload-prefix-cls}-list-text-container,
		.@{upload-prefix-cls}-list-picture-container {
			margin-bottom: 0;
			width: 200px;
			height: @upload-list-md-size;
			background: @component-background;
			transition: opacity 0.3s;

			.@{upload-prefix-cls}-list-item {
				background: @component-background!important;
				border: 1px @gray-10-hover solid;
				padding: 0;
				overflow: visible;

				&-info {
					padding: 3px 10px;
				}

				&-error {
					background-color: @upload-list-item-background-error!important;
					border-color: transparent;
				}
			}

			.@{upload-prefix-cls}-list-item-uploading .@{upload-prefix-cls}-list-item-progress {
				bottom: -1px;
				top: unset;

				.@{ant-prefix}-progress-inner {
					background: transparent;
				}
			}

			.@{upload-prefix-cls}-list-item-actions {
				position: absolute;
				right: 10px;
				top: 4px;
			}
		}
	}

	&&-simple-hidden {
		opacity: 0;
	}

	//simple-weapper下的picture和text样式
	&-simple-wrapper &-list-picture-container {
		.@{upload-prefix-cls}-list-item {
			padding-left: 0;

			&-info {
				padding-left: calc(@upload-list-pic-padding-lr - 1px);
			}
		}
	}

	&-simple-wrapper &-list-text-container {
		.@{upload-prefix-cls}-list-item {
			padding-left: 0;

			&-info {
				padding-left: calc(@upload-list-pic-padding-lr - 1px);
			}
		}
	}

	&-simple-wrapper &-list-picture &-list-item-thumbnail {
		background: transparent;
	}
}