.popup{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999999;display:flex;justify-content:center;align-items:center;visibility:hidden}.popup-inner{opacity:0%;margin-top:100px;transition:all .3s ease-in-out;position:relative;z-index:2;background-color:#fff;border-radius:16px;padding:30px;max-width:600px;width:100%}.popup-inner .popup-inner-content{max-height:60vh;overflow-x:scroll}.popup-inner-close{cursor:pointer;border:0 solid rgba(0,0,0,0);position:absolute;right:-70px;top:-60px;height:50px;width:50px;border-radius:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.popup-inner-close svg{height:23px;width:23px}.popup-inner-close:hover{opacity:75%}@media(max-width: 777px){.popup-inner-close{right:16px;top:16px}}.popup-bg-color{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;background-color:rgba(0,0,0,.3)}.popup.full .popup-inner{max-width:inherit;height:100%;width:100%;padding:60px;box-sizing:border-box;border-radius:0px}.popup.full .popup-inner-close{top:20px;right:20px;background-color:#ece8e1}@media(max-width: 777px){.popup.full .popup-inner{margin:0;padding:39px 23px;overflow:scroll}}.popup.active{visibility:visible}.popup.active .popup-inner{opacity:100%;margin-top:0px}@media(max-width: 777px){.popup-inner{margin:10px;padding:25px 16px}}