/*'

:root {
	--canvas-w:360px;
	
	--header-top:0;
	--header-left:0;
	--header-w:360px;
	--header-h:70px;
	--header-font-size:26.6px;
	--header-writing-mode:vertical-rl;
	--header-text-orientation: upright;

	
	--img-top:70px;
	--img-left:0;
	--img-w:360px;
	--img-h:260px;
	
	--phone-top:330px;
	--phone-left:0;
	--phone-w:360px;
	--phone-h:50px;
	--phone-font-size:25.3px;
	
	--info-top:380px;
	--info-left:0;
	--info-w:250px;
	--info-h:70px;
	--info-align:center;
	--info-font-size:12px;
	
	--foot-top:450px;
	--foot-left:0;
	--foot-w:260px;
	--foot-h:30px;
	--foot-font-size:12.6px;
	
	--qr-top:380px;
	--qr-left:260px;
	--qr-w:100px;
	--qr-h:100px;
}

*/

/**/
.template-x .se-asset-header{	
	top:var(--header-top);
	left: var(--header-left);
	height: var(--header-h);
	width: var(--header-w);	
	font-size: var(--header-font-size);
	background: var(--color-3a);	
}


.template-x .se-asset-header .se-txt{
  display: inline-flex; 
  line-height: 1em;
  white-space: nowrap;
  transform: var(--header-transform);
  transform-origin: center center;
  align-items:center;
}

.template-2 .template-x .se-asset-header .se-txt{
  display: inline-flex; 
  position: absolute;
  line-height: 1em;
  white-space: nowrap; 
  align-items:center;
  top: 0;
  left: var(--header-w);
  width: var(--header-h);
  height: var(--header-w);  
  transform-origin: top left;
  transform: var(--header-transform);
}

.template-x .se-asset-img, .template-x .se-asset-img img{
	top:var(--img-top);
	left: var(--img-left);
	height: var(--img-h);
	width: var(--img-w);
	
	background: var(--color-3b);
}

.template-x .se-asset-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.template-x .se-asset-phone{
	top:var(--phone-top);
	left: var(--phone-left);
	height: var(--phone-h);
	width: var(--phone-w);	
	font-size: var(--phone-font-size);
	
	background: var(--color-3b);	
}

.template-x .se-asset-info{	
	top:var(--info-top);
	left: var(--info-left);
	height: var(--info-h);
	width: var(--info-w);	
	font-size: var(--info-font-size);
	
	line-height: 1.2em;
}

.template-x .se-asset-info .se-txt{
	display: block;
	text-align: var(--info-align);
	padding: 0 1em;
}

.template-x .se-asset-foot{
	top:var(--foot-top);
	left: var(--foot-left);
	height: var(--foot-h);
	width: var(--foot-w);
	font-size: var(--foot-font-size);
	
	background: var(--color-3b);
}

.template-x .se-asset-qr{
	top:var(--qr-top);
	left: var(--qr-left);
	height: var(--qr-h);
	width: var(--qr-w);
	
	background: var(--color-white);	
	
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.template-x .se-asset-qr img{
	width: 80%;
	height: 80%;
}

.sign-editor .template{
	max-width: var(--canvas-w);	
	background: var(--color-white);
}

.sign-editor .template-x{	
	min-width: var(--canvas-w);	
}