#gg-splash-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#gg-splash-screen-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0B161E no-repeat center;
	animation-name: splash-screen-animation;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}

#gg-splash-loading-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black no-repeat center;
}

#gg-splash-screen {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	/* Fit splash to smaller viewport dimension */
	width: min(100vw, 100vh);
	height: auto;

	/* Prevent upscaling beyond original GIF size */
	max-width: 1080px;
}

#gg-splash-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	/* Fit splash to smaller viewport dimension */
	width: min(100vw, 100vh);
	height: auto;

	/* Prevent upscaling beyond original GIF size */
	max-width: 1000px;
}

#gg-splash-blocker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
}

@media (orientation: landscape) {}

@media (orientation: portrait) {}

@keyframes splash-screen-animation {
	95% {
		opacity: 1;
		visibility: hidden;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}