// Picture List
.@{upload-prefix-cls}-list-picture {
	margin-top: 12px;

	.@{upload-prefix-cls}-list-picture-container {
		margin-bottom: 4px;

		.@{upload-item}-name {
			padding-left: @upload-list-pic-padding-lr;
		}

		.@{upload-item}-uploading {
			// background-color: @progress-remaining-color;

			.@{upload-item}-name {
				color: @gray-100;
				margin-bottom: 0;
			}

			// &:hover {
			// 	background-color: @progress-remaining-color;
			// }
		}

		.@{upload-item}-done {
			.@{upload-item}-name {
				color: @gray-100;
			}
		}
	}

	.@{upload-item} {
		margin-top: 0;
		height: @upload-list-picture-list-item-height;
		border: none;
		padding: @upload-list-picture-list-item-padding-vertical 10px;
		padding-left: @upload-list-pic-padding-lr;
		background-color: @upload-list-item-background;
		overflow: hidden;

		&:hover {
			background-color: @upload-list-item-background;
		}

		&-success:hover {
			background-color: @success-color-light;
		}
	}

	.@{upload-item}-thumbnail {
		height: @upload-list-picture-list-item-thumbnail-size;
		width: @upload-list-picture-list-item-thumbnail-size;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: initial;

		img {
			height: 100%;
			width: initial;
			border-radius: @border-radius-base;
		}
	}

	.@{upload-item}-name {
		line-height: @upload-list-picture-list-item-thumbnail-size;
	}

	.@{upload-item}-card-actions {
		.@{upload-item}-card-actions-btn {
			margin-left: 8px;
			color: @gray-60;
			opacity: 0;
			transition: opacity @animation-duration-slow;

			.@{icon-prefix-cls} {
				color: inherit;
			}
		}
	}

	.@{upload-item}:hover {
		.@{upload-item}-card-actions-btn {
			opacity: 1;
		}
	}

	// Progress
	.@{upload-item}-progress {
		padding-left: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	// States
	.@{upload-item}.@{upload-item}-error {
		background-color: @upload-list-item-background-error;
	}
	.@{upload-item}.@{upload-item}-success {
		.@{upload-item}-success-icon {
			color: @success-color;
		}
	}
	.@{upload-item}.@{upload-item}-success .@{upload-item}-name {
		color: @gray-100;
	}
}