html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
	overflow: hidden;
	touch-action: none;
}

html {
	font-size: 100%;
}

#stage-viewport {
	position: absolute;
	background-color: #000000;
	width: 100%;
	height: 100%;
}

#stage {
	width: 100%;
	height: 100%;
}

#stage-components {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;

	-webkit-user-select: none;
	user-select: none;
}

.page-container {
	top: 0;
	width: 100%;
	height: 100%;

	/*white-space: nowrap;*/
	white-space: nowrap;
}

.page {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;

	overflow: hidden;

	background-color: #ffffff;
	white-space: normal;

	min-height: 5em;
	opacity: 1;

	-webkit-transform: none;
	transform: none;

	-webkit-user-select: none;
	user-select: none;
}

.page-loading {
	visibility: visible;
	z-index: 1;
	background-color: #ffffff;
	margin-left: 0;
}

.page-initializing {
	visibility : visible;
	z-index : 1;
	margin-left: 0;
}

.page-current {
	visibility: visible;
	z-index: 2;
	margin-left: 0;
}

.page-next {
	visibility: visible;
	z-index: 1;
	margin-left: 100%;
}

.page-previous {
	visibility: visible;
	z-index: 1;
	margin-left: -100%;
}

.page-other-next {
	visibility: hidden;
	z-index: 0;
	margin-left: 100%;
}

.page-other-previous {
	visibility: hidden;
	z-index: 0;
	margin-left: -100%;
}

.page-other {
	visibility: hidden;
	z-index: 0;
	margin-left: 100%;
}