/* Dropzone */
.dropzone {
    border: 2px dashed var(--bs-border-color);
    border-radius: var(--bs-border-radius);
	background: var(--bs-body-bg);
	z-index: 1;
    position: relative;
	
	.dz-preview{
		margin: 5px;
		
		&.dz-image-preview {
			background: var(--bs-light);
			border: 1px solid var(--bs-border-color);
			border-radius: var(--bs-border-radius);
		}
		.dz-image {
			border-radius: var(--bs-border-radius);
			
			img{
				width: 100%;
				height: 100%;
			}
		}
		.dz-details {
			height: 100%;
			
			.dz-filename span,
			.dz-size span {
				background-color: var(--bs-dark);
				color: #fff;
				border-radius: var(--bs-border-radius-sm);
				padding: 3px 10px;
				font-size: 12px;
			}
			.dz-filename:hover span{
				background-color: var(--bs-dark);
			}
		}
		&.dz-file-preview .dz-image {
			border-radius: var(--bs-border-radius);
			background: var(--bs-light);
		}
	}
	.dz-message{
		margin: 2.5rem 0 2.5rem;
	}
	.dropzone-content{
		text-align: center;
		margin-top: 1rem;
		margin-bottom: 10px;
	}
	.dropzone-content + .dz-message{
		margin: 0 0 1rem;
	}
	&.dz-started{
		.dropzone-content{
			display: none;
		}
	}	
}