.ModalMainContainer{position:fixed;z-index:100;height:100vh;width:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(3.5px);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%}}