.pop-enter-active,.pop-enter-active .popup-container .container-content,.pop-leave-active,.pop-leave-active .popup-container .container-content{transition:all .3s}.pop-enter-from,.pop-leave-to{opacity:0}.pop-enter-from .popup-container .container-content,.pop-leave-to .popup-container .container-content{transform:translateY(-20px)}.popup{overscroll-behavior:contain;z-index:1000;background-color:#000000a6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.popup.has_bottom_nav .popup-container .container-content{border-bottom:calc(100vh - 100svh) solid #101319}.popup .popup-container{flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100%;display:flex;position:relative}.popup .popup-container .close-container{cursor:pointer;z-index:2;align-self:flex-end;width:max-content;height:max-content;margin-top:-18px;margin-bottom:-18px;padding:18px 20px;position:relative}.popup .popup-container .close-container .G_Close{z-index:2;width:14px;height:14px}.popup .popup-container .container-content{background-color:#101319;border-bottom:0 solid #101319;border-radius:16px;width:640px;max-width:calc(100% - 40px);max-height:calc(100% - 112px);transition:all .3s;overflow:auto}.popup .popup-container .container-content .foos{background-color:#ffffffbf;width:100px;height:200vh}@media only screen and (width<=900px){.popup .popup-container{max-width:100%;width:100%!important}.popup .popup-container .close-container{z-index:4;position:absolute;top:20px;right:0}.popup .popup-container .close-container .G_Close{margin-bottom:0;margin-right:0}.popup .popup-container .container-content{border-radius:0;max-width:100%;height:100vh;max-height:100vh;width:100%!important}}