.loader{
	position: fixed;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.35);
	backdrop-filter: blur(6px);
	z-index: 9999;
}

.loader::before,
.loader::after{
	content: "";
	position: absolute;
	border-radius: 50%;
}

.loader::before{
	width: 75px;
	height: 75px;
	border-top: 9px solid #fb4156;
	animation: spin 1.2s linear infinite;
}

.loader::after{
	width: 70px;
	height: 70px;
	border-bottom: 8px solid #ffffff;
	animation: spinReverse 1.5s linear infinite;
}

@keyframes spin{
	to{ transform: rotate(360deg); }
}

@keyframes spinReverse{
	to{ transform: rotate(-360deg); }
}