.qr-code-popup{background:rgba(0,0,0,.5);z-index:999;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.qr-code-popup .popup-container{display:flex;flex-direction:column;background:#fff;color:#A7985B;position:relative;width:calc(100vw - 2rem)}@media only screen and (min-width:576px){.qr-code-popup .popup-container{width:60vw}}@media only screen and (min-width:991px){.qr-code-popup .popup-container{width:30vw}}.qr-code-popup .popup-container .popup-nav{position:absolute;right:0;top:0;transform:translate(0,-100%)}@media only screen and (min-width:768px){.qr-code-popup .popup-container .popup-nav{transform:translate(120%,-100%)}}.qr-code-popup .popup-container .popup-header{padding:2rem 2rem 0}.qr-code-popup .popup-container .popup-header h3{color:#A7985B;font-weight:600}.qr-code-popup .popup-container .popup-body{flex:1 1 auto;padding:2rem}.qr-code-popup .popup-container .popup-body>div{height:100%;text-align:center}.qr-code-popup .popup-container .popup-body>div img{min-width:100%;max-width:100%}button.show-qr-code{margin-left:auto}