/*======================================
        MODAL
======================================*/

#drakion-modal-overlay{

    position:fixed;

    inset:0;

    background:rgba(4,15,40,.75);

    backdrop-filter:blur(8px);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99999;

}

#drakion-modal-overlay.active{

    opacity:1;

    visibility:visible;

}

#drakion-modal{

    width:min(1000px,92%);

    max-height:90vh;

    overflow:auto;

    background:white;

    border-radius:26px;

    position:relative;

    animation:modalShow .35s ease;

    box-shadow:0 30px 80px rgba(0,0,0,.25);

}

@keyframes modalShow{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:none;

    }

}

#drakion-close-modal{

    position:absolute;

    right:18px;

    top:18px;

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#0A4FB7;

    color:white;

    font-size:28px;

    cursor:pointer;

    transition:.3s;

}

#drakion-close-modal:hover{

    transform:rotate(90deg);

    background:#071A45;

}

#drakion-modal-body{

    padding:50px;

}

.drakion-loading{

    text-align:center;

    font-size:22px;

    color:#666;

    padding:120px 0;

}