@gravityforms/components/dist/css/admin/banner.css

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

.gform-admin .gform-banner {
		box-sizing: border-box;
		display: flex;
		position: relative;
	}

		.gform-admin .gform-banner:hover .gform-banner__droplist, .gform-admin .gform-banner:focus-within .gform-banner__droplist {
				opacity: 1;
			}

		.gform-admin .gform-banner .gform-file-upload__wrapper {
			block-size: 100%;
			border: 0;
			inline-size: 100%;
			inset-block-start: 0;
			inset-inline-start: 0;
			min-height: auto;
			position: absolute;
		}

		.gform-admin .gform-banner .gform-file-upload__wrapper .file-drop {
				min-height: auto;
			}

		.gform-admin .gform-banner .gform-file-upload__preview {
			block-size: 100%;
			inline-size: 100%;
			inset-block-start: 0;
			inset-inline-start: 0;
			overflow: hidden;
			position: absolute;
		}

		.gform-admin .gform-banner .gform-file-upload__preview img {
				block-size: 100%;
				inline-size: 100%;
				inset-block-start: 50%;
				inset-inline-start: 50%;
				-o-object-fit: cover;
				   object-fit: cover;
				position: absolute;
				transform: translate(-50%, -50%);
			}

		.gform-admin .gform-banner .gform-file-upload__wrapper--has-preview, .gform-admin .gform-banner .gform-file-upload__preview {
			padding: 0;
		}

		.gform-admin .gform-banner .gform-file-upload__filetypes, .gform-admin .gform-banner .gform-file-upload__icon, .gform-admin .gform-banner .gform-file-upload__message, .gform-admin .gform-banner .gform-file-upload__buttons-wrapper {
			display: none;
		}

		.gform-admin .gform-banner .gform-banner__droplist {
			inset-block-end: 0.5rem;
			inset-inline-end: 0.5rem;
			opacity: 0;
			position: absolute;
			transition: opacity 0.2s ease-in-out;
			z-index: 1;
		}

	.gform-admin .gform-banner--has-image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

/*# sourceMappingURL=banner.css.map */