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

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

.gform-admin .gform-tooltip {
		display: inline-block;
		position: relative;
	}

	.gform-admin .gform-tooltip__trigger {
		align-items: center;
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		display: flex;
		font-size: 0.625rem;
		height: 1rem;
		justify-content: center;
		margin: 0;
		outline: 0.125rem solid transparent;
		padding: 0;
		transition: all 0.15s ease;
		width: 1rem;
	}

	.gform-admin .gform-tooltip__trigger:hover, .gform-admin .gform-tooltip__trigger:focus {
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		}

	.gform-admin .gform-tooltip--type-unstyled .gform-tooltip__trigger {
		background: transparent;
		border: 0;
		box-shadow: none;
		color: inherit;
		font-size: inherit;
	}

	.gform-admin .gform-tooltip--type-default .gform-tooltip__trigger {
		background: #ecedf8;
		border: 1px solid #ecedf8;
		color: #242748;
	}

	.gform-admin .gform-tooltip--type-default .gform-tooltip__trigger:hover, .gform-admin .gform-tooltip--type-default .gform-tooltip__trigger:focus {
			background-color: #d5d7e9;
			border-color: #9092b2;
		}

	.gform-admin .gform-tooltip--type-default .gform-tooltip__trigger:focus {
			border-color: #0f3d6c;
			outline: 0.125rem solid #bed8ed;
		}

	.gform-admin .gform-tooltip--type-success .gform-tooltip__trigger {
		background: #e1f6ed;
		border: 1px solid #e1f6ed;
		color: #22a753;
	}

	.gform-admin .gform-tooltip--type-success .gform-tooltip__trigger:hover, .gform-admin .gform-tooltip--type-success .gform-tooltip__trigger:focus {
			border-color: #22a753;
		}

	.gform-admin .gform-tooltip--type-success .gform-tooltip__trigger:focus {
			background: #f5fcf6;
			outline: 0.125rem solid #e1f6ed;
		}

	.gform-admin .gform-tooltip--type-error .gform-tooltip__trigger {
		background: #fee4e2;
		border: 1px solid #fee4e2;
		color: #dd301d;
	}

	.gform-admin .gform-tooltip--type-error .gform-tooltip__trigger:hover, .gform-admin .gform-tooltip--type-error .gform-tooltip__trigger:focus {
			border-color: #dd301d;
		}

	.gform-admin .gform-tooltip--type-error .gform-tooltip__trigger:focus {
			background: #fff;
			outline: 0.125rem solid #fee4e2;
		}

	.gform-admin .gform-tooltip__tooltip {
		border-radius: 0.1875rem;
		box-shadow: 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03);
		box-sizing: border-box;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		font-size: 0.8125rem;
		line-height: 1.385;
		padding: 0.5rem 0.75rem;
		position: fixed;
		visibility: hidden;
	}

	.gform-admin .gform-tooltip__tooltip * {
			color: #fff;
		}

	.gform-admin .gform-tooltip__tooltip-arrow {
		position: absolute;
		z-index: -1;
	}

	.gform-admin .gform-tooltip__tooltip-arrow::after {
			border-radius: 0.25rem;
			content: "";
			display: block;
			height: 1.125rem;
			transform: rotate(45deg);
			width: 1.125rem;
		}

	.gform-admin .gform-tooltip--theme-chathams .gform-tooltip__tooltip, .gform-admin .gform-tooltip--theme-chathams .gform-tooltip__tooltip-arrow::after {
			background: #0f3d6c;
		}

	.gform-admin .gform-tooltip--theme-port .gform-tooltip__tooltip, .gform-admin .gform-tooltip--theme-port .gform-tooltip__tooltip-arrow::after {
			background: #242748;
		}

	.gform-admin .gform-tooltip--position-top .gform-tooltip__tooltip {
			left: 50%;
			top: 0;
			transform: translate(-50%, calc(-100% - 0.875rem));
		}

	.gform-admin .gform-tooltip--position-top .gform-tooltip__tooltip-arrow {
			bottom: -0.4375rem;
			left: 50%;
			transform: scaleY(0.8) translateX(-50%);
		}

	.gform-admin .gform-tooltip--position-bottom .gform-tooltip__tooltip {
			bottom: 0;
			left: 50%;
			transform: translate(-50%, calc(100% + 0.875rem));
		}

	.gform-admin .gform-tooltip--position-bottom .gform-tooltip__tooltip-arrow {
			left: 50%;
			top: -0.4375rem;
			transform: scaleY(0.8) translateX(-50%);
		}

	.gform-admin .gform-tooltip--position-left .gform-tooltip__tooltip {
			left: 0;
			top: 50%;
			transform: translate(calc(-100% - 0.875rem), -50%);
		}

	.gform-admin .gform-tooltip--position-left .gform-tooltip__tooltip-arrow {
			right: -0.4375rem;
			top: 50%;
			transform: rotate(90deg) scaleY(0.8) translateX(-50%);
		}

	.gform-admin .gform-tooltip--position-right .gform-tooltip__tooltip {
			right: 0;
			top: 50%;
			transform: translate(calc(100% + 0.875rem), -50%);
		}

	.gform-admin .gform-tooltip--position-right .gform-tooltip__tooltip-arrow {
			left: -0.4375rem;
			top: 50%;
			transform: rotate(90deg) scaleY(0.8) translateX(-50%);
		}

	.gform-admin .gform-tooltip--initialized .gform-tooltip__tooltip {
		display: none;
		opacity: 0;
		position: absolute;
		transition: opacity 0.15s ease;
		z-index: 5;
	}

	.gform-admin .gform-tooltip--anim-in-ready .gform-tooltip__tooltip {
		display: block;
		visibility: visible;
	}

	.gform-admin .gform-tooltip--anim-in-active .gform-tooltip__tooltip {
		opacity: 1;
	}

	.gform-admin .gform-tooltip__tooltip-content {
		margin: 0;
	}

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