.border{background:#8bccec;border-radius:16px;margin:0 4px 16px;padding:2px;box-shadow:1px 1px 2px #777,-1px 1px 2px #777}.border .inline{width:100%;height:100%;background:ivory;border-radius:12px;padding:30px 20px;box-sizing:border-box}.border{margin:0}.back-btn{text-align:center;background:#ffffffb3;width:90vw;max-width:600px;margin:0 auto;padding:18px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.blue-btn{box-sizing:border-box;width:10em;font-size:2em;min-width:3em;max-width:80%;display:inline-block;padding:.5em;margin:4px 0;transition:all .3s;text-align:center;background:#5c90c3;border-radius:4px;color:#fff;text-shadow:0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black}.blue-btn.w-7em{width:7em}.blue-btn.w-14em{width:14em}.blue-btn:hover{text-shadow:0 0 2px yellow;background:#0455aa;color:#fefefe}.qr-container{position:relative;width:90vw;max-width:600px;margin:20px auto 0;text-align:center}.qr-container.white-panel{padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffffb3;border-top-left-radius:16px;border-top-right-radius:16px;gap:1em}.qr-container .processing{display:none;position:absolute;top:-1%;left:1%;z-index:1;width:98%;height:102%;margin:0;padding:0;pointer-events:none;background:#3e3e42cf;border-radius:8px}.qr-container .circle{display:none}.qr-container.on{pointer-events:none}.qr-container.on .circle{display:block;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border:8px solid #e0e0e0;border-top:8px solid rgba(107,107,107,.8117647059);border-radius:50px;animation:processing .7s linear 0ms infinite normal both}.qr-container.on .processing{display:block}@keyframes processing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-canvas-container{position:relative;width:100%}.video-canvas-container #video{width:100%;position:absolute;top:0;left:0;visibility:hidden}.video-canvas-container #camera-canvas{width:100%}.video-canvas-container #rect-canvas{width:100%;position:absolute;top:0;left:0;z-index:1}