.loading {
	background-color: rgba(0, 0, 0, 0.5);
	left: 0px;
	position: fixed;
	top: 0px;
	z-index: 99999;
}

.loading,
.loading > * {
	height: 100%;
	width: 100%;
}

.loading .loading-box {
	padding: 1.25rem 3rem;
}

[loading-element] {
	border-width: 0.1em;
	height: 0.6rem;
	width: 0.6rem;
}

[loading-elements] {
	height: 3rem;
	line-height: 3rem;
	margin-left: -1.5rem;
	margin-top: -1.5rem;
	position: fixed;
	width: 3rem;
}

[loading-text] {
	background-color: #00224499;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}