.qr-out{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 20px}
.qr-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border-radius:20px;border:1px solid rgba(11,18,32,.12);background:#fff;transition:background-color .2s}
.qr-card[hidden]{display:none}
.qr-box{width:250px;height:250px}
.qr-box canvas,.qr-box svg{width:100%!important;height:100%!important;display:block}
.qr-cap{max-width:250px;text-align:center;font-size:.9375rem;line-height:1.25rem;font-weight:500;word-break:break-word}
.qr-empty{min-height:300px;width:100%}
@media (max-width:860px){.qr-box{width:220px;height:220px}}