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; }
        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; }
        body.login-page .page-content .login--wrapper .login--header .title .h4 {
          font-weight: 500;
          letter-spacing: .1px;
          color: #3f4549; }
      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 #EC621D; }
          body.login-page .page-content .login--wrapper .form-input input:focus ~ span {
            color: #EC621D; }
      body.login-page .page-content .login--wrapper .form-help a {
        font-weight: 600;
        color: #EC621D; }
      body.login-page .page-content .login--wrapper .align-right {
        text-align: right; }

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