.loginWrapper{background-image:url(/images/imageBottom.png),url(/images/backgroundTwo.png);background-position:bottom,50%;background-repeat:no-repeat,no-repeat;background-size:contain,cover;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;min-height:100vh;padding:78px 0;display:flex}.loginWrapper .login{border-radius:12px;flex-direction:column;align-items:center;width:400px;height:auto;padding-bottom:250px;display:flex}.loginWrapper .login .logo{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:230px;height:150px;margin-bottom:84px;display:flex}.loginWrapper .login .logo .img{object-fit:contain;width:230px;height:106px}.loginWrapper .login .form{flex-direction:column;width:100%;max-width:370px;display:flex}.loginWrapper .login .form .label{color:#000;text-align:left;width:100%;margin-bottom:32px;font-size:32px;font-weight:700;line-height:130%}.loginWrapper .login .form .inputs{flex-direction:column;gap:8px;margin-bottom:34px;display:flex}.loginWrapper .login .form .inputs .phoneRow{align-items:flex-end;gap:12px;display:flex}.loginWrapper .login .form .inputs .phoneRow .countryCodeBox{width:50px;position:relative}.loginWrapper .login .form .inputs .phoneRow .countryCodeToggle{cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:8px;align-items:center;width:100%;height:48px;padding:0 12px;display:flex}.loginWrapper .login .form .inputs .phoneRow .countryCodeDisplay{color:#111827;font-size:14px}.loginWrapper .login .form .inputs .phoneRow .countryCodeList{z-index:10;background:#fff;border:1px solid #d6d6d6;border-radius:8px;width:160px;max-width:max-content;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.08)}.loginWrapper .login .form .inputs .phoneRow .countryCodeItem{color:#111827;cursor:pointer;padding:10px 12px;font-size:14px}.loginWrapper .login .form .inputs .phoneRow .countryCodeItem:hover{background:#f5f5f5}.loginWrapper .login .form .inputs .phoneRow .inputWrapper{flex:1}.loginWrapper .login .form .button{flex-direction:column;gap:16px;display:flex}.loginWrapper .imageBottom{max-width:100%;position:absolute;bottom:0}.loginWrapper .imageBottom img{max-width:100%;height:100%;display:flex}
