// Variables

@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-form-process";
@import "../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-modal";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-omb-info";
@import "../../../platform/forms/sass/m-form-confirmation";

$font-size: 16.96px;

.schemaform-date-input-v3 {
  &.schemaform-first-field {
    margin-top: 8px !important;
  }
  legend {
    font-size: $font-size;
  }
}

.rjsf-web-component-field[error]:not([error=""]) {
  margin-left: 0;
}

.usa-input-error {
  right: 0;
}

.rjsf-array-field button.edit {
  align-self: flex-end;
}

.row .row.small-collapse {
  margin: 0;
}

.progress-box {
  padding: 0;
}

.u-list-no-bullets {
  list-style-type: none;
}

.capitalize {
  text-transform: capitalize;
}

// Break long words on modals, see
// https://github.com/department-of-veterans-affairs/vets-design-system-documentation/issues/3355
va-modal {
  @include media-maxwidth($small-screen) {
    word-break: break-word;
  }
}
