/*    Popups Frontend (deprecated)
__________________________________
*/
section.popups .popup {
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    box-sizing: border-box;
    pointer-events: none;
}
section.popups .popup.hidden {
    display: none;
}
section.popups .popup .popup_overlay {
    position: absolute;
    width: 0; height: 0;
    z-index: -1;
    pointer-events: all;
}
section.popups .popup .popup_content {
/*  perspective: 1000px; this causes strange display issues on firefox when scrolling inside a popup */
    max-height: 100%;
    max-width: 100%;
}
section.popups .popup .popup_content .popup_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: all;
    will-change: transform;
    transition-property: transform;
}