.ui-canvases-player .backdrop
{
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
  
}

.ui-canvases-player .backdrop .floater
{
	position: absolute;
	left:50;
	top:50;
	
}

.ui-canvases-player .backdrop .floater img
{
	min-width: 32vw;
	/*max-width: 32vw;*/
    height: 32vw;
	border: solid 10px black;
	border-radius: 50px; 

}

.ui-canvases-player .lens
{
	top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
	height:inherit;
    transform: translate(-50%, -50%);
	z-index:80;
}

.ui-canvases-player .records
{
	text-align:left;
	font-size: 11pt;
	width: 300px;
    height: 50px;
    border: solid 3px black;
    z-index: 100;
    background: white;
    position: absolute;
    top: 50px;
    left: 50px;
	overflow:hidden;
	white-space:nowrap;
	
}


.ui-canvases-player .records .list
{
	overflow:scroll;
	height: 100%;
}

.ui-canvases-player .records .win-size-grip {
   position: absolute;
   width: 16px;
   height: 16px;
   padding: 4px;
   bottom: 0;
   right: 0;
   cursor: nwse-resize;
   background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/wingrip.png) no-repeat;
 }