:root{--df-payment-surface:#f6f2e7;--df-payment-border:#ded6c6;--df-payment-shadow:0 1px 2px #00000014;--df-payment-forest:#092d28;--df-payment-caption:#d0dfcf}.df-payment-icons{--df-pay-scale:.65;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.df-payment-icon{border:1px solid var(--df-payment-border);background:var(--df-payment-surface);width:42px;height:26px;box-shadow:var(--df-payment-shadow);border-radius:4px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.df-payment-icon img{width:calc(48px * var(--df-pay-scale));height:calc(27px * var(--df-pay-scale));object-fit:contain;display:block}.df-payment-icon--visa img{width:calc(47px * var(--df-pay-scale));height:calc(20px * var(--df-pay-scale))}.df-payment-icon--mastercard img,.df-payment-icon--maestro img{width:calc(40px * var(--df-pay-scale));height:calc(31px * var(--df-pay-scale))}.df-payment-icon--discover{box-shadow:none;background:0 0;border:0}.df-payment-icon--discover img{width:100%;height:100%}.df-payment-icon--amex img{width:calc(32px * var(--df-pay-scale));height:calc(32px * var(--df-pay-scale))}.df-payment-icon--apple_pay{box-shadow:none;background:0 0;border:0}.df-payment-icon--apple_pay img{width:100%;height:100%}.df-payment-icon--google_pay img{width:calc(54px * var(--df-pay-scale));height:calc(27px * var(--df-pay-scale))}.df-payment-icon--paypal img{width:calc(50px * var(--df-pay-scale));height:calc(21px * var(--df-pay-scale))}.df-payment-icon--unionpay img{width:calc(41px * var(--df-pay-scale));height:calc(28px * var(--df-pay-scale))}.df-payment-icon--alipay img{width:calc(51px * var(--df-pay-scale));height:calc(23px * var(--df-pay-scale))}.df-payment-icon--wechat_pay img{width:calc(49px * var(--df-pay-scale));height:calc(34px * var(--df-pay-scale))}.df-payment-preview{background:var(--df-payment-forest);border-radius:6px;padding:24px 20px}.df-payment-preview-caption{text-align:center;color:var(--df-payment-caption);margin:0 0 16px;font-size:12px}@media (width<=600px){.df-payment-icon{flex-basis:38px;width:38px;height:24px}.df-payment-icons{--df-pay-scale:.6;gap:5px}}