/* ==========================================
Lightbox
========================================== */

.mns-lightbox{
    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    padding:32px;

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

    z-index:9999;
}

.mns-lightbox.is-active{
    display:flex;
}

.mns-lightbox-image{
    display:block;

    max-width:100%;

    max-height:100%;

    border-radius:12px;
}

.mns-lightbox-close{
    position:absolute;

    top:24px;

    right:24px;

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

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

    color:#fff;

    font-size:30px;

    cursor:pointer;
}

.mns-lightbox-close:hover{
    background:rgba(255,255,255,.2);
}