/* Account login page */
#html-body.customer-account-login,
#html-body.customer-account-logoutsuccess,
#html-body.customer-account-forgotpassword,
#html-body.customer-account-createpassword {
  .page-main {
    max-width: 800px;
    padding: 0;
  }

  .column.main {
    padding-bottom: 0;
    min-height: unset;
  }

  #maincontent {
    margin-top: 32px;
    margin-bottom: 32px;
    border-radius: 4px;
    padding: 24px;
    width: 100%;
    background: #fff;
  }

  .block-customer-login {
    float: unset;
    width: 100%;
    max-width: unset;
    margin-bottom: 0;
  }

  .field.note {
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .action.remind {
    font-family: "Roboto Condensed", Arial;
    color: #188833;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-decoration-line: underline;
  }

  .form-login .control {
    width: 100%;
  }

  .forgot-password {
    text-align: right;
    margin-top: 8px;
  }

  .login-container .fieldset:after {
    display: none;
  }

  .primary,
  .login.button,
  .submit.button {
    width: 100%;
  }

  .label::after {
    display: none;
  }

  .fieldset:after {
    display: none;
  }

  .actions-toolbar {
    margin-top: 24px;
  }

  .message-wrp {
    margin-top: 16px;
  }

  .form.password.forget {
    width: 100%;
    min-width: unset;
  }

  .checkbox {
    display: none;
  }

  .checkbox + label {
    font-family: var(--roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-color: var(--green-light);
    color: var(--green-light);
    text-underline-offset: 3px;
  }

  #password-error {
    color: var(--earth-dark);
    font-family: var(--georgia);
    font-size: 16px;
  }

  .actions-toolbar .primary {
    float: unset;
  }

  @media (min-width: 1025px) {
    #maincontent {
      padding: 48px
    }
  }
}

#html-body.customer-account-createpassword .page-title-wrapper {
  margin-bottom: 16px;
}