.modal-form {
	--fancybox-content-bg: var(--black-10-1a1a1a, #fff);
	--fancybox-bg: rgba(63, 63, 63, 0.4) !important;
	backdrop-filter: blur(3px);
	--fancybox-content-color: var(--v-body-color)
}

.modal-form .fancybox__content {
	max-width: 500px;
}


.preloader {
	position: relative;
}

.preloader:after {
	position: absolute;
	content: '';
	display: block;
	width: var(--v-loader-size, 50px);
	height: var(--v-loader-size, 50px);
	border-radius: 50%;
	border: calc(var(--v-loader-size, 50px) * 0.16) solid var(--v-primary);
	animation:
		s10-1 0.8s infinite linear alternate,
		s10-2 1.6s infinite linear;
}

.js-captcha-reload {
	--v-loader-size: 25px;
}

@keyframes s10-1 {
	0% {
		clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)
	}

	12.5% {
		clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)
	}

	25% {
		clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)
	}

	50% {
		clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
	}

	62.5% {
		clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
	}

	75% {
		clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)
	}

	100% {
		clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)
	}
}

@keyframes s10-2 {
	0% {
		transform: scaleY(1) rotate(0deg)
	}

	49.99% {
		transform: scaleY(1) rotate(135deg)
	}

	50% {
		transform: scaleY(-1) rotate(0deg)
	}

	100% {
		transform: scaleY(-1) rotate(-135deg)
	}
}