form{width:100%;margin-bottom:3rem}form.submitting{pointer-events:none;opacity:0.7}form button{width:100%}.form-input{position:relative;display:flex;flex-direction:column}.form-input.valid input:hover,.form-input.valid input:active,.form-input.valid input:focus,.form-input.valid select:hover,.form-input.valid select:active,.form-input.valid select:focus{border-color:var(--color-purple)}.form-input.invalid input{border-color:var(--color-red)}.form-input+.form-input{margin-top:1.5rem}.submit-input{margin-top:3rem}.submit-input .error{padding-top:0;padding-bottom:0.5rem}.submit-input+div:last-child{margin-top:1.5rem;font-size:1.2rem;line-height:1.6rem}form .error,form .info{display:block;font-size:1.2rem;line-height:1.6rem}form .error{color:var(--color-red);padding-bottom:0.5rem;display:flex}form .error::before{content:"";background-image:url(/login/error-icon.svg);width:15px;height:15px;display:block;margin-right:5px;flex-shrink:0}.info{padding-bottom:1rem}label{font-size:1.4rem;line-height:2.4rem}input,select{min-height:4rem;border-radius:4px;padding:0.5rem 1rem;font-size:1.6rem;line-height:2.6rem;border:1px solid var(--color-purple-light);background-color:transparent}input:focus,select:focus{outline:none}@media(max-width: 1023px){form>div{padding-right:0}}
