body.active-modal{overflow:hidden}.mymodal{z-index:9999;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{background-color:rgba(0,0,0,.12);width:100vw;height:100vh;position:fixed;top:0;left:0}.mymodal-content{background:var(--bgLightColor);border-radius:8px;width:90vw;max-width:500px;max-height:90vh;padding:35px 30px;line-height:1.4;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.close-mymodal{cursor:pointer;color:#555;font-size:24px;position:absolute;top:12px;right:12px}