dialog.modal-qr-code-module{background:transparent;border:0;height:100dvh;left:0;margin:0;max-height:100dvh;max-width:100dvw;opacity:0;padding:4rem;pointer-events:none;position:fixed;top:0;transform:translateY(50px);transition:opacity .3s ease-in-out;transition:opacity .3s cubic-bezier(.55,0,.15,.6),transform .3s cubic-bezier(.55,0,.15,.6);width:100dvw}dialog.modal-qr-code-module::backdrop{backdrop-filter:blur(3px);background:transparent;transition:all .3s cubic-bezier(.55,0,.15,.6)}dialog.modal-qr-code-module.open{opacity:1;pointer-events:auto;transform:translateY(0)}dialog.modal-qr-code-module.open::backdrop{background:rgba(0,0,0,.5)}dialog.modal-qr-code-module .container-dialog{align-items:center;display:flex;height:100%;justify-content:center;padding:0;width:100%}dialog.modal-qr-code-module .wrapper{background-color:#fff;border-radius:1rem;max-height:100%;max-width:800px;overflow:scroll;padding:3rem;position:relative}dialog.modal-qr-code-module .wrapper-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 2rem;text-align:center}dialog.modal-qr-code-module .wrapper-image{align-items:center;display:flex;justify-content:center;width:100%}dialog.modal-qr-code-module .wrapper-image figure{height:300px;width:300px}dialog.modal-qr-code-module .wrapper-image figure img{height:100%;object-fit:contain;width:100%}dialog.modal-qr-code-module .btn-close-modal{background-color:#0a100d;border:none;cursor:pointer;height:20px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M.406 19.633a1.241 1.241 0 0 0 1.765 0l7.846-7.849 7.853 7.85a1.247 1.247 0 1 0 1.764-1.765l-7.853-7.85 7.847-7.857A1.244 1.244 0 0 0 17.869.406l-7.853 7.848L2.162.405A1.243 1.243 0 0 0 0 1.245c0 .362.155.69.404.917l7.847 7.857-7.847 7.856a1.24 1.24 0 0 0 0 1.758z'/%3E%3C/svg%3E");padding:0;position:absolute;right:1rem;top:1rem;transition:background-color .3s cubic-bezier(.55,0,.15,.6);width:20px}dialog.modal-qr-code-module .btn-close-modal:hover{background-color:#707070}@media (max-width:768px){dialog.modal-qr-code-module{padding:2rem}dialog.modal-qr-code-module .wrapper{max-width:90%;padding:3rem 2rem 2rem}}@media (max-width:450px){dialog.modal-qr-code-module{padding:1rem}dialog.modal-qr-code-module .wrapper{max-width:95%;padding:3rem 1rem 1rem}dialog.modal-qr-code-module .wrapper-content{padding:0}}