body.modal-enabled{
	overflow: hidden;
}
#modal{
	padding: var(--size-5);
	position: fixed;
	top: 0;	right: 0; bottom: 0; left: 0;
	overflow: auto;
	z-index: 99;
}
	#modalbackground{
		background: #000;
		opacity: .5;
		position: fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 98;
	}

html.modal-enabled{
	overflow: hidden;
}	
	html.modal-enabled body > *{
		filter: blur(2px);
	}
		#modal,
		#modalbackground,
		.document-container{
			filter: none !important;
		}

	#modal, #modalbackground{
		display: none;
	}
		.modal-enabled #modal, .modal-enabled #modalbackground{
			display: block;
		}