.qr-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 10px;font-weight:850}.qr-heading small{color:var(--muted);font-weight:500}.qr-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.qr-toggle{border:1px solid #aaa392;border-radius:10px;background:white;padding:12px 8px;font:inherit;font-weight:800;cursor:pointer}.qr-toggle:hover{transform:translateY(-1px)}.qr-toggle.operative.active{background:#282d31;color:white;border-color:#282d31}.qr-toggle.red.active{background:var(--red);color:white;border-color:var(--red)}.qr-toggle.blue.active{background:var(--blue);color:white;border-color:var(--blue)}.qr-panel{margin:12px 0 18px;padding:18px;border-radius:15px;background:#fff;border:2px solid var(--ink)}.qr-panel-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.qr-panel h3{font-family:Georgia,serif;font-size:28px;margin:3px 0}.qr-close{border:0;background:#eee8dc;border-radius:99px;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer}#qrCode{display:grid;place-items:center;background:#fff;padding:12px;border-radius:10px}#qrCode img,#qrCode canvas{display:block;max-width:100%;height:auto!important}#qrWarning{text-align:center;font-size:13px;font-weight:750;margin:12px 0 0}.created-card>.primary{margin-top:15px;width:100%}@media(max-width:600px){.qr-heading{align-items:flex-start;flex-direction:column;gap:3px}.qr-actions{grid-template-columns:1fr}.qr-toggle{padding:14px}.qr-panel{padding:14px}#qrCode{padding:5px}}