@import url("header.css");
@import url("var.css");
@import url("map.css");
@import url("list.css");
@import url("player.css");
@import url("player_vert.css");
@import url("cat.css");


*[qtitle]{
	position: relative;
}
*[qtitle]:hover::before {
	box-sizing: border-box;
	content:' ';
	display: flex;
	position: absolute;
	left:50%;
	translate:-50% 45px;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-bottom: 10px solid var(--white);
	z-index:2002;
	top:-15px;
}
*[qtitle]:hover::after {
	box-sizing: border-box;
	content: attr(qtitle);
	display: flex;
	position: absolute;
	justify-content: center;
	left:50%;
	min-width: 150px;
	top:49px;
	translate:-80% 0;
	border-radius: 10px;
	padding: 10px;
	color:var(--black);
	background: var(--white);
	text-align: center!important;
	box-shadow: 0 20px 20px rgba(0,0,0,.3);
	z-index:2001;
	white-space: nowrap;
}
@media screen and (orientation: portrait) and (width < 600px){
	*[qtitle]:hover::after,
	*[qtitle]:hover::before {
		display: none;
	}
}