/*!
* Components/XApp
*/

.x-app {
	--x-app-container-color: rgb(var(--x-sys-color-background, 255, 255, 255));
	--x-app-text-color: rgb(var(--x-sys-color-on-background, 0, 0, 0));
}

.x-app {
	background-color: var(--x-app-container-color);
	color: var(--x-app-text-color);
	display: flex;
}

.x-app__wrap {
	backface-visibility: hidden;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	max-width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	position: relative;
}