.sf-payment-section{min-height:72vh;display:grid;place-items:center;padding:65px 20px;background:#f6f7fb}.sf-payment-card{width:min(540px,100%);padding:38px;border:1px solid #e2e5ee;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(38,42,66,.1);text-align:center}.sf-payment-card>span{color:var(--sf-primary);font-size:12px;font-weight:800;letter-spacing:.08em}.sf-payment-card h1{margin:8px 0;color:var(--sf-heading);font:800 34px Manrope}.sf-payment-reference{color:#858b9c}.sf-payment-amount{margin:24px 0;color:var(--sf-heading);font:800 36px Manrope}.sf-payment-note,.sf-payment-success{margin:20px 0;padding:18px;border-radius:13px;text-align:left}.sf-payment-note{color:#665b1c;background:#fff8d9}.sf-payment-note p{margin:6px 0 0}.sf-payment-success{color:#137759;background:#e8f8f2}.sf-payment-back{display:block;margin:22px 0 10px;color:var(--sf-primary);font-weight:800}.sf-payment-card>small{display:block;color:#9aa0b0}.sf-payment-history{padding-top:0}.sf-payment-history .sf-section-head form{margin:0}.sf-payment-list{overflow:hidden;border:1px solid #e4e6ef;border-radius:15px;background:#fff}.sf-payment-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid #eaecf2}.sf-payment-list article:last-child{border-bottom:0}.sf-payment-list strong,.sf-payment-list small{display:block}.sf-payment-list small{margin-top:3px;color:#969cac}.sf-payment-list span{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.sf-payment-list .status-succeeded{color:#137759;background:#e8f8f2}.sf-payment-list .status-pending{color:#946b00;background:#fff4cf}.sf-payment-list .status-failed,.sf-payment-list .status-cancelled,.sf-payment-list .status-expired{color:#c13d54;background:#ffedf0}@media(max-width:600px){.sf-payment-card{padding:28px 20px}.sf-payment-list article{grid-template-columns:1fr auto}.sf-payment-list article>b{grid-column:1/-1}.sf-payment-history .sf-section-head{align-items:flex-start;flex-direction:column}}