/* Sign-in page in the console look. base.css (shared with the admin pages) styles bare inputs and the body;
   these rules hand the Semi components back to the vendored console stylesheet and add what the console
   sets as inline styles. */
body.sx-login-body { font-size: 16px; line-height: inherit; background: var(--semi-color-bg-0); color: var(--semi-color-text-0); font-family: Lato, "Helvetica Neue", Arial, Helvetica, "Microsoft YaHei", sans-serif; }
.sx-login-layout { display: flex; flex-direction: column; overflow: visible; min-height: 100vh; }
.sx-login-header { padding: 0; height: auto; line-height: normal; position: fixed; width: 100%; top: 0; z-index: 100; }
.sx-login-wrap { overflow: visible; display: flex; flex-direction: column; flex: 1 1 auto; }
.sx-login-main { flex: 1 1 auto; overflow-y: visible; padding: 0; position: relative; min-height: 0; }
.sx-login-footer { flex: 0 0 auto; width: 100%; }
.sx-ball-a { top: -80px; right: -80px; transform: none; }
.sx-ball-b { top: 50%; left: -120px; }
.sx-text-2 { color: var(--semi-color-text-2); }
.sx-login-body a:hover { text-decoration: none; }
.sx-login-body .semi-input-wrapper input.semi-input {
  width: 100%; min-height: 0; margin: 0; padding: 0 12px; border: 0; border-radius: 0; background: transparent;
  box-shadow: none; color: var(--semi-color-text-0); font-size: 14px; height: 30px; line-height: 30px;
}
.sx-login-body .semi-input-wrapper__with-prefix input.semi-input { padding-left: 0; }
.sx-login-body .semi-input-wrapper input.semi-input:focus { box-shadow: none; border: 0; }
.sx-login-error { margin: 0; padding: 8px 12px; border-radius: var(--semi-border-radius-medium); background: var(--semi-color-danger-light-default); color: var(--semi-color-danger); font-size: 14px; }
.sx-login-sub { margin: 0 0 4px; color: var(--semi-color-text-2); font-size: 14px; text-align: center; }
.sx-login-body button[disabled].semi-button-primary { opacity: .6; cursor: not-allowed; }
.sx-login-header a { color: inherit; }