.modal-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-content{
    @apply overflow-auto;
    position: relative;
    display: flex;
    flex-direction: column;

    max-width:1000px;
    max-height: 90%;

    margin: 0 1rem;
    padding: 1rem;
    border: 1px solid #f4b706;
    /*    border: 1px solid #e2e8f0;*/
    border-radius: 0.25rem;
    background: black;/*#fff;*/
    opacity:95%;
}
.modal__title {
    margin: 0 2rem 0 0;
    font-size: 1.5rem;
    font-weight: 700;
}
.modal__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.modal__content{
    flex-grow: 1;
    overflow-y: auto;
}


/*
dialog[open] {
    animation: appear .15s cubic-bezier(0, 1.8, 1, 1.8);
}

dialog::backdrop {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5), rgba(54, 54, 54, 0.5));
    backdrop-filter: blur(3px);
}


@keyframes appear {
    from {
        opacity: 0;
        transform: translateX(-3rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
*/