.modal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.modal .wrapper{width:90vw;position:relative;top:10vw;left:50%;transform:translateX(-50%)}.modal .wrapper #capture{width:90vw;height:135vw;position:relative;background-color:#f5da55}.modal .wrapper #capture .qr-code-bg{width:90vw;position:absolute}.modal .wrapper #capture .qr-code{width:37vw;height:37vw;position:absolute;margin-top:68vw;margin-left:26.5vw}.modal .wrapper #capture .qr-code-logo{width:10vw;height:10vw;position:absolute;margin-top:82vw;margin-left:40vw;border-radius:2vw;border:.5vw solid #2962ff;background-color:#fff}.modal .wrapper #capture .user-name{width:37vw;height:10vw;position:absolute;margin-top:105vw;margin-left:26.5vw;line-height:10vw;text-align:center;font-size:4.5vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .save-btn{display:none;position:relative;width:90vw;top:16vw;left:50%;transform:translateX(-50%);background-color:#f5da55;padding:5vw;border-radius:2vw;font-size:5vw;color:#4a4a4a;font-weight:600}