@keyframes hero-gradient-animation {
	0% {
		--s-start-0: 9.676681144197742%;
		--s-end-0: 40.6234668735433%;
		--y-0: 63%;
		--c-0: hsla(69.44881889763779, 100%, 50%, 1);
		--x-0: 74%;
		--x-1: 7%;
		--s-start-1: 18.29028799489389%;
		--s-end-1: 52.42754342300969%;
		--c-1: hsla(69.44881889763779, 100%, 50%, 1);
		--y-1: 9%;
	}

	100% {
		--s-start-0: 6.413377255057367%;
		--s-end-0: 59.76960157311482%;
		--y-0: 7%;
		--c-0: hsla(69.44881889763779, 100%, 50%, 1);
		--x-0: 93%;
		--x-1: 92%;
		--s-start-1: 5%;
		--s-end-1: 42.36916944715712%;
		--c-1: hsla(69.41176470588233, 100%, 50%, 1);
		--y-1: 58%;
	}
}

@property --s-start-0 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 9.676681144197742%;
}

@property --s-end-0 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 40.6234668735433%;
}

@property --y-0 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 63%;
}

@property --c-0 {
	syntax: "<color>";
	inherits: false;
	initial-value: hsla(69.44881889763779, 100%, 50%, 1);
}

@property --x-0 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 74%;
}

@property --x-1 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 7%;
}

@property --s-start-1 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 18.29028799489389%;
}

@property --s-end-1 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 52.42754342300969%;
}

@property --c-1 {
	syntax: "<color>";
	inherits: false;
	initial-value: hsla(69.44881889763779, 100%, 50%, 1);
}

@property --y-1 {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 9%;
}

.hero {
	--y-0: 63%;
	--c-0: hsla(69.44881889763779, 100%, 50%, 1);
	--x-0: 74%;
	--x-1: 7%;
	--c-1: hsla(69.44881889763779, 100%, 50%, 1);
	--y-1: 9%;
	background-color: hsla(0, 0%, 0%, 0);
	background-image: radial-gradient(
			circle at var(--x-0) var(--y-0),
			var(--c-0) var(--s-start-0),
			transparent var(--s-end-0)
		),
		radial-gradient(
			circle at var(--x-1) var(--y-1),
			var(--c-1) var(--s-start-1),
			transparent var(--s-end-1)
		);
	animation: hero-gradient-animation var(--hero-animation-duration) linear infinite alternate;
	background-blend-mode: normal, normal;
}