.keyboardNavigationFocus {
  outline-width: 0.25rem;
  outline-style: solid;
  outline-color: #669bff;
  outline-offset: 0.0625rem;
}
.text {
  color: #1f1f1f;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.textSM {
  color: #1f1f1f;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0;
}
.textXS {
  color: #1f1f1f;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.015rem;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0;
}
.textMono {
  color: #1f1f1f;
  font-family: 'IBM Plex Mono', 'Cousine', Courier, monospace;
  font-weight: 400;
  letter-spacing: 0.01rem;
  line-height: 1.25rem;
  font-size: inherit;
  margin: 0;
}
.textLink {
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-decoration-style: solid;
  color: #0058ff;
  cursor: pointer;
}

.textLink:hover,
.textLink:visited,
.textLink[data-focus-visible-added] {
  color: #0058ff;
}
.textLink:active {
  color: #003599;
}

.textLink:disabled {
  color: #a2a2a2;
}

.textButton {
  color: #1f1f1f;
  font-family: 'Montserrat', 'Open Sans', 'IBM Plex Sans', 'Roboto',
    'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03rem;
  margin: 0;
}
.headingXL {
  font-weight: 300;
  font-size: 3rem;
  line-height: 3.75rem;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: #1f1f1f;
  margin: 0;
  letter-spacing: 0;
}
.headingLG {
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3rem;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: #1f1f1f;
  margin: 0;
  letter-spacing: 0;
}
.headingMD {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: #1f1f1f;
  letter-spacing: 0;
  margin: 0;
}
.heading {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0.01rem;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: #1f1f1f;
  margin: 0;
}
.title {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0.005rem;
  font-family: 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  color: #1f1f1f;
  margin: 0;
}
.titleSM {
  font-family: 'Montserrat', 'Open Sans', 'IBM Plex Sans', 'Roboto',
    'Helvetica Neue', Arial, sans-serif;
  color: #606060;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.005rem;
  color: #1f1f1f;
  margin: 0;
}