.pageLoadingOverlay { display: none; }

@media (max-width: 992px) {
	.pageLoadingOverlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		z-index: 99999;
		position: fixed;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-tap-highlight-color: transparent;
		opacity: 1;
		transition: opacity 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	}
	.pageLoadingOverlay.notShowing {
		opacity: 0;
		z-index: -1;
	}
		.pageLoadingIndicator {
			display: inline-block;
			position: absolute;
			width: 80px;
			height: 80px;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			z-index: 3;
		}
		.pageLoadingIndicator.small {
			transform: scale(0.5);
			transform-origin: center center;
		}

		.pageLoadingIndicator div {
			transform-origin: 40px 40px;
			animation: pageLoadingIndicator 1.2s linear infinite;
		}
		.pageLoadingIndicator div:after {
			content: " ";
			display: block;
			position: absolute;
			top: 3px;
			left: 37px;
			width: 6px;
			height: 18px;
			border-radius: 20%;
			background: #fff;
		}
		.pageLoadingIndicator div:nth-child(1) {
			transform: rotate(0deg);
			animation-delay: -1.1s;
		}
		.pageLoadingIndicator div:nth-child(2) {
			transform: rotate(30deg);
			animation-delay: -1s;
		}
		.pageLoadingIndicator div:nth-child(3) {
			transform: rotate(60deg);
			animation-delay: -0.9s;
		}
		.pageLoadingIndicator div:nth-child(4) {
			transform: rotate(90deg);
			animation-delay: -0.8s;
		}
		.pageLoadingIndicator div:nth-child(5) {
			transform: rotate(120deg);
			animation-delay: -0.7s;
		}
		.pageLoadingIndicator div:nth-child(6) {
			transform: rotate(150deg);
			animation-delay: -0.6s;
		}
		.pageLoadingIndicator div:nth-child(7) {
			transform: rotate(180deg);
			animation-delay: -0.5s;
		}
		.pageLoadingIndicator div:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.4s;
		}
		.pageLoadingIndicator div:nth-child(9) {
			transform: rotate(240deg);
			animation-delay: -0.3s;
		}
		.pageLoadingIndicator div:nth-child(10) {
			transform: rotate(270deg);
			animation-delay: -0.2s;
		}
		.pageLoadingIndicator div:nth-child(11) {
			transform: rotate(300deg);
			animation-delay: -0.1s;
		}
		.pageLoadingIndicator div:nth-child(12) {
			transform: rotate(330deg);
			animation-delay: 0s;
		}
		@keyframes pageLoadingIndicator {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
			}
		}
}