[data-wa-tooltip-for]{
    display: none;
    max-width: 80%;
    position: absolute;
    background: white;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 10px 13px;
    box-shadow: 2px 2px 5px #0000003d;
	box-sizing: border-box;
}
[data-wa-tooltip-for]:before{
	content: "";
    display: block;
    position: absolute;
    background: white;
    left: 50%;
    transform: translate(-50%, 0px) rotate(-45deg);
    bottom: -8px;
    width: 12px;
    height: 12px;
    border: 1px solid gray;
    border-width: 0px 0px 1px 1px;
	z-index:1000;
}
[data-wa-tooltip-for].wa-bottop-tooltip:before{
	bottom: unset;
	top:-8px;
	transform: translate(-50%, 0px) rotate(135deg);
}
[data-wa-tooltip-for].wa-tooltip-shown{
	display: block;
	transform: scale(1) translate(0px, 0px);
	opacity: 1;
	animation: tip-in-anim-top 0.13s ease;
}
[data-wa-tooltip-for].wa-tooltip-hidden{
	display: block;
	transform: scale(0) translate(-2000px, -50px);
	opacity: 0;
	animation: tip-out-anim-top 0.13s ease;
}
[data-wa-tooltip-for].wa-tooltip-shown.wa-bottop-tooltip{
	animation: tip-in-anim-bottom 0.13s ease;
}
[data-wa-tooltip-for].wa-tooltip-hidden.wa-bottop-tooltip{
	animation: tip-out-anim-bottom 0.13s ease;
}
@keyframes tip-in-anim-top{
	0%{
		opacity: 0;
		transform: scale(0.7) translate(0px, -20px);
	}
	100%{
		opacity: 1;
		transform: scale(1)  translate(0px, 0px);
	}
}
@keyframes tip-in-anim-bottom{
	0%{
		opacity: 0;
		transform: scale(0.7) translate(0px, 20px);
	}
	100%{
		opacity: 1;
		transform: scale(1)  translate(0px, 0px);
	}
}
@keyframes tip-out-anim-top{
	0%{
		opacity: 1;
		transform: scale(1) translate(0px, 0px);
	}
	100%{
		opacity: 0;
		transform: scale(0.7) translate(0px, -20px);
	}
}
@keyframes tip-out-anim-bottom{
	0%{
		opacity: 1;
		transform: scale(1) translate(0px, 0px);
	}
	100%{
		opacity: 0;
		transform: scale(0.7) translate(0px, 20px);
	}
}