html, body {background: none repeat scroll 0 0 transparent; touch-action: none;}
body .app {font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 12px;}
body {position: relative; overflow: hidden; margin: 0; padding: 0; width: 100vw; height: 100vh; background-color: #252525;}
input[disabled] {pointer-events: none;}
input[type=file] {display: none;}
img {border: none;}
a {text-decoration: none;}

canvas {position: absolute; left: 0; top: 0;}
canvas, .title, .identity {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

:root {
	--view-height: 100vh;
	--nav-height: 60px;
}

.flex-wrapper {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.FloatLeft {float: left;}
.FloatRight {float: right;}

.app {height: 100%;}
.Wrapper {position: relative; overflow: hidden; height: calc(var(--view-height) - var(--nav-height));}
.Wrapper::before {content: ""; position: absolute; width: 100%; height: 100%; transform-origin: 0 0; transform: matrix(1, 0, 0, 1, 0, 0); background-image: url("/images/papers/paper_02.jpg");}

.menu > div {padding: 20px; background-color: white; display: inline-block;}
.title {position: absolute; top: 0; right: 0; margin-right: 20px;}
.identity {position: absolute; bottom: 0; left: 0; margin-left: 20px;}

.raster .VectorPart {display: none;}
.vector .RasterPart {display: none;}

.vector.raster .VectorPart {display: inline-block;}
.vector.raster .RasterPart {display: inline-block; margin-left: 30px;}

.raster .PureVector {display: none !important;}