.payments{display:grid;gap:8px;margin-top:18px}.payment{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(247,147,26,.28);border-radius:14px;background:rgba(247,147,26,.08);color:var(--body);animation:payment-in .45s ease}.payment>div{display:grid;gap:4px}.payment span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payment strong{color:var(--text)}.payment-ack{flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:var(--text);padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}.payment-ack:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.payment-ack:disabled{cursor:wait;opacity:.55}.payment.leaving{pointer-events:none;animation:payment-out .28s ease forwards}@keyframes payment-in{from{opacity:0;transform:translateY(-8px)}}@keyframes payment-out{to{opacity:0;transform:translateX(18px) scale(.98)}}@media(max-width:560px){.payment{gap:10px}.payment-ack{padding:7px 11px}}
