.kirki-tooltip-wrapper {
	position: relative;
	z-index: 5; // 2 is enough, but.. just to be safe.

	.tooltip-trigger {
		position: relative;
		top: 0;
		left: 3px;
		text-decoration: none;

		&:hover {
			+ .tooltip-content {
				bottom: 32px;
				opacity: 1;
				visibility: visible;
				z-index: 99999;
			}
		}

		.dashicons {
			font-size: 18px;
			width: 18px;
			height: 18px;
		}
	}

	.tooltip-content {
		position: absolute;
		bottom: 29px;
		left: 0;
		padding: 7px;
		min-width: 275px;
		width: 100%;
		height: fit-content;
		font-size: 13px;
		color: #fff;
		line-height: 1.4em;
		background: #000;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: all 0.2s linear;

		/// We might want to bring it back in the future.
		// &::before {
		// 	content: '';
		// 	position: absolute;
		// 	bottom: -6px;
		// 	display: block;
		// 	width: 0;
		// 	height: 0;
		// 	border-left: 10px solid transparent;
		// 	border-right: 10px solid transparent;
		// 	border-top: 10px solid #000;
		// }

		a {
			color: #00a0d2;
		}
	}
}

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