{"version":3,"file":"PixQRCode.module.cjs","names":[],"sources":["../../src/br/PixQRCode.module.css"],"sourcesContent":[".pix {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    font-family: var(--tempest-font-sans);\n}\n\n.symbol {\n    /* The QR stays black on white in both themes — see the note on `QRCode`. A\n       white plate under it keeps the quiet zone intact on a dark page. */\n    padding: var(--tempest-space-2);\n    background: #ffffff;\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid var(--tempest-border);\n}\n\n.copy {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: 320px;\n}\n\n.payload {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* The copy button renders both labels and CSS picks one, because `CopyButton`\n   keeps the copied flag in `data-copied` and renders its children unchanged in\n   both states. Swapping the text node also keeps the button's accessible name in\n   sync, which an `aria-label` would not. */\n.copyDone {\n    display: none;\n}\n\n.copy button[data-copied] .copyIdle {\n    display: none;\n}\n\n.copy button[data-copied] .copyDone {\n    display: inline;\n}\n\n.amount {\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.payee {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n"],"mappings":";"}