Событие "click" за границей блока

[ogoggg]

Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь

https://codepen.io/bogdandranicin/pen/ZExZGeW

[Vlad_P]

function profile() {
        let profile = document.querySelector(".header__authorization");
        profile.addEventListener('click', function(e){
            profile.classList.add('authorization')
        })
        
        document.addEventListener('click', function(e){
          if (profile.classList.contains("authorization") && !e.target.closest('.header__authorization')) {
            profile.classList.remove('authorization')
          }
        })
    }
profile();