dialog {
    display: none;
}

dialog[open] {
    animation: appear 0.5s;
    margin: auto;
    padding: 10px;
    display: flex !important;
}

@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}