.arnsc-animated-background {
	isolation: isolate;
	position: relative;
}

.arnsc-animated-background > .arnsc-native-background,
.arnsc-animated-background > .vanta-canvas {
	pointer-events: none !important;
	z-index: 0 !important;
}

.arnsc-animated-background >:not(.arnsc-native-background):not(.vanta-canvas) {
	position: relative;
	z-index: 1;
}

.arnsc-native-background {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translateZ(0);
	transform-origin: center;
	contain: strict;
	clip-path: inset(0);
}

.arnsc-native-background--gradient {
	background-image: linear-gradient(var(--arnsc-gradient-angle, 135deg), var(--arnsc-color-1), var(--arnsc-color-2), var(--arnsc-color-3), var(--arnsc-color-4), var(--arnsc-color-1));
	background-position: 0% 50%;
	background-size: var(--arnsc-gradient-scale, 250%) var(--arnsc-gradient-scale, 250%);
	animation: arnsc-gradient-shift var(--arnsc-animation-duration, 12s) ease-in-out infinite;
}

.arnsc-native-background--aurora {
	background-color: var(--arnsc-background-color, #050816);
	background-image: radial-gradient(circle at 30% 38%, var(--arnsc-color-1) 0, transparent 48%), radial-gradient(circle at 68% 34%, var(--arnsc-color-2) 0, transparent 52%), radial-gradient(circle at 50% 64%, var(--arnsc-color-3) 0, transparent 50%);
	background-position: -25% -20%, 125% -10%, 45% 125%;
	background-repeat: no-repeat;
	background-size: 125% 145%, 130% 140%, 145% 130%;
	filter: blur(var(--arnsc-aurora-blur, 24px));
	transform: scale(var(--arnsc-aurora-scale, 1.25));
	will-change: transform, background-position;
	animation: arnsc-aurora-drift var(--arnsc-animation-duration, 10s) cubic-bezier(.45, 0, .55, 1) infinite;
	animation-delay: -1.5s;
}

.arnsc-native-background--canvas {
	background: var(--arnsc-background-color, #02030a);
}

@keyframes arnsc-gradient-shift {
	0%, 100% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

}

@keyframes arnsc-aurora-drift {
	0%, 100% {
		background-position: -25% -20%, 125% -10%, 45% 125%;
		transform: scale(var(--arnsc-aurora-scale, 1.25)) rotate(-3deg) translate3d(-2%, -1%, 0);
	}

	33% {
		background-position: 72% 28%, 20% 92%, 112% 18%;
		transform: scale(calc(var(--arnsc-aurora-scale, 1.25) + .09)) rotate(2deg) translate3d(2%, 1%, 0);
	}

	66% {
		background-position: 118% 85%, -18% 18%, 8% 62%;
		transform: scale(calc(var(--arnsc-aurora-scale, 1.25) + .05)) rotate(-1deg) translate3d(1%, -2%, 0);
	}

}

@media(prefers-reduced-motion:reduce) {
	.arnsc-native-background--gradient,
	.arnsc-native-background--aurora {
		animation: none !important;
	}

}