#app-plugins-popup {
	
	display: flex;
	flex-direction: column;
	
	position: fixed;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
	
	z-index: 900;
	
	background-color: rgba(var(--ColorBG), 0.9);
	
	min-width: 70%;
	
	max-width: 90%;
	max-height: 90%;
	overflow-y: auto;
	
}

#app-plugins-popup-header {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	justify-content: space-between;
	align-items: center;
	
	color: rgb(var(--ColorTextInvert));
	background-color: rgba(var(--ColorMid));
	
	padding: 1vw;
	
	font-size: var(--SizeLarge);
	
}

#app-plugins-popup-header-exit {
	
	margin-left: auto;
	
}

#app-plugins-popup-header-exit i:hover,active {
	
	color: rgb(var(--ColorTextInvert));
	
}

#app-plugins-popup-content {
	
	overflow-y: auto;
	overflow-x: hidden;
	
}

@media only screen and (max-width: 768px) {
  
	#app-plugins-popup {
		
		position: fixed;
		top: 0;
		left: 0;
		
		transform: none;
		
		height: 100%;
		min-width: 100%;
		
		max-width: 100%;
		max-height: 100%;
		overflow-y: auto;
	
	}
  
}