/* Print the current DOM. Default browser printing selects the front. */
@page { size: landscape; margin: 10mm; }
@media print {
  :root { color-scheme: light; }
  *, *::before, *::after { animation: none !important; transition: none !important; box-shadow: none !important; }
  html, body { width: auto; margin: 0; padding: 0; background: #fff; color: #000; }
  body > :not(main):not(#print-not-ready),
  main > :not(#wallet-result),
  #paper-wallet > :not(.print-preview),
  .print-preview > :not(.wallet-sheet) { display: none !important; }
  main, #wallet-result, #paper-wallet, .print-preview {
    display: block;
    width: 250mm;
    margin: 0;
    padding: 0;
    border: 0;
    animation: none;
  }
  .wallet-sheet {
    width: 250mm;
    height: auto;
    aspect-ratio: 2962 / 971;
    margin: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  #wallet-front { display: block; }
  #wallet-back { display: none; }
  [data-print-side="back"] #wallet-front { display: none; }
  [data-print-side="back"] #wallet-back { display: block; }
  .artwork-text { font-size: 1.2cqw; }
  #print-not-ready { display: block; margin: 0; font: 12pt / 1.5 sans-serif; }
  body.has-wallet #print-not-ready { display: none; }
  body:not(.has-wallet) main { display: none; }
}