.login-wrapper{position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.068);z-index:1000}.login{background-color:#fff;min-width:500px;padding:1rem;border-radius:10px;position:relative}.login form{display:flex;flex-direction:column;gap:1rem}.login .user-box{display:flex;flex-direction:column-reverse;gap:.5rem}.login input{padding:.3rem .5rem;border-radius:5px;border:1px solid #121212;height:2.5rem}.login label{font-weight:500;color:#000}.login button{width:100%;display:flex;justify-content:center;margin-bottom:1rem;border:1px solid #000;height:2.5rem}.login span{cursor:pointer;margin:0 .5rem;font-weight:500}.login .close-icon{position:absolute;top:.5rem;right:.5rem;color:#121212;cursor:pointer}.non-account-client{color:#000}.error-input{border:1px solid red!important}@media screen and (max-width:500px){.login{min-width:100vw}}