.tooltipMouse {
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	width: max-content;
	padding: 10px 20px;
	border-radius: 20px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

	left: var(--mouseX);
	top: var(--mouseY);

    transform: translate(calc(-100% + 10px), -350%);
    
    opacity: 0;
}

.tooltipMouse:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #fff;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.1));
}