@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Space Grotesk', sans-serif;
	background-color: #2d1b2d;
	color: #f3e8f4;
}

.vx-mask-off {
	display: none !important;
	opacity: 0;
	transform: translateY(30px);
}
.vx-surge-in {
	display: block !important;
	opacity: 1;
	transform: translateY(0);
	animation: kv-glide-up 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.vx-plain-view {
	display: block !important;
	opacity: 1;
	transform: translateY(0);
}

@keyframes kv-glide-up {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pl-float-item {
	animation: kv-drift-loop 6s ease-in-out infinite;
}

@keyframes kv-drift-loop {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

.pl-pulse-halo {
	animation: kv-pulse-glow 2s infinite;
}

@keyframes kv-pulse-glow {
	0% {
		box-shadow: 0 0 0 0 rgba(157, 23, 77, 0.6);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(157, 23, 77, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(157, 23, 77, 0);
	}
}