.canvas {
	width: 100vw !important;
	height: 100vh !important;
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 4444;
	transition: opacity 1s ease-in-out;
	pointer-events: none;

	opacity: 1;

	display: flex;
	justify-content: center;
	align-items: center;

	will-change: opacity;
}

.loader.hidden {
	opacity: 0;
}

.niko-spin {
	width: 50vw;
	height: auto;
	display: block;
	animation: spin 3s ease-in-out infinite;
	will-change: transform;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}