.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: none !important;
}

.modal-open .modal {
    overflow-y: hidden !important;
}

.modal.show .modal-dialog {
    transform: none;
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: unset;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-backdrop.show {
    opacity: 0.5 !important;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}