/* Login form only: flat square fields with one border in every interaction state. */
.v10-auth #login .v10-auth-form-panel .v10-login-inputs {
 --v10-login-field-border:#e2e2e2;
 --v10-login-field-focus:#246bfe;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input,.el-select) {
 border:0;
 border-radius:0;
 outline:none;
 box-shadow:none;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input__inner,.v10-auth-captcha-input) {
 box-sizing:border-box;
 height:44px !important;
 padding:0 14px;
 border:1px solid var(--v10-login-field-border);
 border-radius:0;
 outline:none;
 box-shadow:none;
 background:#fff;
 color:#333;
 font-family:"PingFang SC","Microsoft YaHei",sans-serif;
 font-size:14px;
 line-height:normal;
 transition:border-color .15s;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input__inner,.v10-auth-captcha-input)::placeholder {
 color:#b5b5b5;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input__inner,.v10-auth-captcha-input):hover {
 border-color:#c5c9d0;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input__inner,.v10-auth-captcha-input):is(:focus,:focus-visible) {
 border-color:var(--v10-login-field-focus);
 outline:none;
 box-shadow:none;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs :is(.el-input.is-disabled .el-input__inner,.v10-auth-captcha-input:disabled) {
 background:#f7f8fa;
 color:#909399;
 border-color:var(--v10-login-field-border);
}

/* The native phone prefix and input form a joined rectangle with a single divider. */
.v10-auth #login .v10-auth-form-panel .v10-login-inputs .select-input > .el-input-group__prepend {
 border:1px solid var(--v10-login-field-border);
 border-right:0;
 border-radius:0;
 outline:none;
 box-shadow:none;
 background:#fff;
 transition:border-color .15s;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs .select-input:focus-within > :is(.el-input-group__prepend,.el-input__inner) {
 border-color:var(--v10-login-field-focus);
 outline:none;
 box-shadow:none;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs .v10-auth-country-select .el-input__inner {
 padding:0 28px 0 12px;
 border:0;
 border-radius:0;
 outline:none;
 box-shadow:none;
 background:transparent;
 line-height:44px;
}

/* Keep the image square as well; keyboard focus changes its existing border only. */
.v10-auth #login .v10-auth-form-panel .v10-login-inputs .v10-auth-captcha-image {
 border:1px solid var(--v10-login-field-border);
 border-radius:0;
 outline:none;
 box-shadow:none;
 transition:border-color .15s;
}
.v10-auth #login .v10-auth-form-panel .v10-login-inputs .v10-auth-captcha-image:is(:focus,:focus-visible) {
 border-color:var(--v10-login-field-focus);
 outline:none;
 box-shadow:none;
}