@gravityforms/components/css/admin/base/gradients.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin {

	.gform-gradient--charcoal–rendezvous {
		background-blend-mode: normal, normal, normal, normal, normal;
		background-color: hsla(259, 84%, 37%, 1);
		background-image: radial-gradient(circle at 20% 55%, hsla(248, 82%, 99%, 1) 13%, transparent 67%), radial-gradient(circle at 26% 19%, hsla(318, 83%, 77%, 1) 16%, transparent 58%), radial-gradient(circle at 37% 0%, hsla(302, 95%, 45%, 1) 2%, transparent 60%), radial-gradient(circle at 38% 72%, hsla(210, 87%, 65%, 1) 19%, transparent 85%), radial-gradient(circle at 39% 60%, hsla(317, 98%, 84%, 1) 5%, transparent 61%);
	}

	.gform-gradient--plasma–hatch {
		background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
		background-color: hsla(0, 100%, 50%, 1);
		background-image: radial-gradient(circle at 40% 20%, hsla(28, 100%, 74%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 0%, hsla(189, 100%, 56%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 50%, hsla(355, 100%, 93%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, hsla(340, 100%, 76%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 100%, hsla(22, 100%, 77%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 100%, hsla(242, 100%, 70%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 0%, hsla(343, 100%, 76%, 1) 0%, transparent 50%);
	}

	.gform-gradient--lunar–array {
		background-blend-mode: normal, normal, normal, normal, normal;
		background-color: hsla(65, 60%, 97%, 1);
		background-image: radial-gradient(circle at 92% 93%, hsla(190, 56%, 91%, 0.53) 11%, transparent 79%), radial-gradient(circle at 24% 86%, hsla(13, 52%, 90%, 1) 16%, transparent 83%), radial-gradient(circle at 11% 94%, hsla(43, 55%, 90%, 1) 16%, transparent 51%), radial-gradient(circle at 36% 38%, hsla(81, 82%, 98%, 1) 3%, transparent 59%), radial-gradient(circle at 44% 9%, hsla(252.79411764705875, 81%, 51%, 0.48) 13%, transparent 83%);
	}

	.gform-gradient--nebula–sync {
		background-blend-mode: overlay, normal, normal, normal, normal;
		background-color: hsla(327, 100%, 50%, 1);
		/* stylelint-disable-next-line */
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1111 1111' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), radial-gradient(circle at 0% 99%, hsla(11, 100%, 50%, 1) 0%, transparent 67%), radial-gradient(circle at 46% 94%, hsla(327, 100%, 50%, 1) 0%, transparent 81%), radial-gradient(circle at 93% 95%, hsla(236, 100%, 23%, 1) 0%, transparent 66%), radial-gradient(circle at 89% 8%, hsla(206, 100%, 9%, 1) 0%, transparent 150%);
	}
}