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

@import "../new-appointment/sass/styles";
@import "../appointment-list/sass/styles";
@import "../covid-19-vaccine/sass/styles";
@import "../appointment-list/sass/print";

.vaos-form__title,
.vaos-u-text-transform--uppercase {
  text-transform: uppercase;
}

.title-text-eyebrow {
  display: block;
  text-transform: uppercase;
}
.vaos-u-word-break--break-word {
  word-break: break-word;
}

.backLinkContainer {
  display: flex;
  flex-direction: row;

}
.vaos__loading-overlay {
  background-color: var(--vads-color-white);
  opacity: 0.9;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.vaos__loading-overlay-inner {
  position: relative;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
  width: 80%;
  max-width: 500px;
  cursor: auto;

  @include media($medium-screen) {
    top: 40%;
  }
}

.vaos__form-button {
  width: 100%;
  @media (min-width: $xsmall-screen) {
    width: auto;
  }
}

va-radio::part(header) {
  font-size: 1.875rem;
  font-weight: 700;
  margin: .67em 0;
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

va-radio::part(legend) {
  margin-bottom: 16px;
}

#root_reasonAdditionalInfo-label {
  margin-top: 16px;
}

.schemaform-required-span,
body {
  font-size: 1.06rem; // same as 16.96px
}

.vaos__dynamic-font-size--h2 {
  font-size: var(--font-size-h2);
}

@media (max-width: 481px) {
  .vaos__dynamic-font-size--h2 {
    font-size: 24px;
  }
}

va-textarea::part(input-type-textarea) {
  box-sizing: border-box;
}

.vaos-input-error-message:focus {
  outline: 2px solid var(--vads-color-action-focus-on-light);
  outline-offset: 2px;
}

.usa-input-error:focus {
  outline: 2px solid var(--vads-color-action-focus-on-light);
  outline-offset: 2px;
}
