.tooltip {
    position: absolute;
    background: #D8D8D8;
    box-shadow: 0px 4px 20px rgb(92 133 150 / 24%);
    border-radius: 3px;
    text-align: center;
    padding: 4px 8px;
    font-size: 17px;
    color: #000;
    z-index: 99;
    line-height: 1;
    pointer-events: none;
}
.tooltip.animation-slide {
	-webkit-animation-name: slideTooltip;
	-webkit-animation-duration: .25s;
	-webkit-animation-timing-function: ease;
	animation-name: slideTooltip;
	animation-duration: .25s;
	animation-timing-function: ease;
}
@-webkit-keyframes slideTooltip {
	from {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideTooltip {
	from {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
.tooltip .tooltip-arrow {
	display: none;
}