.loader {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.67);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0.9;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    width: 100vw;
    height: 100vh;
}

.spinner {
    width: 60px;
	height: 60px;
	border: 8px solid #ccc;
	border-top: 8px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

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