[t7-wrp2] {
	/*border:1px solid #e8e8e8;*/
	opacity:0;
	transition:opacity 0.5s ease-in-out;
}

[t7-wrp2][show] {
	opacity:1;	
}

[t7-wrp2-title] {
	text-align:center;
	min-height:70px;
	line-heigh:32px;
	display:flex;
	justify-content:center;
	align-items:center;
}

[t7-wrp2-game] {
	position:relative;
}

[t7-obj] {
	position:absolute;
	height:auto;
        cursor:pointer;
        transition:transform 0.5s ease-in-out;
}

[t7-obj][num="0"] {
        cursor:default;
}

[t7-obj] img {
	width:100%;
	height:100%;
	object-fit:contain;
	
}

[t7-task] {
	text-align:center;
	min-height:70px;
        display:flex;
        justify-content:center;
	align-items:center;
	font-weight:bold;
}

[start-button7] {
	display:block;
	width:150px;
	height:46px;
	background-color:#e8e8e8;
	text-transform:uppercase;
	font-size:14px;
        display:flex;
        justify-content:center;
	align-items:center;
	border-radius:5px;
	cursor:pointer;
	user-select:none;
	transition:opacity 0.5s ease-in-out;
}

[start-button7][hide] {
	opacity:0;
}

[start-button7]:active {
	transform:translate3d(1px,1px,0px);
}

[t7-buttons] {
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	padding:4px 0px 4px 0px;

}




[answer] {
	width:100px;
	height:52px;
	background-color:url(../images/);
	background-size:cover;
	background-position:0% 0%;
	cursor:pointer;
        filter:grayscale(0%);
        transform:scale(1,1);
	transition:filter 0.5s ease-in-out,transform 0.5s ease-in-out;
	border-radius:32px;
}

[answer]:active {
        background-position:0% 100%;
}

[answer][yes] {
	background-image:url(../images/yes.png);
}

[answer][no] {
	background-image:url(../images/no.png);
}

[answer][grey] {
        transform:scale(0,0);
	filter:grayscale(100%);
        transition:filter 0.5s ease-in-out,transform 0.5s ease-in-out;
}