.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 .close{position:absolute;width:40px;height:40px;top:-15px;right:-15px;padding:9px 0;font-size:1.2rem;line-height:1.2rem;text-align:center;color:var(--main-accent-text-color);background:var(--main-accent-color);z-index:2;cursor:pointer;border-radius:50%;box-shadow:0 2px 2px rgba(0,0,0,.4)}.register-modal .close::before{content:"";font-family:"Font Awesome 5 Pro"}