@gravityforms/components/dist/css/admin/indicators/icon-indicator.css

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

.gform-admin .gform-indicator--icon {
		align-items: center;
		block-size: 2.5rem;
		border: 5px solid transparent;
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		font-size: 1.25rem;
		inline-size: 2.5rem;
		justify-content: center;
	}

		.gform-admin .gform-indicator--icon.gform-indicator--size-small {
			block-size: 1.25rem;
			inline-size: 1.25rem;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--info {
			background-color: #ecedf8;
			color: #9092b0;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--card {
			background-color: #dde9fc;
			color: #175cff;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--success {
			background-color: #e1f6ed;
			color: #22a753;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--warning {
			background-color: #fff6e3;
			color: #ffbe03;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--error {
			background-color: #fee4e2;
			border-color: #fff8f7;
			color: #dd301d;
		}

		.gform-admin .gform-indicator--icon.gform-indicator--confirm {
			background-color: #fff;
			border: 0.125rem solid #c3c5db;
			color: #9092b2;
		}

/*# sourceMappingURL=icon-indicator.css.map */