.ModalMainContainer{position:fixed;z-index:100;height:100vh;width:100%;background:var(--Popup,linear-gradient(30deg,rgba(23,23,23,.9) 8.66%,rgba(16,16,16,.9) 103.87%));opacity:0;top:0;left:0;pointer-events:none;transition:opacity .3s ease-in-out}.ModalMainContainer.activeModal{display:block;opacity:1;pointer-events:auto}.ModalCenter{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%)!important;background-color:#FFF!important;border:1px solid #888;width:762px;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out;max-height:90%;overflow-y:auto;padding:40px}.ModalMainContainer.activeModal .ModalCenter{opacity:1;transform:scale(1)}@media only screen and (max-width:540px){.ModalCenter{width:90%}}