.canvas-wrap {
	width: 100%;
	height: 100%;
}

.canvas-initial {
	text-align: center;
	font-size: 2.4rem;
	line-height: 4.8rem;
	margin-top: 40vh;
	color: #5f6368;
}
.canvas-initial-form{
	display: flex;
}

canvas {
	cursor: crosshair;
	position: absolute;
	top: calc(50% - 64px);
	left: calc(50% - 64px);
}

.canvas-loading {
	background-color: rgba(128, 128, 128, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.canvas-loading span {
	font-size: 16vw;
	line-height: 100vh;
	color: #5f6368;
	animation: loading 1s linear infinite;
}

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

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