.modal.show .modal-dialog:not(.modal-lg):not(.modal-xl):not(.modal-fullscreen) {
    left: 50%;
    margin: 0;
    max-width: calc(100vw - 2rem);
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: min(560px, calc(100vw - 2rem));
}

.modal.show .modal-dialog:not(.modal-lg):not(.modal-xl):not(.modal-fullscreen) .modal-content {
    max-height: calc(100vh - 2rem);
    overflow: auto;
}