.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;padding:0 16px;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}}