.modal-dividida {
    --modal-dividida-width: 1000px;
    --modal-dividida-left-percent: 55%;
    --modal-dividida-espacamento: 16px;
    --modal-dividida-cor-borda: #CCCCCC;
    --modal-dividida-cor-fundo-esquerda: #FFFFFF;
    --modal-dividida-cor-fundo-direita: #F4F2F2;
    display: flex;
    width: var(--modal-dividida-width);
    max-width: 100%;
    max-height: calc(90vh - 170px);
    box-sizing: border-box;
    min-height: 0;
}

.modal-dividida .left,
.modal-dividida .right {
    max-height: calc(90vh - 170px);
    box-sizing: border-box;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 8px var(--modal-dividida-espacamento) 32px var(--modal-dividida-espacamento);
}

.modal-dividida .left::-webkit-scrollbar,
.modal-dividida .right::-webkit-scrollbar {
    display: none;
}

.modal-dividida .left {
    flex: 0 0 var(--modal-dividida-left-percent);
    width: var(--modal-dividida-left-percent);
    max-width: var(--modal-dividida-left-percent);
    min-width: 0;
    border-right: 1px solid var(--modal-dividida-cor-borda);
    background-color: var(--modal-dividida-cor-fundo-esquerda);
}

.modal-dividida .right {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    background-color: var(--modal-dividida-cor-fundo-direita);
}

body .modal-swal-popup:has(.modal-dividida) {
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body .modal-swal-popup:has(.modal-dividida) .swal2-html-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

body .modal-swal-popup:has(.modal-dividida) .modal-swal-content-borda {
    max-height: calc(90vh - 170px);
    overflow-x: hidden;
    overflow-y: auto;
}

body .modal-swal-popup:has(.modal-dividida) .swal2-actions {
    flex-shrink: 0;
}

.modal-swal-content:has(.modal-dividida) {
    padding: 0;
}