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

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

.gform-admin .gform-indicator--dot {
		block-size: 1rem;
		border-radius: 50%;
		box-sizing: border-box;
		display: block;
		inline-size: 1rem;
		position: relative;
	}

		.gform-admin .gform-indicator--dot::before {
			block-size: 0.3125rem;
			border-radius: 50%;
			content: "";
			inline-size: 0.3125rem;
			inset-block-start: 50%;
			inset-inline-start: 50%;
			position: absolute;
			transform: translate(-50%, -50%);
		}

		.gform-admin .gform-indicator--dot.gform-indicator--info {
			background-color: #f6f9fc;
		}

		.gform-admin .gform-indicator--dot.gform-indicator--info::before {
				background-color: #9092b0;
			}

		.gform-admin .gform-indicator--dot.gform-indicator--success {
			background-color: #e1f6ed;
		}

		.gform-admin .gform-indicator--dot.gform-indicator--success::before {
				background-color: #22a753;
			}

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

		.gform-admin .gform-indicator--dot.gform-indicator--warning::before {
				background-color: #ffbe03;
			}

		.gform-admin .gform-indicator--dot.gform-indicator--error {
			background-color: #fee4e2;
		}

		.gform-admin .gform-indicator--dot.gform-indicator--error::before {
				background-color: #dd301d;
			}

[dir="rtl"] .gform-admin .gform-indicator--dot::before {
	right: 20%;
}

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