.login-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.login-popup-container{place-self:center;width:max(23vw,330px);color:#808080;background-color:white;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:black}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;padding:10px;border:1px solid #c9c9c9c9;border-radius:5px;font-size:4px}.login-popup-container button{background-color:rgb(169,53,240);color:white;padding:10px;font-weight:500;border-radius:4px;border:none;cursor:pointer;font-size:15px;transition:.3s}.login-popup-condition{display:flex;align-items:center;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup-condition p span{font-weight:500px;color:rgb(169,53,240);cursor:pointer}.header-yathnana{background-color:rgb(169,53,240)}.hover\:text-brand-accent-light:hover,.text-brand-accent-yathana{--tw-text-opacity:1;color:rgb(255,255,255/var(--tw-text-opacity))}.bg-brand-accent-yathana{background-color:rgb(102,22,192)}