:root {
	--nside-loading-zbase: 1000;
	--nside-loading-wmain: 100vmin;
	--nside-loading-top: 0;
	--nside-loading-left: 0;
	--nside-loading-right: 0;
	--nside-loading-bottom: 0;
	--nside-loading-height: 100%;
	--nside-loading-width: 100%;
}

@media screen and (min-width: 320px) and (min-height: 320px) {
	:root {
		--nside-loading-wmain: 320px;
	}
}

@media screen and (min-width: 400px) and (min-height: 400px) {
	:root {
		--nside-loading-wmain: 80vmin;
	}
}

@media screen and (min-width: 625px) and (min-height: 625px) {
	:root {
		--nside-loading-wmain: 500px;
	}
}

div[name=nside_loading_container] {
	position: fixed;
	display: none;
	top: var(--nside-loading-top, 0);
	left: var(--nside-loading-left, 0);
	right: var(--nside-loading-right, 0);
	bottom: var(--nside-loading-bottom, 0);
	z-index: var(--nside-loading-zbase);
    width: var(--nside-loading-width, 100%);
    height: var(--nside-loading-height, 100%);
}

div[name=nside_loading_bg] {
	background-color: #EEEEEE;
	opacity: 0.95;
	position: fixed;
	top: var(--nside-loading-top, 0);
	left: var(--nside-loading-left, 0);
	right: var(--nside-loading-right, 0);
	bottom: var(--nside-loading-bottom, 0);
	z-index: calc(1 + var(--nside-loading-zbase));
    width: var(--nside-loading-width, 100%);
    height: var(--nside-loading-height, 100%);
}

div[name=nside_loading_main] {
	position: fixed;
	top: calc(50% - (0.5 * var(--nside-loading-wmain)));
	left: calc(50% - (0.5 * var(--nside-loading-wmain)));
	height: var(--nside-loading-wmain);
	width: var(--nside-loading-wmain);
	z-index: calc(2 + var(--nside-loading-zbase));
}

div[name=nside_loading_gear_one],
div[name=nside_loading_gear_two] {
	position: fixed;
	height: calc(0.2 * var(--nside-loading-wmain));
	width: calc(0.2 * var(--nside-loading-wmain));
}

div[name=nside_loading_gear_one] {
	margin-left: calc(0.2 * var(--nside-loading-wmain));
	margin-top: calc(0.25 * var(--nside-loading-wmain));
	z-index: calc(3 + var(--nside-loading-zbase));
}

div[name=nside_loading_gear_two] {
	margin-left: calc(0.6 * var(--nside-loading-wmain));
	margin-top: calc(0.45 * var(--nside-loading-wmain));
	z-index: calc(4 + var(--nside-loading-zbase));
}

div[name=nside_loading_gear_main] {
	position: fixed;
	height: calc(0.3 * var(--nside-loading-wmain));
	width: calc(0.3 * var(--nside-loading-wmain));
	margin-left: calc(0.35 * var(--nside-loading-wmain));
	margin-top: calc(0.3 * var(--nside-loading-wmain));
	z-index: calc(5 + var(--nside-loading-zbase));
}

div[name=nside_loading_text] {
	position: fixed;
	height: calc(0.1 * var(--nside-loading-wmain));
	width: calc(0.8 * var(--nside-loading-wmain));
	margin-left: calc(0.1 * var(--nside-loading-wmain));
	margin-top: calc(0.65 * var(--nside-loading-wmain));
	z-index: calc(5 + var(--nside-loading-zbase));
}