.account {
  .content-beyerdynamic {
    legend {
      .h6;

      .gt-lg({ strong {
        .h4;
      } });
    }

    input[type="text"],
    input[type="email"],
    input[type="password"] {
      .form-control;

      .lt-sm({ width: 100%; });

      .gt-sm({ width: 50%; });
    }

    select {
      .form-select;
    }

    .fieldset + fieldset {
      margin-top: @default--space * 2;
    }

    form[data-hasrequired],
    fieldset[data-hasrequired] {
      &::after {
        .p5;

        color: @black-60;
        content: attr(data-hasrequired);
        display: inline-block;
        margin-top: @default--space;
      }
    }

    .field {
      &:not(:first-child),
      & .nested {
        margin-top: @default--space;
      }

      &:not(.choice) label {
        .h8;

        color: @black-40;
      }

      &.required {
        &:not(.choice) label {
          span::after {
            content: '*';
            display: inline-block;
          }
        }

        // remove asterisk from additional label
        & .field.additional label span::after {
          display: none;
        }
      }

      &.choice {
        margin-top: @default--space;

        .checkbox {
          margin-right: @default--space / 3;
        }
      }
    }

    .column.main {
      .message {
        .p4;

        margin-top: @default--space;

        & + .message {
          margin-top: @default--space / 2;
        }
      }
    }

    button,
    a.beyer-button {
      margin-left: 0;
    }

    .beyer-button:not(.beyer-button--small),
    beyer-button:not([small]) button {
      .lt-sm({ width: 100%; });
    }

    #password-strength-meter-container {
      .p5;
    }
  }
}
