@charset "utf-8";
/*
[data-tooltip] {
	pointer-events: visiblePainted;
}

[data-tooltip]:hover {
	position: relative;
}

[data-tooltip]:after, [data-tooltip]:before {
	content: attr(data-tooltip);

    position: absolute;
	bottom: 100%;
	left: 0;
    
    background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: 12px;

	z-index: 9999;
}
*/
/*
[data-tooltip]:hover:after {
	content: attr(data-tooltip);

    position: absolute;
	bottom: 100%;
	left: 0;
    
    background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: 12px;

	z-index: 9999;
}
*/
/*
.tooltip_test {
	position: relative;
	pointer-events: visiblePainted;
}

.tooltip_test:hover:after {
	content: "asdgasdg";

    position: absolute;
	bottom: 100%;
	left: 0;
    
    background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: 12px;

	z-index: 9999;
}
*/

.-tooltip {
	position: absolute;

	padding: 0.6rem;

	font-size: 1.2rem;
	font-weight: 300;

	
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.72);
	border: 1px solid #000000;

	
	/*
	color: #FFFFFF;
	background-color: var(--color-700);
	border: 1px solid var(--color-800);
	*/
	
	box-shadow: 1px 1px 3px #000000;
	/*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.70), 0 1px 3px 1px rgba(0,0,0,0.60);*/

	/*box-shadow: 0 1px 5px #2d2d2d;*/
	
	white-space: nowrap;
	
	opacity: 1;
	
	visibility: hidden;
	
	z-index: 9999;
	
	pointer-events: none;
}

.-tooltip.-trans {
	transition-property: opacity;
	transition-duration: 20000ms;
	transition-timing-function: linear;
}

/*
.-tooltip.-hide {
	opacity: 0;
}
*/