/**
 * Warstage Core
 * Modal.css
 * Version: 0.1.0-alpha
 */

.ws-modal {

    position: fixed;
    inset: 0;

    display: none;

    justify-content: center;
    align-items: center;

    background: rgba(0,0,0,.75);

    z-index: 999999;

    padding: 30px;

    box-sizing: border-box;

}

.ws-modal.is-active {

    display: flex;

}

.ws-modal__window {

    position: relative;

    width: 100%;
    max-width: 1200px;
    max-height: 90vh;

    overflow: auto;

    background: #ffffff;

    border-radius: 10px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.45);

}

.ws-modal__content {

    width: 100%;
    height: 100%;

}

.ws-modal-open {

    overflow: hidden;

}

.ws-modal__close{

    position:absolute;

    top:15px;

    right:15px;

    width:44px;

    height:44px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.9);

    color:#333;

    font-size:34px;

    line-height:44px;

    cursor:pointer;

    transition:.2s;

    z-index:100;

}

.ws-modal__close:hover{

    background:#8b0000;

    color:#fff;

}