[class|="customer-account"] {
  &:extend(.account all);
}

.customer-account-login {
  .content-beyerdynamic .page-main > .columns > .column.main {
    background-color: transparent;

    // here is no space between the class selector and the ampersand
    .page-layout-1column& {
      padding: 0;
    }

    .login-container {
      .row;

      > .block {
        .col-12;

        .gt-lg({ .col-6; });

        .block-inner {
          background-color: @white;
          height: 100%;

          .lt-lg({ padding: @default--space; });

          .gt-lg({ padding: @default--space * 2; });

          p {
            .p4;
          }
        }
      }
    }
  }
}

.customer-account-forgotpassword {
  .field.note {
    .p4;
  }
}

.customer-account-logoutsuccess {
  .column.main p {
    .p4;
  }
}

.customer-account-createpassword {
  .actions-toolbar {
    .beyer-button.primary {
      margin-top: 0;
    }
  }
}

.customer-account-create {
  .fieldset.newsletter {
    .form-checkbox {
      align-items: flex-start;

      input {
        &[type="checkbox"] {
          flex-shrink: 0;
          margin-right: @default--space / 2 !important;
        }
      }

      label {
        a {
          text-decoration: underline;
          text-decoration-color: @black-40;
        }
      }
    }
  }

  .fieldset.create.account {
    .container-fluid {
      .reset-padding-lr();
    }

    .create-account-note-wrapper {
      .gt-sm({
        align-items: flex-end;
        display: flex;
        height: 100%;
        padding-top: 20/@rem;
      });
    }

    .create-account-note {
      background-color: @champagne-25;
      padding: @default--space;

      .lt-sm({
        margin-bottom: @default--space;
      });

      .gt-sm({
        margin-left: @default--space;
        min-height: 100%;

        p {
          .p4;
        }
      });
    }

    input[type='email'],
    input[type='password'] {
      width: 100%;
    }
  }
}