.mpcard[data-v-8e7b7f8a]{background-color:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 8px 14px 0 rgba(119,140,162,.1);display:flex;flex-direction:column;margin-bottom:16px;position:relative}.mpcard .mpcard__body[data-v-8e7b7f8a],.mpcard .mpcard__footer[data-v-8e7b7f8a],.mpcard .mpcard__header[data-v-8e7b7f8a]{padding:20px}.mpcard .mpcard__image[data-v-8e7b7f8a]{border-top-left-radius:12px;border-top-right-radius:12px;height:180px;-o-object-fit:cover;object-fit:cover;width:100%}.mpcard .mpcard__body[data-v-8e7b7f8a]{flex:1}.mpcard:has(.mpcard__header)>.mpcard__body[data-v-8e7b7f8a]{padding-top:0}.mpcard:has(.mpcard__footer)>.mpcard__body[data-v-8e7b7f8a]{padding-bottom:0}.mpcard--unpadded-content>.mpcard__body[data-v-8e7b7f8a]{padding:0!important}.mpcard--line-separation>.mpcard__header[data-v-8e7b7f8a]{border-bottom:1px solid #eaecf0}.not-first[data-v-ede0a31c]{border-top:1px solid #f2f4f7;margin-top:12px;padding-top:12px}.mp-offcanvas-backdrop[data-v-3477f4b2]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(45,48,71,.776);bottom:0;left:0;position:fixed;right:0;top:0}.mp-offcanvas[data-v-3477f4b2]{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0;max-width:100%;padding:0;position:fixed;top:0;width:460px;z-index:40}.mp-offcanvas--end[data-v-3477f4b2]{left:auto;right:0}.mp-offcanvas--start[data-v-3477f4b2]{left:0;right:auto}.mp-offcanvas-body[data-v-3477f4b2]{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;overflow:auto}.slider-footer-wrapper[data-v-f1307756]{gap:12px}.delete[data-v-f1307756]{margin-right:auto}.mp-key-value-results[data-v-68d31022]{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;justify-content:space-between;padding:12px 20px}.mp-key-value-results--primary[data-v-68d31022]{background-color:#eae9fe;border-color:#d3d1fe;color:#473db9}.mp-key-value-results--success[data-v-68d31022]{background-color:#e6f7f2;border-color:#c9ede2;color:#157d5e}.mp-key-value-results--danger[data-v-68d31022]{background-color:#fef3f2;border-color:#fee4e2;color:#b42318}.mp-key-value-results--gray[data-v-68d31022]{background-color:#f2f4f7;border-color:#eaecf0;color:#344054}.off-canvas-layout[data-v-5a40c33a]{display:grid;flex:1;grid-template-rows:auto 1fr auto;height:100vh;position:relative}.off-canvas-layout .header[data-v-5a40c33a]{align-items:center;background-color:#0c043e;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}@media(min-width:576px){.off-canvas-layout .header[data-v-5a40c33a]{padding:16px 24px}}.off-canvas-layout .header .title[data-v-5a40c33a]{color:#fff;font-size:20px;font-weight:500;line-height:30px}.off-canvas-layout .header .close-btn[data-v-5a40c33a]{color:#d0d5dd;width:-moz-fit-content;width:fit-content}.off-canvas-layout .body[data-v-5a40c33a]{background-color:#fff;overflow-y:auto;padding:16px}@media(min-width:576px){.off-canvas-layout .body[data-v-5a40c33a]{padding:24px}}.off-canvas-layout .footer[data-v-5a40c33a]{background-color:#fff;border-top:1px solid #eaecf0;bottom:0;padding:12px 16px;position:sticky}@media(min-width:576px){.off-canvas-layout .footer[data-v-5a40c33a]{padding:16px 24px}}.remaining-amount[data-v-2a392f3c]{margin-top:24px}.total-wrapper[data-v-88a24bc0]{color:#2d3047;font-family:Roboto,sans-serif}.remaining-wrapper[data-v-88a24bc0],.total-wrapper[data-v-88a24bc0]{display:flex;justify-content:space-between}.remaining-wrapper[data-v-88a24bc0]{align-items:center;background-color:#e6f7f2;border-radius:8px;color:#157d5e;font-size:16px;height:50px;letter-spacing:.2px;margin-top:12px;padding:16px 20px;width:100%}.remaining-wrapper.--error[data-v-88a24bc0]{background-color:#fef3f2;color:#b42318}.payments-wrapper[data-v-88a24bc0]{background-color:#f9fafb;border-radius:8px;margin-top:20px;padding:20px}.payments-wrapper .payment-row[data-v-88a24bc0]{align-items:flex-start;border-bottom:1px solid #eaecf0;color:#101828;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:14px 0}.payments-wrapper .payment-row[data-v-88a24bc0]:first-child{padding-top:0}.payments-wrapper .payment-row[data-v-88a24bc0]:last-child{border-bottom:initial;padding-bottom:0}.payment-link-info[data-v-88a24bc0]{color:#667085;display:flex;font-size:12px;line-height:1.5;margin-top:10px}.payment-link-info .icon-wrapper[data-v-88a24bc0]{line-height:14px}.payment-link-info .icon[data-v-88a24bc0]{margin-right:4px}.payment-link-info a[data-v-88a24bc0]{color:#667085;font-size:12px;-webkit-text-decoration:underline;text-decoration:underline}.payment-link-info a[data-v-88a24bc0]:hover{-webkit-text-decoration:none;text-decoration:none}.action-button[data-v-5667f184]{justify-content:start}.status-badge[data-v-711bbfef]{align-items:center;border:1px solid;border-radius:16px;-moz-column-gap:6px;column-gap:6px;display:flex;flex-shrink:0;justify-content:start;min-height:28px;padding:4px 12px;width:-moz-fit-content;width:fit-content}.status-badge .badge-icon[data-v-711bbfef]{flex-shrink:0;height:8px;width:8px}.status-badge.lg[data-v-711bbfef]{height:28px;padding:4px 12px}.status-badge.md[data-v-711bbfef]{height:24px;padding:2px 10px}.status-badge.sm[data-v-711bbfef]{height:22px;padding:2px 8px}.status-badge.info[data-v-711bbfef]{background:#eff8ff;border-color:#d1e9ff;color:#175cd3}.status-badge.info .dot-icon[data-v-711bbfef]{color:#2e90fa}.status-badge.success[data-v-711bbfef]{background:#e6f7f2;border-color:#c9ede2;color:#157d5e}.status-badge.success .dot-icon[data-v-711bbfef]{color:#1eb386}.status-badge.warning[data-v-711bbfef]{background:#fffaeb;border-color:#fef0c7;color:#b54708}.status-badge.warning .dot-icon[data-v-711bbfef]{color:#f79009}.status-badge.error[data-v-711bbfef]{background:#fef3f2;border-color:#fee4e2;color:#b42318}.status-badge.error .dot-icon[data-v-711bbfef]{color:#f03f3f}.status-badge.gray[data-v-711bbfef]{background:#f2f4f7;border-color:#eaecf0;color:#344054}.status-badge.gray .dot-icon[data-v-711bbfef]{color:#667085}.record-header[data-v-11f30e06]{justify-content:space-between;width:100%}.record-header[data-v-11f30e06],.record-summary[data-v-11f30e06]{align-items:center;display:flex}.record-summary[data-v-11f30e06]{-moz-column-gap:16px;column-gap:16px}.record-info[data-v-11f30e06]{align-items:center;-moz-column-gap:24px;column-gap:24px;display:flex}.info-item[data-v-11f30e06]{display:flex;font-weight:500;gap:8px}.info-item .title[data-v-11f30e06]{color:#667085}.info-item .value[data-v-11f30e06]{color:#344054}.record-actions[data-v-11f30e06]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:end}@media only screen and (max-width:768px){.record-status[data-v-11f30e06]{display:none}.info-item[data-v-11f30e06]{flex-direction:column}.record-actions[data-v-11f30e06]{display:none}}.status-widget[data-v-e06cb8ac]{align-items:center;border:1px solid;border-radius:12px;display:flex;height:55px;justify-content:space-between;padding:18px 22px;width:100%}.status-widget .left[data-v-e06cb8ac]{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex}.status-widget.info[data-v-e06cb8ac]{background:#eff8ff;border-color:#1570ef;color:#175cd3}.status-widget.info .status-icon[data-v-e06cb8ac]{color:#1570ef}.status-widget.info .dot-icon[data-v-e06cb8ac]{color:#2e90fa}.status-widget.success[data-v-e06cb8ac]{background:#e6f7f2;border-color:#188f6b;color:#157d5e}.status-widget.success .status-icon[data-v-e06cb8ac]{color:#188f6b}.status-widget.success .dot-icon[data-v-e06cb8ac]{color:#1eb386}.status-widget.warning[data-v-e06cb8ac]{background:#fffaeb;border-color:#dc6803;color:#b54708}.status-widget.warning .status-icon[data-v-e06cb8ac]{color:#dc6803}.status-widget.warning .dot-icon[data-v-e06cb8ac]{color:#f79009}.status-widget.danger[data-v-e06cb8ac]{background:#fef3f2;border-color:#d92d20;color:#b42318}.status-widget.danger .status-icon[data-v-e06cb8ac]{color:#d92d20}.status-widget.danger .dot-icon[data-v-e06cb8ac]{color:#f03f3f}.status-widget.gray[data-v-e06cb8ac]{background:#f2f4f7;border-color:#475467;color:#344054}.status-widget.gray .status-icon[data-v-e06cb8ac]{color:#475467}.status-widget.gray .dot-icon[data-v-e06cb8ac]{color:#667085}.paginator-wrapper[data-v-3b8a3f52]{color:#778ca2;display:flex;flex-direction:row;font-size:14px;font-weight:500;letter-spacing:.3px;line-height:16px;margin:19px 20px;min-width:100px}.paginator-wrapper .icon-wrapper[data-v-3b8a3f52]{cursor:pointer}.paginator-wrapper .page-count-wrapper[data-v-3b8a3f52]{padding:0 12px}.invoice-details .details-header[data-v-ae84a6ba]{align-items:center;background-color:#fff;display:flex;height:56px;justify-content:space-between;margin-bottom:20px;padding:10px}.invoice-details .details-header .left[data-v-ae84a6ba]{align-items:center;display:flex}.invoice-details .details-header .left .header-item[data-v-ae84a6ba]{align-items:center;display:flex;margin-left:26px}.invoice-details .details-header .left .header-item .title[data-v-ae84a6ba]{color:#667085;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:14px;margin-right:8px;text-transform:uppercase}.invoice-details .details-header .left .header-item .value[data-v-ae84a6ba]{color:#2d3047;font-family:Roboto,sans-serif;font-size:16px;line-height:19px}.invoice-details .details-header .right[data-v-ae84a6ba]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.invoice-details .details-header .right .pay-button[data-v-ae84a6ba]{margin-left:24px}.invoice-details .details-header .right .button-wrapper[data-v-ae84a6ba]{position:relative}.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button{color:#778ca2;font-family:Roboto Medium,sans-serif;font-size:12px;font-weight:500;line-height:14px;text-transform:uppercase}.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:active,.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:focus,.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:hover{background:transparent;color:#2d3047}.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:active .ds-icon,.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:focus .ds-icon,.invoice-details .details-header .right .button-wrapper .more-button[data-v-ae84a6ba] .ds-button:hover .ds-icon{fill:#2d3047!important}.invoice-details .details-header .right .button-wrapper .action-menu[data-v-ae84a6ba]{right:-3px!important;width:197.3px}.invoice-details .details-body[data-v-ae84a6ba]{min-height:400px}.overlay[data-v-ae84a6ba]{margin:-16px}@media only screen and (max-width:1024px){.invoice-details .details-header .left .status-item[data-v-ae84a6ba]{display:none}.invoice-details .details-header .left .invoice-number[data-v-ae84a6ba]{margin-left:0}}@media only screen and (max-width:768px){.invoice-details .details-header[data-v-ae84a6ba]{padding:10px 8px 10px 16px}.invoice-details .details-header .right .icon-actions[data-v-ae84a6ba],.invoice-details .details-header .right .icon-eye[data-v-ae84a6ba]{cursor:pointer}.invoice-details .details-header .right .icon-actions[data-v-ae84a6ba]{margin-left:26px}.invoice-details .details-header .right .action-menu[data-v-ae84a6ba]{right:16px!important;z-index:7000}.invoice-details .details-body[data-v-ae84a6ba]{min-height:0;min-height:auto}.invoice-details .details-body .pdf-preview-wrapper[data-v-ae84a6ba]{display:none}}@media only screen and (max-width:560px){.invoice-details .details-header .left[data-v-ae84a6ba]{align-items:flex-start;flex-direction:column}.invoice-details .details-header .left .header-item[data-v-ae84a6ba],.invoice-details .details-header .left .header-item[data-v-ae84a6ba]:not(.invoice-number){margin-left:0}.invoice-details .details-header .left .header-item.invoice-number[data-v-ae84a6ba]{margin-bottom:4px}}