.login{background:#e3edf4;height:100vh;display:flex}.formInput{border:1px solid #ccc;border-radius:6px;width:100%;margin-top:6px;padding:10px}.reset-button{justify-content:center;align-items:center;margin-top:20px;display:grid}.image-container,.input-container{width:50%;height:100%;overflow:hidden}.errorStyle{letter-spacing:.03333em;text-align:left;color:#d32f2f;margin-top:-34px;margin-left:15px;padding:8px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.66}.password{letter-spacing:.03333em;text-align:left;color:#d32f2f;margin-top:-42px;padding:14px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.66}.input-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.custom-password-toggle{cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-38px;margin-left:-35px;font-size:18px}.top-ripple,.bottom-ripple{background:linear-gradient(#1076bc 0%,#1076bc00 100%);width:200px;height:180px;animation:3s linear animate;position:absolute;overflow:hidden}.top-ripple{border-radius:0 0 0 323px;top:0;right:0}.bottom-ripple{border-radius:323px 0 0;bottom:0;right:0}.input-container h2{font-size:23px;font-weight:500;line-height:normal;font-style:"Inter", sans-serif;color:#1076bc;margin-top:6px;margin-bottom:30px}.bgImg{border-top-right-radius:30px;border-bottom-right-radius:30px;width:50vw;height:100vh}.logoImg{width:220px;height:60px;animation:3s linear logoAnimate}.formControlLabel{margin-left:0;margin-right:30px;font-size:16px}.button-containers button:hover{cursor:pointer;text-decoration:underline;color:#00e!important}.submitBtn{border:none;border-radius:100px;width:400px;height:40px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:16px;transition:background-color .3s,cursor .3s}.btn-active{color:#fff;cursor:pointer;background-color:#1076bc}.btn-disabled{color:#fff;cursor:not-allowed;background-color:#a0a0a0}.formControlLabel:checked{color:#000!important}@keyframes animate{0%{width:0;height:0}to{width:200px;height:180px}}@keyframes logoAnimate{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@media only screen and (width<=480px){.login{background-color:#fff;width:100%;display:block}.input-container{width:100%;margin-top:20px}.image-container,.input-container{height:auto;width:100%!important}.top-ripple,.bottom-ripple{display:none}.bgImg{width:100%;height:auto}}@media only screen and (width<=769px){.form{width:80%}}@media screen and (width>=770px) and (width<=916px){.form{width:80%}}@media screen and (width>=1024px){.form{width:80%}}