

.ui-canvases-teaser .backdrop
{
	
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/katana.jpg);
	display:inherit;
	background-size: cover;
	
}

.ui-canvases-teaser .lenses
{
	
	position: fixed;
	top: 50%;
	left:calc(100% / 1.5 * -1);
	right:calc(100% / 1.5 * -1);
	-webkit-transform: translate(0, -50%);
	 transform: translate(0, -50%);	
	display: flex;
	justify-content: space-evenly;
}

.ui-canvases-teaser .lenses .ui-lenses-lens
{
	background:black;
	width: calc(100vw / 4);
	height: calc(100vw / 4);
	border-radius: 5vw;
	position: relative;
	min-width: auto;
    max-width: none;
	
}

.ui-canvases-teaser .lenses .ui-lenses-lens .content
{
	
	font-size:calc(100vw / 4);
	text-align:center;
	width:auto;
	height:auto;
	border-radius: 5vw;
    border: solid 0.9vw black;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	border-radius: 4vw;
}

.ui-lenses-teaser  .content .provider
{
	position:absolute;
	bottom:20px;
	left:20px;
	font-size: 24pt;
	font-weight:bold;
    color: white;
	text-shadow: 3px 3px black;
}

@media (orientation: portrait)
{
	.ui-canvases-teaser .lenses
	{
		flex-direction: column;

		top: calc(100% / 1.5 * -1);
		left:50%;
		right:0;
		bottom:calc(100% / 1.5 * -1);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);	
		align-items: center;
	}

	.ui-canvases-teaser .lenses .ui-lenses-lens
	{
		width: calc(100vh / 4);
		height: calc(100vh / 4);
		border: solid 10px black;
		border-radius: 5vh;
		position: relative;
		min-width: none;
		max-width: none;
	}

	.ui-canvases-teaser .lenses .ui-lenses-lens .content
	{
		text-align:center;
		position: absolute;
		width:auto;
		height:auto;
		border: none;
		left:0;
		right:0;
		bottom:0;
		top:0;
		border-radius: 4vh;
	}
}


.ui-canvases-teaser .ui-gizmos-providers
{
	display: none;
}

.ui-canvases-teaser .ui-gizmos-deck2
{
	display: none;
}

.ui-canvases-teaser
{
	background-color:gray;
}

.ui-canvases-teaser .content .context #media
{
	display:none;
}

.ui-canvases-teaser .ui-prisms-favicon
{
	display:none;
}
