.loading-state::after {
position: fixed;
top: calc(50% - 25px);
content: "\f110";
font-weight: 900;
left: calc(50% - 25px);
color: #AF2236;
font-family: 'Font Awesome 5 Pro';
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
font-size: 48px;
z-index: 99999999998;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.loading-state::before {
	position: fixed;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	z-index: 99999999999;
}
.loading-state {
	position: relative;
}