#app-files-upload-progress {
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	height: 8vh;
	max-width: 100%;
	
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.2);
	
	border-radius: 2vw;

	font-weight: bolder;
	
}

#app-files-upload-form {
	
	padding: 2vw;
	
}

#app-files-list {
	
	overflow: auto;
	
}

.app-plugins-files-preview {
	
	max-width: 5vw;
	max-height: 5vw;
	
}

.app-plugins-files-show-image {
	
	content: "";
	
	min-width: 25vw;
	max-width: 100%;
	
	min-height: 25vw;
	max-height: 100%;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}

.app-plugins-files-show {
	
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.app-plugins-files-show-image {
	
	content: "";
	
	min-width: 30vw;
	max-width: 50vw;
	
	min-height: 30vw;
	max-height: 50vh;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}

.app-plugins-files-show-video {
	
	max-height: 50vh;
	max-width: 50vw;
	
}

.app-files-context {
	
	
	
}

#app-files-popup {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	
	position: fixed;
	top: 0;
	left: 0;
	
	margin: 5%;
	margin-left: 25%;
	margin-right: 25%;
	
	padding: 2vw;
	border-radius: 2vw;
	
	background-color: rgb(var(--ColorBG), 0.9);
	
}

.app-files-thumbnail {
	
	width: 10vw;
	height: 10vw;
	
	padding: 0.25vw;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-clip: content-box;
	
	background-color: rgb(125, 125, 125, 0.1);
	
}

.app-files-thumbnail:active,
.app-files-thumbnail:hover {
	
	box-shadow: 	inset 0 0 1vw rgb(var(--ColorAccentDark));
	
}

#app-files-search {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	justify-content: space-evenly;
	align-items: center;
	
}

#app-files-search label {
	
	padding: 2vw;
	
	font-weight: bold;
	
}

#app-files-search input {
	
	width: 50%;
	
	margin: auto;
	
	border-radius: 2vw;
	
}

#app-files-list {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	justify-content: space-evenly;
	align-items: self-start;
	
}

.app-files-icon {
	
	display: flex;
	flex-direction: column;
	align-items: center;
	
	width: 10vw;
	
	padding: 1vw;
	
	overflow: hidden;
	
}

.app-files-icon-image {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	justify-content: center;
	align-items: center;
	
	width: 10vw;
	height: 10vw;
	
}

.app-files-icon img,
.app-files-icon video {
	
	width: 10vw;
	height: 10vw;
	
	background-color: rgb(0, 0, 0, 0.1)
	
}

.app-files-icon i {
	
	font-size: var(--SizeLarge);
	
}

.app-files-icon span {
	
	overflow-wrap: anywhere;
	
}

.app-files-show {
	
	width: 100%;
	
}

.app-files-show video {
	
	max-width: 100%;
	
}

.app-files-show-image {
	
	min-width: 25vw;
	min-height: 25vw;
	
	max-width: 100%;
	max-height: 100%;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	
}