ign4/clone/m/timer/m.css

.abs {
	background: #0080;
	position: absolute;
	z-index: 100;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin: inherit;
}	




.icont {
	/*background: #0ff8;*/

	width: 100%;
	height: 100%;
	position: relative;
}



.xbox {
	width: 25px;
	height: 25px;
	/*color: #0000;*/
	color: #000;
	background: #0ff;
	background-image: linear-gradient(to top left, #ff8 50%, #0ff 50%);
}

.xbox2 {
	width: 25px;
	height: 25px;
	position: relative;
	position: absolute;
	color: #000;
	background-image: linear-gradient(to top left, #ff8 50%, #0ff 50%);
}



.small_vid .xbox:after,.small_vid .xbox2:after{
/*.xbox:after,.xbox2:after{*/
	content: "???";
	z-index: 0;
	white-space: pre-wrap;
	content: var(--v_index,":???:") "\A" var(--v_id,":???:");
	background-color: #fff;
	position:absolute;
	top: 0;
	width: 75px;
	height: 45px;
	left: 0;
	/*right: 0;*/
	/*bottom: 0;*/
}


.xbox.m2s {
	width: 75px;
	height: 75px;

	width: 100%;
	height: 100%;

	background: #ff8;
	background-image: linear-gradient(to top left, #ff8 50%, #0ff 50%);


}




.pseudo_vid {
	background-color: #f00;
	background-image: linear-gradient(to top left, #ff8 50%, #0ff 50%);
}


.tile-view .pseudo_vid,.vertical-filmstrip .pseudo_vid{
	background-size:contain;
	/*border: 2px solid transparent !important;*/
	margin:4 5px;
	width: 100%;
}

.small_vid {
	display: block;
}
.pseudo_vid {
	/*display: none;*/
	position: relative;
	/*position: absolute;*/
}



.vspace {
	position: absolute;
	/*height: 500px;*/
	height: 100%;
	width: 100%;
	/*width: calc(100% - 4px);*/
	width: calc(100% );
	width: calc(100% - 4px);
	/*background-color: #555;*/
	height: calc(100% - 4px);
	border-radius: 100px;

}


.m4 {
	width: 50px;
	height: 50px;
	top: 200px;
	left: 10px;
	z-index: 100; 
	position: relative;
	background-color: #00f;
}




.cont {
	/*position: relative;*/
	position: absolute;

}

.toolbox-background{
	z-index: 100 !important;
}



.c6 {
	overflow-x: scroll;
}