body.login-page {
  background: #fff;
}
body.login-page .notification-message {
  position: absolute;
  top: 20px;
  left: calc(50% - 224px);
  width: 448px;
}
body.login-page .page-content {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  color: #202124;
}
body.login-page .page-content .notif-alert {
  width: 448px;
  margin: 0 auto 12px auto;
}
body.login-page .page-content .notif-alert:first-child {
  margin-top: auto;
}
body.login-page .page-content .login--wrapper {
  flex: 0 0 auto;
  margin: auto;
  background: #fff;
  border-radius: 8px;
  width: 448px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px;
}
body.login-page .page-content .login--wrapper form {
  display: grid;
  grid-template-rows: auto 54px 54px 54px 54px;
  grid-gap: 14px;
}
body.login-page .page-content .login--wrapper .login--header {
  padding-bottom: 14px;
  text-align: center;
  background-color: #eb1544;
  margin-bottom: 1em;
  border-radius: 5px;
}
body.login-page .page-content .login--wrapper .login--header img {
  margin-top: 2em;
}
body.login-page .page-content .login--wrapper .login--header .title * {
  display: block;
  text-align: center;
}
body.login-page .page-content .login--wrapper .login--header .title .h3 {
  font-weight: 600;
  color: white;
}
body.login-page .page-content .login--wrapper .login--header .title .h4 {
  font-weight: 500;
  letter-spacing: 0.1px;
  color: white;
}
body.login-page .page-content .login--wrapper .form-input {
  position: relative;
}
body.login-page .page-content .login--wrapper .form-input span.placeholder {
  position: absolute;
  left: 15px;
  top: -12px;
  font-size: 1.1em;
  background: #fff;
  padding: 0 7px;
  font-weight: 500;
}
body.login-page .page-content .login--wrapper .form-input input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 13px 15px;
  border-radius: 4px;
  background: transparent !important;
  width: 100%;
}
body.login-page .page-content .login--wrapper .form-input input::placeholder {
  display: none;
}
body.login-page .page-content .login--wrapper .form-input input:focus {
  border: 1px solid #ED1544;
}
body.login-page .page-content .login--wrapper .form-input input:focus ~ span {
  color: #ED1544;
}
body.login-page .page-content .login--wrapper .form-help a {
  font-weight: 600;
  color: #ED1544;
}
body.login-page .page-content .login--wrapper .align-right {
  text-align: right;
}

/*# sourceMappingURL=login.css.map */