.owl-edit {
	position:relative;
}
.owl-edit pre {
	background:lightyellow;	
}	
.owl-edit pre code {
	font-size: 1.3rem;
	white-space: break-spaces;
}	
.owl-edit.code pre code {
	font-size: 1.1rem;
	white-space: pre;
}	
.owl-edit.code .editing, .owl-edit.code .highlighting, .owl-edit.code #calc-edit-metrics {
	font-size: 1.1rem;
	white-space: pre;
	max-height: calc(100vh - 230px);
	height:800px;
}

.owl-edit .editing, .owl-edit .highlighting, #calc-edit-metrics {
	position:absolute;
	top: 0;
	
	font-size: 1.3rem;
	font-family: monospace;
	line-height: 1.5;
	padding:0.5rem;
	/*min-height: 200px;*/
	max-height: calc(100vh - 230px);
	height:800px;
    width: 100%;
    max-width:120rem;
    
	overflow:scroll;
	box-sizing: border-box;
	white-space: break-spaces;
	
	margin:0;
	border:solid;
	border-color:#aaa;
	border-width:1px;
	
    tab-size: 2;
}

#calc-edit-metrics {
	left: -20000px; /*offscreen but visible to allow font calculations*/
	height:1rem;
	position:absolute;
}
	
.owl-edit #weditor.editing {
	z-index:10;
	background:transparent;
	line-height: 1.5;
	/*min-height: 100px;*/
    /*max-height: 500px;*/
	color:transparent;
	caret-color: black;
	resize:none;
}

.owl-edit .highlighting {
	position:absolute;
	top: 0;
	z-index: 5;
	background:#fffff3;
}