.modal {
    background: var(--bg-color-body);
}

.modal-content {
    background: transparent;
}

.modal.zoom .modal-dialog {
    opacity: 0 !important;
    transform: scale(0.7) !important;
    transition: transform 0.3s ease;
}

.modal.zoom.show .modal-dialog {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.modal.fade.zoom .modal-dialog {
    transition: transform 0.3s ease, opacity 0.3s ease;
}