.register-modal,.modal{opacity:0;transition:all .4s ease-in-out}.register-modal{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:1000;pointer-events:none}.register-modal .modal{transform:translate(-50%,-40%);opacity:0;transition:all .4s ease-in-out}.modal.active{transform:translate(-50%,-50%);opacity:1}.register-modal.active{opacity:1;pointer-events:all}.register-modal .modal .close{position:absolute;width:2rem;height:auto;top:0;right:0;padding:9px 0;font-size:1.2rem;line-height:1.2rem;text-align:center;color:var(--accent-color);background-color:transparent;z-index:2;cursor:pointer;border-radius:0}.register-modal .close::before{content:"";font-family:var(--icon-font-family)}