#reefine {
	position: relative;
}

#reefine .progress {
	position: relative;
	height: 72px;
	width: 72px;
}

.reefine-site-loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.reefine-site-loader__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 19, 32, 0.55);
}

.reefine-site-loader__spinner {
	position: relative;
	z-index: 1;
	margin: 0;
	border-radius: 999px;
	filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.24));
}

.reefine-site-loader__spinner::before,
.reefine-site-loader__spinner::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 999px;
}

.reefine-site-loader__spinner::before {
	border: 6px solid rgba(255, 255, 255, 0.2);
}

.reefine-site-loader__spinner::after {
	border: 6px solid transparent;
	border-top-color: #ffffff;
	border-right-color: #76b2d5;
	animation: rotation 0.8s infinite linear;
	-webkit-animation: rotation 0.8s infinite linear;
}

#reefine.loading .reefine-site-loader {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}