.qrcode-text-btn{display:inline-block;height:1em;width:1em;background:url(//dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg) 50% 50% no-repeat;cursor:pointer}.qrcode-text-btn>input[type=file]{position:absolute;overflow:hidden;width:1px;height:1px;opacity:0}.qrcode-text{padding-right:1.7em;margin-right:0;vertical-align:middle;width:100%}.qrcode-text+.qrcode-text-btn{width:1.7em;margin-left:-1.7em;vertical-align:middle}#video{border:1px solid black;box-shadow:2px 2px 3px black;width:320px;height:240px}#photo{border:1px solid black;box-shadow:2px 2px 3px black;width:320px;height:240px}#canvas{display:none}.camera{width:340px;display:inline-block}.output{width:340px;display:inline-block;vertical-align:top}#startbutton{display:block;position:relative;margin-left:auto;margin-right:auto;bottom:32px;background-color:rgba(0,150,0,0.5);border:1px solid rgba(255,255,255,0.7);box-shadow:0px 0px 1px 2px rgba(0,0,0,0.2);font-size:14px;font-family:"Lucida Grande", "Arial", sans-serif;color:white}.contentarea{font-size:16px;font-family:"Lucida Grande", "Arial", sans-serif;width:760px}.half_weight_height{height:30vw;display:flex;align-items:center;justify-content:center;max-height:400px}