@keyframes hero-gradient-animation {
	0% {
		--s-start-0: 9.90203833810596%;
		--s-end-0: 55.50597545560139%;
		--y-0: 61%;
		--c-0: hsla(69.44881889763782, 100%, 50%, 1);
		--x-0: 36%;
		--x-1: 76%;
		--s-start-1: 5.5449912921603%;
		--s-end-1: 52.42754342300969%;
		--c-1: hsla(69.44881889763779, 100%, 50%, 1);
		--y-1: 7%;
	}

	100% {
		--s-start-0: 5.099105746418641%;
		--s-end-0: 45.62243245043394%;
		--y-0: 26%;
		--c-0: hsla(69.44881889763782, 100%, 50%, 1);
		--x-0: 91%;
		--x-1: 7%;
		--s-start-1: 5%;
		--s-end-1: 42.36916944715712%;
		--c-1: hsla(69.41176470588233, 100%, 50%, 0.62);
		--y-1: 10%;
	}
}

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

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

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

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

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

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

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

@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: 7%;
}

.hero {
	--y-0: 61%;
	--c-0: hsla(69.44881889763782, 100%, 50%, 1);
	--x-0: 36%;
	--x-1: 76%;
	--c-1: hsla(69.44881889763779, 100%, 50%, 1);
	--y-1: 7%;
	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;
}