dialog.flex-modal-popup{
    width:1024px;
    border:none;
    border-radius:0.5rem;
    box-shadow:0px 3px 16px rgba(0,0,0,.15);
    padding:2.25rem 2rem 2rem;
    top:revert;
    height:revert;
    margin:auto;
    background:#fff;
    min-height:500px;
}

dialog.flex-modal-popup {
transition: all 0.2s;
opacity:0;
transform:translateY(24px);

    &[open]{
        opacity:1;
        transform:translateY(0px);
        pointer-events:auto;
    
        @starting-style {
            opacity: 0;
            transform:translateY(24px);
        }
    }
}

dialog.flex-modal-popup::backdrop{
    background-color:rgba(7,47,63,.9);
    background: linear-gradient(120deg, rgba(45, 76, 95, 0.90) 0%, rgba(7, 47, 63, 0.90) 45%, rgba(7, 47, 63, 0.90) 100%) 50% / cover no-repeat;
    transition: all 0.2s;
    opacity:0;
    top:0;
    /* backdrop-filter:blur(3px); */
}

dialog.flex-modal-popup[open]::backdrop{
    opacity:1;
}

@starting-style {
    dialog.flex-modal-popup[open]::backdrop{
        opacity: 0;
    }
}

dialog.flex-modal-popup h3{
    margin-bottom:0.25rem;
}

dialog.flex-modal-popup .close{ 
    position:absolute; 
    top:1rem; right:1rem;
    border:0;
    text-indent:-9999px;
    background-color:transparent;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23333333" aria-hidden="true" class="oj so"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg>');
    background-position:center center;
    background-size:32px 32px;
    background-repeat:no-repeat;
    width:32px; height:32px;
    overflow:hidden;
    cursor:pointer;
    transition:opacity 0.2s ease;
    left:auto;
}

dialog.flex-modal-popup .close:hover{ opacity:0.65; }

.flex-iframe-wrapper{ width:100%; }
.flex-iframe-wrapper iframe{ width:100%; }