.menu-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.menu-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#38412799;cursor:pointer}.menu-popup-content{position:relative;z-index:10000;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);display:inline-block;margin:1rem}.menu-popup-image{display:block;width:100%;height:auto;max-height:calc(100vh - 2rem);object-fit:contain}.menu-popup-close{position:absolute;top:1rem;right:1rem;background-color:#ffffffe6;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;color:#000;transition:background-color .2s ease-in-out}.menu-popup-close:hover{background-color:#fff}.menu-popup-close:active{transform:scale(.95)}@media (max-width: 640px){.menu-popup-content{margin:.5rem}.menu-popup-image{max-height:calc(100vh - 1rem)}.menu-popup-close{top:.5rem;right:.5rem;width:2rem;height:2rem}}