*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background:#f3f3f4}body .welcome-container .list-group p{font-size:13px}body .app-card{background:#f3f3f4;box-shadow:0 2px 5px 0 rgba(0,0,0,.16) , 0 2px 10px 0 rgba(0,0,0,.12);padding:0;margin:10px}body #inputPhoto{position:absolute;z-index:0}body #viewport{position:relative;max-height:80vh;min-height:40vh;border:1px solid #363434;border-radius:5px;margin:0 auto;background-size:20px 20px;width:277px;overflow:hidden;background:#fff;touch-action:none}@media (max-aspect-ratio:5 / 4){body #viewport{height:50vh}}@media (min-aspect-ratio:4 / 5){body #viewport{height:280px}}body .box{position:absolute;width:100%;height:100%;border-radius:5px}body .annotation{stroke:#aa15a1;stroke-width:1.5;stroke-dasharray:5 , 2;stroke-opacity:.7}body .dimension-text{font-family:sans-serif;font-size:1.2em;fill:lightgray}body .dimension-line{stroke-width:1;stroke:lightgray}body .landmark{border:1px solid green;border-radius:50%;background-color:#adff2f;opacity:.6;float:left;position:absolute;visibility:hidden;border:1px solid #179147;border-radius:50%;background-color:#69ffce}body .preview-component .debug-canvas-container>*{margin:0 auto}body .preview-component p.title{font-size:16px;color:#245b71}body .preview-component .previews{text-align:center}body .preview-component .previews .preview{display:inline-block;border: 4px solid #a4a2a2d4;position:relative;cursor:pointer}body .preview-component .previews .preview.active{border:4px solid #41b0e6}body .preview-component .previews .preview[class*="corner-"]:after{content:"";width:0;height:0;z-index:1;position:absolute}body .preview-component .previews .preview.corner-BR::after{border-bottom:125px solid #fff;border-left:125px solid transparent;bottom:0;right:0}body .preview-component .previews .preview.corner-BL::after{border-bottom:125px solid #fff;border-right:125px solid transparent;bottom:0;left:0}body .preview-component .previews .preview.corner-TR::after{border-top:125px solid #fff;border-left:125px solid transparent;top:0;right:0}body .preview-component .previews .preview.corner-TL::after{border-top:125px solid #fff;border-right:125px solid transparent;top:0;left:0}body .preview-component .previews .preview.preloader-scan>.diode>.laser{width:100%;margin-left:0;background-color:#ff6347;height:1px;position:absolute;top:0;z-index:2;box-shadow:0 0 4px red;animation:scanning 4s infinite}@keyframes beam {
  50% {
    opacity: 0; } }body .preview-component .text-info{font-size:14px}body .preview-component label{margin:0;font-size:12px}@media screen and (min-width:768px){body .preview-component input[type="number"]{max-width:70px}}body .grayscale{-webkit-filter:grayscale(1);filter:grayscale(1)}p.label{font-size:12px;color:#535353}.preview .lower-canvas,.preview .upper-canvas{border:none!important;pointer-events:none}