.modal {
    position: fixed; left: 0; z-index: 3;
    display: block; height: calc(100% - var(--wp-admin--admin-bar--height, 0px)); width: 100%; overflow: auto;
	
    pointer-events: none;
	clip-path: inset(0 0 0 100%);
	
	isolation: isolate;
}
@media (min-width: 600.01px) { .modal { top: var(--wp-admin--admin-bar--height, 0px); } }
@media (max-width: 600px)	 {
	.static .modal {
		top: var(--wp-admin--admin-bar--height, 0px);
		height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
	}
	.scroll .modal {
		top: 0px;
		height: 100%;
	}
}
.loaded .modal { transition: clip-path .4s cubic-bezier(0.38, 0.005, 0.215, 1); }