#camera-flip-container{background-color:rgba(0,0,0,.3);position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%}#camera-flip{width:24px;height:24px;margin-top:9px}#qr-overlay{position:fixed;visibility:hidden;width:100%;height:100vh;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.qr-code{height:70px!important;width:70px!important}#canvas:hover{cursor:pointer}.qr-content{height:50vh;padding-left:10px;padding-right:10px;background-color:var(--white);display:flex;flex-direction:column}.qr-content-inner{height:90%;display:flex;justify-content:center}.recipe-qr{height:100%!important;width:unset!important}.qr-escape{height:10%;display:flex;justify-content:flex-end}.qr-escape-text{margin-right:15px}.qr-escape-icon{height:15px;width:15px;margin-top:.5em;background-repeat:no-repeat;background-size:contain;background-image:url(/images/PWA/x.svg)}#hidden-upload,#qr-image{display:none}div#sourceSelectPanel{display:none;margin-bottom:50px}.qr-description{font-family:Roboto;margin:66px auto auto;text-align:center}div.video{margin-top:40px;text-align:center}video#video{width:100%;height:auto}div.video-div{position:relative;width:80%;height:80%;margin:auto}div.video-div:before{left:-24px;border-left:4px solid var(--cherry-red)}div.video-div:after,div.video-div:before{display:block;content:"";width:30px;height:30px;position:absolute;top:-24px;border-top:4px solid var(--cherry-red)}div.video-div:after{right:-24px;border-right:4px solid var(--cherry-red)}span.video-span:before{left:-24px;border-left:4px solid var(--cherry-red)}span.video-span:after,span.video-span:before{display:block;content:"";width:30px;height:30px;position:absolute;bottom:-24px;border-bottom:4px solid var(--cherry-red)}span.video-span:after{right:-24px;border-right:4px solid var(--cherry-red)}.error-overlay{background-color:var(--white);height:100%;left:0;position:absolute;top:0;width:100%}.error-overlay .content{margin:20vh auto 0;max-width:350px;text-align:center}.error-overlay .back{color:var(--greyish-brown);display:block;font-family:Roboto;font-size:.875rem;margin-top:1rem;text-decoration:underline}