/*************************************************

    ██████╗  ██████╗ ██████╗ ██╗   ██╗██████╗
    ██╔══██╗██╔═══██╗██╔══██╗██║   ██║██╔══██╗
    ██████╔╝██║   ██║██████╔╝██║   ██║██████╔╝
    ██╔═══╝ ██║   ██║██╔═══╝ ██║   ██║██╔═══╝
    ██║     ╚██████╔╝██║     ╚██████╔╝██║
    ╚═╝      ╚═════╝ ╚═╝      ╚═════╝ ╚═╝

 *************************************************/



 .popup {
    box-sizing: content-box;
}

    .popup-next,
    .popup-previous {
        top: 45%;
    }

    .popup {
        margin: 0;
        padding: 0;
        padding: 0;
        border-radius: 0 !important;
        border: 0;
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        background: rgb(0 0 0 / 77%);
    }
    
    
    .popup-contents-container {
        left: 50%;
        top: 50%;
        position: relative;
        transform: translate(-50%, -50%);
        border: 0;
    }

    .popup .close {
        top: 10px;
        right: 10px;
        background: transparent;
        content: url('data:image/svg+xml; utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 32 32"><path fill="rgb(250,250,250)" d="M20.288 10.272l-4.288 4.288-4.288-4.288-1.408 1.408 4.288 4.288-4.288 4.288 1.408 1.408 4.288-4.288 4.288 4.288 1.408-1.408-4.288-4.288 4.288-4.288zM16 1.952c-7.744 0-13.984 6.272-13.984 14.016s6.24 14.016 13.984 14.016 14.016-6.272 14.016-14.016-6.272-14.016-14.016-14.016zM16 28.96c-7.168 0-12.992-5.824-12.992-12.992s5.824-12.992 12.992-12.992 12.992 5.824 12.992 12.992-5.824 12.992-12.992 12.992z"></path></svg>');
    }

    [id^="popup-overlay"].overlay {
        display: none !important;
    }