@gravityforms/components/css/admin/overlay.css

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

.gform-admin {

	.gform-overlay {
		background: var(--gform-admin-color-white);
		border: 1px solid var(--gform-admin-color-light-blue);
		border-radius: 3px;
		box-shadow: var(--gform-admin-box-shadow-popup);
		box-sizing: border-box;
		display: none;
		opacity: 0;
		transition: opacity 200ms ease-in-out;

		* {
			box-sizing: border-box;
		}

		&.gform-overlay--anim-in-ready {
			display: block;
			opacity: 0;
		}

		&.gform-overlay--anim-in-active {
			opacity: 1;
		}
	}

	.gform-overlay__inner {
		display: flex;
		flex-direction: column;
		padding: var(--gform-admin-spacer-4);
	}

	.gform-overlay__footer {
		align-self: flex-end;
	}
}