:root {
	--spinner: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.72500%200.50000%20L%200.90000%200.50000%22%20style%3D%22animation-delay%3A%20-1s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.68928%200.62164%20L%200.83650%200.71626%22%20style%3D%22animation-delay%3A%20-0.9090909090909091s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.59347%200.70467%20L%200.66617%200.86385%22%20style%3D%22animation-delay%3A%20-0.8181818181818181s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.46798%200.72271%20L%200.44307%200.89593%22%20style%3D%22animation-delay%3A%20-0.7272727272727273s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.35266%200.67004%20L%200.23806%200.80230%22%20style%3D%22animation-delay%3A%20-0.6363636363636364s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.28411%200.56339%20L%200.11620%200.61269%22%20style%3D%22animation-delay%3A%20-0.5454545454545454s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.28411%200.43661%20L%200.11620%200.38731%22%20style%3D%22animation-delay%3A%20-0.4545454545454546s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.35266%200.32996%20L%200.23806%200.19770%22%20style%3D%22animation-delay%3A%20-0.36363636363636365s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.46798%200.27729%20L%200.44307%200.10407%22%20style%3D%22animation-delay%3A%20-0.2727272727272727s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.59347%200.29533%20L%200.66617%200.13615%22%20style%3D%22animation-delay%3A%20-0.18181818181818177s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.68928%200.37836%20L%200.83650%200.28374%22%20style%3D%22animation-delay%3A%20-0.09090909090909094s%3B%22%20%2F%3E%3Cstyle%3E%0A%09%09%09%40keyframes%20fader%20%7B%20to%20%7B%20stroke-opacity%3A%20.25%3B%20%7D%20%7D%0A%09%09%09path%20%7B%0A%09%09%09%09stroke%3A%20black%3B%0A%09%09%09%09stroke-width%3A%200.1%3B%0A%09%09%09%09stroke-linecap%3A%20round%3B%0A%09%09%09%09animation%3A%20fader%201s%20infinite%20linear%3B%0A%09%09%09%7D%0A%09%09%3C%2Fstyle%3E%3C%2Fsvg%3E');
	--background: white;
	--color: black;
}

html, body {
	height: 100%;
}
body {
	background: var(--background);
	color: var(--color);
	padding: 0;
	margin: 0;
}
main {
	display: block;
}
body:after {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%,-50%);
	z-index: 2000;
	background: var(--spinner) no-repeat 50% 50% / contain;
	opacity: 0;
	pointer-events: none;
	transition: opacity .4s;
}
body.loading:after {
	opacity: 1;
}
body > * {
	transition: opacity .4s;
}
body.loading > * {
	opacity: 0;
}
@media all and (prefers-color-scheme:dark2){
	:root {
		--spinner: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200.72500%200.50000%20L%200.90000%200.50000%22%20style%3D%22animation-delay%3A%20-1s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.68928%200.62164%20L%200.83650%200.71626%22%20style%3D%22animation-delay%3A%20-0.9090909090909091s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.59347%200.70467%20L%200.66617%200.86385%22%20style%3D%22animation-delay%3A%20-0.8181818181818181s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.46798%200.72271%20L%200.44307%200.89593%22%20style%3D%22animation-delay%3A%20-0.7272727272727273s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.35266%200.67004%20L%200.23806%200.80230%22%20style%3D%22animation-delay%3A%20-0.6363636363636364s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.28411%200.56339%20L%200.11620%200.61269%22%20style%3D%22animation-delay%3A%20-0.5454545454545454s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.28411%200.43661%20L%200.11620%200.38731%22%20style%3D%22animation-delay%3A%20-0.4545454545454546s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.35266%200.32996%20L%200.23806%200.19770%22%20style%3D%22animation-delay%3A%20-0.36363636363636365s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.46798%200.27729%20L%200.44307%200.10407%22%20style%3D%22animation-delay%3A%20-0.2727272727272727s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.59347%200.29533%20L%200.66617%200.13615%22%20style%3D%22animation-delay%3A%20-0.18181818181818177s%3B%22%20%2F%3E%3Cpath%20d%3D%22M%200.68928%200.37836%20L%200.83650%200.28374%22%20style%3D%22animation-delay%3A%20-0.09090909090909094s%3B%22%20%2F%3E%3Cstyle%3E%0A%09%09%09%40keyframes%20fader%20%7B%20to%20%7B%20stroke-opacity%3A%20.25%3B%20%7D%20%7D%0A%09%09%09path%20%7B%0A%09%09%09%09stroke%3A%20white%3B%0A%09%09%09%09stroke-width%3A%200.1%3B%0A%09%09%09%09stroke-linecap%3A%20round%3B%0A%09%09%09%09animation%3A%20fader%201s%20infinite%20linear%3B%0A%09%09%09%7D%0A%09%09%3C%2Fstyle%3E%3C%2Fsvg%3E');
		--background: black;
		--color: white;
	}
}
body stem24-viewport{
	min-height: 100%;
}