.payment-page{font-size:14px;border-radius:12px;display:flex;width:100%;height:100%;padding:10px 24px;flex-direction:column;background-color:#fff;overflow-y:auto}@media only screen and (max-width:1023px){.payment-page{padding:10px}}.payment-page .payment-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7)}.payment-page .payment-heading>b{font-size:20px}.payment-page .payment-heading>button{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:6px;border-radius:33px;background:#83ba3b;color:#fff;border:0}.payment-page .payment-lst{display:flex;flex-direction:column}.payment-page .payment-lst .payment{display:flex;padding:24px 12px 12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7)}.payment-page .payment-lst .payment .payment-item{display:flex;gap:12px}.payment-page .payment-lst .payment .payment-item .payment-infor{display:flex;flex-direction:column;gap:12px}.payment-page .payment-lst .payment .payment-item .payment-infor .name{display:flex;align-items:center;gap:12px}.payment-page .payment-lst .payment .payment-item .payment-infor .name>b{font-size:16px}.payment-page .payment-lst .payment .payment-item .payment-infor .name .payment-default{height:26px;border-radius:4px;background:#337acc;padding:4px 8px;color:#fff}.payment-page .payment-lst .payment .action{height:100%;display:flex;flex-direction:column;gap:27px;align-items:center;justify-content:center;cursor:pointer}.payment-page .payment-lst .payment .action .delete{width:100%;text-align:end;color:#dc303a}.payment-page .payment-lst .payment .action>button{height:36px;padding:8px 16px;border-radius:33px;background:#e9e9e9;border:0}@media only screen and (max-width:1023px){.payment-page .payment-lst .payment .action>button{padding:8px;height:fit-content;font-size:12px}}.payment-page .payment-btn-add{display:none}@media only screen and (max-width:550px){.payment-page{padding:6px;border-radius:6px}.payment-page .payment-heading button{display:none}.payment-page .payment-lst .payment{align-items:start;flex-direction:column;gap:8px;padding:6px}.payment-page .payment-lst .payment .payment-item .payment-infor{gap:6px}.payment-page .payment-lst .payment .payment-item>img{width:54px;height:54px}.payment-page .payment-lst .payment .action{width:100%;flex-direction:row}.payment-page .payment-lst .payment .action .delete{width:50%}.payment-page .payment-lst .payment .action>button{padding:6px}.payment-page .payment-btn-add{display:flex;padding:12px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7);background:#fff;color:var(--currentColor,#868686)}}