@charset "utf-8";

.m4b-modal { min-width: unset; }

.m4b-modal.m4b-modal-size-mini { width: 432px; }

.m4b-modal.m4b-modal-size-small { width: 592px; }

.m4b-modal.m4b-modal-size-default { width: 752px; }

.m4b-modal.m4b-modal-size-large { width: 992px; }

.m4b-modal-with-subtitle { flex: 1 1 0%; }

.m4b-modal-title { display: flex; align-items: center; }

.m4b-modal-title-icon { flex-shrink: 0; margin-top: 2px; }

.m4b-modal-sub-title { min-height: 18px; line-height: 18px; font-size: 12px; font-weight: 400; color: var(--color-text-2); }

.m4b-modal-with-icon .m4b-modal-sub-title { margin-inline-start: 32px; }

.m4b-modal-footer { display: flex; align-items: center; justify-content: flex-end; text-align: left; }

.m4b-modal-footer-text { flex: 1 1 0%; font-size: 12px; color: var(--color-text-2); font-family: inherit; }

.m4b-modal-footer > button { margin-inline-start: 12px; }

.m4b-modal .arco-modal-header .arco-modal-title { font-size: 20px; line-height: 36px; font-weight: 500; }

html[data-m4b-theme="theme-m4b"] .m4b-modal .arco-icon-Info-blue > circle { fill: rgb(var(--primary-6)); }

.m4b-modal.arco-modal .arco-modal-close-icon > svg:hover { background-color: var(--color-border-state-hover); border-radius: 4px; }

.m4b-modal.arco-modal .arco-modal-close-icon > svg:active { background-color: var(--color-border-state-pressed); border-radius: 4px; }

.arco-modal-rtl .arco-modal-header { padding: 32px 24px 16px 44px; direction: rtl; }

.arco-modal-rtl .arco-modal-header .arco-modal-title { text-align: right; }

.arco-modal-rtl .arco-modal-content { direction: rtl; text-align: right; }