@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-code-scanner-subview .qr-code-scanner-subview-video{object-fit:cover;width:100%;height:100%}.qr-code-scanner-subview .qr-code-scanner-subview-overlay{flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-header,.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-footer{background-color:#000c}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-header{color:#fff;text-align:center;flex:1 0 auto;width:100%;font-size:28px;font-weight:600;position:relative}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-header div{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-footer{color:#fff;flex:1 0 auto;font-size:16px;font-weight:400;position:relative}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-footer div{position:absolute;top:15px;left:50%;transform:translate(-50%)}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body{display:flex}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-overlay-body-left,.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-overlay-body-right{background-color:#000c;flex:1 0 auto}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container{text-align:center;aspect-ratio:1;border-radius:4px;width:72%;position:relative}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container .qr-code-scanner-subview-video-corner{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA0YTQgNCAwIDAgMSA0LTRoMjB2NEg2YTIgMiAwIDAgMC0yIDJ2MThIMFY0eiIgZmlsbD0iI0ZGQ0IwNSIvPgo8L3N2Zz4K);background-size:100%;width:24px;height:24px;display:block;position:absolute}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container .qr-code-scanner-subview-video-corner.left-top{top:0;left:0}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container .qr-code-scanner-subview-video-corner.right-top{top:0;right:0;transform:rotate(90deg)}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container .qr-code-scanner-subview-video-corner.right-bottom{bottom:0;right:0;transform:rotate(180deg)}.qr-code-scanner-subview .qr-code-scanner-subview-overlay .qr-code-scanner-subview-overlay-body .qr-code-scanner-subview-video-corner-container .qr-code-scanner-subview-video-corner.left-bottom{bottom:0;left:0;transform:rotate(270deg)}