@gravityforms/components/dist/css/admin/file-upload.css

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

.gform-admin .gform-file-upload__wrapper {
		border: 1px dashed #9092b0;
		border-radius: 3px;
		color: #242748;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		font-size: 1rem;
		min-height: 150px;
		position: relative;
	}

		.gform-admin .gform-file-upload__wrapper:hover {
			border-color: #5b5e80;
		}

		.gform-admin .gform-file-upload__wrapper .gform-file-upload__message, .gform-admin .gform-file-upload__wrapper .gform-file-upload__filetypes {
			color: #5b5e80;
		}

		.gform-admin .gform-file-upload__wrapper .file-drop {
			height: 100%;
			min-height: 150px;
			position: relative;
			width: 100%;
		}

		.gform-admin .gform-file-upload__wrapper .file-drop > .file-drop-target {
				align-content: center;
				align-items: center;
				border-radius: 2px;
				display: flex;
				flex-direction: column;
				height: 100%;
				inset-inline-start: 0;
				justify-content: center;
				position: absolute;
				text-align: center;
				top: 0;
				width: 100%;
			}

		.gform-admin .gform-file-upload__wrapper:not(.gform-file-upload__wrapper--disabled) .file-drop > .file-drop-target.file-drop-dragging-over-frame {
			background-color: #f6f9fc;
			border: none;
			box-shadow: none;
			opacity: 1;
			z-index: 50;
		}

		.gform-admin .gform-file-upload__wrapper:not(.gform-file-upload__wrapper--disabled) .file-drop > .file-drop-target.file-drop-dragging-over-frame .gform-file-upload__icon {
				background: #d5d7e9;
				border-color: #ecedf8;
			}

		.gform-admin .gform-file-upload__wrapper:not(.gform-file-upload__wrapper--disabled) .file-drop > .file-drop-target.file-drop-dragging-over-frame .gform-file-upload__bold-text {
				color: #0f3d6c;
			}

	.gform-admin .gform-file-upload__wrapper--disabled {
		border: 1px dashed #d5d7e9;
	}

	.gform-admin .gform-file-upload__wrapper--disabled .gform-file-upload__bold-text {
			color: #d5d7e9;
		}

	.gform-admin .gform-file-upload__icon {
		align-items: center;
		background: #ecedf8;
		border: 6px solid #f6f9fc;
		border-radius: 100%;
		color: #5b5e80;
		display: flex;
		font-size: 1.375rem;
		height: 34px;
		justify-content: center;
		width: 34px;
	}

	.gform-admin .gform-file-upload__wrapper--has-preview {
		padding: 1rem;
	}

	.gform-admin .gform-file-upload__wrapper--has-preview .gform-file-upload__message, .gform-admin .gform-file-upload__wrapper--has-preview .gform-file-upload__icon, .gform-admin .gform-file-upload__wrapper--has-preview .gform-file-upload__filetypes {
			display: none;
		}

	.gform-admin .gform-file-upload {
		height: 100%;
		inset-inline-start: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.gform-admin .gform-file-upload__input {
		height: 1px;
		opacity: 0;
		overflow: hidden;
		width: 1px;
	}

	.gform-admin .gform-file-upload__bold-text {
		font-weight: 500;
	}

	.gform-admin .gform-file-upload__preview {
		padding-block-end: 1.25rem;
		text-align: center;
	}

	.gform-admin .gform-file-upload__preview img {
			max-height: 300px;
			max-width: 100%;
		}

	.gform-admin .gform-file-upload__buttons-wrapper {
		display: flex;
		justify-content: center;
	}

	.gform-admin .gform-file-upload__buttons-wrapper .gform-button + .gform-button {
			margin-inline-start: 0.875rem;
		}

/*# sourceMappingURL=file-upload.css.map */