.payment-checkout{border-block:1px solid var(--line);gap:16px;min-width:0;padding-block:20px;display:grid}.payment-checkout h3{margin:0 0 8px}.payment-checkout strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.payment-checkout p{max-width:65ch}.payment-checkout-qr{object-fit:contain;background:#fff;max-width:100%}.payment-checkout-code{gap:8px;min-width:0;display:grid}.payment-checkout textarea{resize:vertical;overflow-wrap:anywhere;width:100%;min-width:0;font:inherit}.payment-checkout button{justify-self:start;min-height:44px}.payment-checkout a{overflow-wrap:anywhere;text-underline-offset:3px}.payment-checkout-share{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.payment-checkout-share h4{margin:0}.payment-checkout-share p{color:var(--muted);margin:0;font-size:13px}.payment-checkout-share-actions{flex-wrap:wrap;gap:8px;display:flex}.payment-checkout-share-actions .button{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.payment-checkout{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;gap:18px;padding:20px 22px}.payment-checkout-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.payment-checkout-mark{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}#main .payment-checkout-head h3{color:var(--ink);font:700 12px / 1.2 var(--font-action);letter-spacing:.1em;text-transform:uppercase;margin:0}.payment-checkout-head p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.payment-checkout-amount{justify-items:end;gap:2px;display:grid}.payment-checkout .payment-checkout-amount strong{color:var(--ink);font:400 26px / 1 var(--font-display)}.payment-checkout-amount span{color:var(--muted);font-size:12.5px}.payment-checkout-label{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.payment-checkout-link{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--surface);border-radius:12px;gap:8px;padding:14px 16px;display:grid}.payment-checkout-link-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.payment-checkout-link-row input{min-width:0;min-height:42px;color:var(--ink);margin:0;font-size:13px}.payment-checkout .payment-checkout-link-row :is(button,.button),.payment-checkout .payment-checkout-code button,.payment-checkout>.button,.payment-checkout-share-actions :is(.button,button){white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 16px;text-decoration:none;display:inline-flex}.payment-checkout-link small,.payment-checkout-code small{color:var(--muted);font-size:12px}.payment-checkout-pay{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.payment-checkout-qr-box{border:1px solid var(--line);background:#fff;border-radius:12px;justify-items:center;gap:6px;margin:0;padding:10px;display:grid}.payment-checkout-qr-box figcaption{color:#5c5348;font-size:11.5px}.payment-checkout textarea{border:1px solid var(--line);background:var(--surface);min-height:96px;color:var(--ink);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.payment-checkout-share{gap:12px}#main .payment-checkout-share h4{color:var(--ink);font:700 11.5px / 1.2 var(--font-action);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px}.payment-checkout-state{background:var(--surface);color:var(--muted);border-radius:10px;margin:0;padding:12px 14px;font-size:13px}.payment-checkout-notice{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.payment-checkout-notice:empty{display:none}@media (max-width:640px){.payment-checkout{padding:16px}.payment-checkout-head{grid-template-columns:auto minmax(0,1fr)}.payment-checkout-amount{grid-column:1/-1;justify-items:start}.payment-checkout-link-row,.payment-checkout-pay{grid-template-columns:minmax(0,1fr)}.payment-checkout-qr-box{justify-self:center}}