.popup{position:fixed;width:100%;height:100%;left:0;top:0;visibility:hidden;opacity:0;transition:0.3s;z-index:999}.popup .popup__bg{background:#010101e6;width:100%;height:100%;position:absolute;z-index:-1}.popup .popup-content{position:absolute;left:50%;top:50%;width:90%;max-width:540px;transform:translate(-50%, -45%);z-index:1;background:#fff;border-radius:var(--border-r--16);box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;transition:0.3s;transition-delay:0.1s;overflow:hidden}.popup .popup-content .popup__inner .popup-header-wrap{background:#eee;padding:40px var(--sp-16-40);display:flex;flex-direction:column;align-items:center;text-align:center}.popup .popup-content .popup__inner .popup-form-wrap{padding:40px var(--sp-16-40)}.popup .popup__close-icon{display:flex;cursor:pointer;position:absolute;right:24px;top:24px;z-index:2}.popup.active{visibility:visible;opacity:1}.popup.active .popup-content{transform:translate(-50%, -50%)}