.loading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#loading-message {
	color: #000000;
	font-size: 24px;
	margin-left: 15px;
}

/* #69f0ae */
#background-animation {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(45deg, #ffffff, #69f0ae);
	background-size: 400% 400%;
	animation: gradientAnimation 5s ease infinite;
}

/* #ffffff, #69f0ae */
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border: 15px solid;
	border-top: 16px solid var(--kPrimaryColor);
	border-right: 16px solid white;
	border-bottom: 16px solid var(--kPrimaryColor);
	border-left: 16px solid white;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: 10px 0;
}

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

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

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

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

@keyframes gradientAnimation {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}