.custom-dialog-animation .mat-mdc-dialog-container.mdc-dialog--open {
    animation: slideFromTop 0.5s ease-out;
}

mat-dialog-actions {
    display: block !important;
    padding: 10px !important
}

@keyframes slideFromTop {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.custom-dialog-animation .mat-mdc-dialog-container.mdc-dialog--closing {
    animation: slideToTop 0.5s ease-out !important;
    opacity: 1 !important;
}

@keyframes slideToTop {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-50px);
        opacity: 0;
    }
}