nav{margin-bottom:1rem}.rtl #piliapp{direction:ltr}#pin{z-index:2147483647;background-size:32px;width:32px;height:32px;display:inline-block;top:46px;left:62px;overflow:hidden;cursor:grab}#pin:active{cursor:grabbing}.angle{left:320px;width:2.6rem;bottom:.6rem;text-align:center}.angle.left{margin-left:-2.6rem}#line{z-index:100;top:318px;left:319px;width:640px;height:3px;background-color:red;display:inline-block;opacity:.6;transform:rotate(-90deg);transform-origin:left}.angle{z-index:100}.deg{font-size:10px;width:4em;height:1rem;text-align:center}.deg:invalid{color:red;background-color:pink}#protractor-wrapper{position:relative}#protractor,#protractor-wrapper{width:640px;height:320px}#protractor-wrapper>*{position:absolute}#protractor{z-index:10}@media screen and (orientation:portrait){#protractor-wrapper{height:320px;transform:rotate(90deg);transform-origin:center;margin:2rem auto 320px}#camera{transform:rotate(-90deg)}}.recording #piliapp{height:100vh;align-items:center}.recording #protractor{filter:invert(100%)}.no-draggable .draggable{display:none!important}#desc{margin-top:4rem}#desc li label{margin:0}.rtl #desc{text-align:right}#camera{display:inline-block;z-index:1000;cursor:pointer;width:48px;height:48px;left:12px}.recording #camera{border:5px solid;box-sizing:content-box;border-radius:32px;transform:scale(.75);background:#fff;opacity:.6}#mirror{position:absolute;width:100vw;height:100vh;display:none}.video-h-flip #mirror{transform:rotateY(180deg)}.recording #mirror{display:block}.recording #desc,.recording #header,.recording .footer,.recording nav{display:none}.qrcode{display:inline-block;width:24px;height:24px;background-size:24px;filter:invert(100%)}