.popup-overlay{position:fixed;inset:0;height:100vh;height:100svh;height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);box-sizing:border-box;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.popup-overlay.popup-open{opacity:1;visibility:visible}.popup-overlay.popup-close{opacity:0;visibility:hidden}.popup-overlay .popup-content{background:#fff;padding:16px;margin:0 64px;border-radius:10px;max-width:900px;width:100%;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1);transform:translateY(-20px);transition:transform .3s ease-in-out}.popup-overlay .popup-content .popup-close-btn{position:absolute;z-index:1;top:20px;right:20px;cursor:pointer}.popup-overlay .popup-content .popup-close-btn .popup-close-icon{width:20px;height:20px}.popup-overlay.popup-open .popup-content{transform:translateY(0)}.popup-overlay.popup-close .popup-content{transform:translateY(-20px)}@media(max-width:834px){.popup-overlay .popup-content{margin:0 32px}.popup-overlay .popup-content .popup-close-btn{top:16px;right:16px;cursor:pointer}.popup-overlay .popup-content .popup-close-btn .popup-close-icon{width:15px;height:15px}}@media(max-width:440px){.popup-overlay .popup-content{margin:0 16px}}