html,
body,
.app-wrapper {
	width: 100vw;
	height: 100vh;
	overflow: hidden !important;
}

.app-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: 'header' 'content' 'footer';
}

.app-wrapper > nav.navbar {
	grid-area: header;
}
.app-wrapper > main {
	grid-area: content;
}
.app-wrapper > footer {
	grid-area: footer;
}

main {
	display: flex !important;
	flex-direction: column;
	max-height: calc(100vh - 60px - 3rem);
}

.overflow-y-none {
	overflow-y: hidden;
}
.overflow-modal-body-none .modal-card-body {
	overflow: hidden;
}
.overflow-modal-body-none .modal-card {
	width: auto;
}

[draggable] {
	user-select: none;
}