.payment-qr{aspect-ratio:1;color:#0a101c;background:#fff;align-items:center;width:224px;max-width:100%;padding:18px;display:grid}.payment-qr-svg,.payment-qr-svg svg{width:100%;height:auto;display:block}.payment-qr p{text-align:center;margin:0;font-size:13px;line-height:1.5}.qr-bill{width:100%;container-type:inline-size}.qr-bill-paper{aspect-ratio:2;color:#000;background:#fff;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 18px 50px #01040b73,0 2px 8px #01040b4d}.qr-bill-paper:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,#fff0 55%,#8bceff0f);position:absolute;inset:0}.qr-bill-svg{width:100%;height:100%;font-family:Arial,Liberation Sans,Helvetica Neue,sans-serif;display:block}.qr-bill-svg svg{width:100%;height:auto;display:block}.qr-bill[data-state=ready] .qr-bill-svg{animation:.7s cubic-bezier(.22,1,.36,1) both qr-bill-in}@keyframes qr-bill-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.qr-bill-error{color:#8b1f1f;text-align:center;place-items:center;margin:0;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.qr-bill-skeleton{grid-template-columns:29.5% 1fr;display:grid;position:absolute;inset:0}.qr-bill-skeleton>span{display:block;position:relative;overflow:hidden}.qr-bill-skeleton>span:before{content:"";background:linear-gradient(100deg,#0000 20%,#060c180f 50%,#0000 80%) 0 0/220% 100%;animation:1.6s ease-in-out infinite qr-bill-shimmer;position:absolute;inset:0}.qr-bill-skeleton-receipt{background:linear-gradient(#060c1817,#060c1817) 8% 12%/50% 4% no-repeat,linear-gradient(#060c1812,#060c1812) 8% 26%/70% 3% no-repeat,linear-gradient(#060c1812,#060c1812) 8% 34%/60% 3% no-repeat,linear-gradient(#060c1812,#060c1812) 8% 42%/75% 3% no-repeat;border-right:1px dashed #060c1840}.qr-bill-skeleton-qr{background:linear-gradient(#060c1817,#060c1817) 6% 12%/24% 4% no-repeat,linear-gradient(#060c181a,#060c181a) 6% 28%/30% 60% no-repeat,linear-gradient(#060c1812,#060c1812) 52% 16%/40% 3% no-repeat,linear-gradient(#060c1812,#060c1812) 52% 26%/34% 3% no-repeat,linear-gradient(#060c1812,#060c1812) 52% 36%/44% 3% no-repeat,linear-gradient(#060c1812,#060c1812) 52%/38% 3% no-repeat;grid-area:1/2}.qr-bill-skeleton-lines{display:none}@keyframes qr-bill-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.qr-bill[data-state=ready] .qr-bill-svg,.qr-bill-skeleton>span:before{animation:none}}