.qrcode-reader .camera{border-bottom-left-radius:10px;border-bottom-right-radius:10px;max-height:500px}.qrcode-reader .success-checkmark,.qrcode-reader img{position:absolute!important;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qrcode-reader .success-checkmark{width:80px;height:115px;margin:0 auto}.qrcode-reader .success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #4caf50}.qrcode-reader .success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}.qrcode-reader .success-checkmark .check-icon:after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}.qrcode-reader .success-checkmark .check-icon:after,.qrcode-reader .success-checkmark .check-icon:before{content:"";height:100px;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.qrcode-reader .success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.qrcode-reader .success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}.qrcode-reader .success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}.qrcode-reader .success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.qrcode-reader .success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:transparent}@-webkit-keyframes rotate-circle{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotate-circle{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}