.upload-var {
	--upload-min-height: 4em;
	--upload-width: 500px;
}

.upload-wrapper {
	display: block;
	position: relative;
	width: var(--upload-width);
	min-height: var(--upload-min-height);
	height: fit-content;
	border: 1px dashed var(--upload-b);
	border-radius: 5px;
	/*margin: 10px;*/
	padding: 0;
	cursor: pointer;
	opacity: 0.7;
	z-index: 0;
}

.upload-wrapper:hover {
	opacity: 1;
	background-color: var(--wss-lightgray-4);
	border: 1px solid var(--upload-b);
}

.upload-drop_zone {
	position: absolute;
	display: block;
	opacity: 0.7;
	width:  100%;
	height: 100%;
	min-height: var(--upload-min-height);
	margin: 0;
	padding-top: 0.6em;
	padding-right: 4em;
	cursor: pointer;
	z-index: 0;
	text-align: center;
	box-sizing: border-box;
}

.upload-drop_zone:hover {
	opacity: 1;
}

.upload-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	min-height: 100%;
	/*height: fit-content;*/
	z-index: 200;
	cursor: pointer;
}

.upload-fileDisplay {
	position: relative;
	/*float: left;*/
	box-sizing: border-box;
	width: fit-content;
	background: var(--upload-file);
	border: 1px solid var(--upload-b);
	border-radius: 10px;
	padding: 0.25em;
	margin: 0.2em;
	cursor: default;
	z-index: 100;
}

.upload-clear {
	position: absolute;
	text-align: center;
	top: 7px;
	right: 10px;
	margin: auto;
	z-index: 100;
}