/*
  Do not edit directly
  Generated on Wed, 22 Jul 2020 14:57:49 GMT
*/

.token-typography__base {
  font-family: var(--ds-typography-font-family, 'Benton Sans', Arial, sans-serif);
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-transform: initial;
  color: var(--token-color-text-default, #222529);
}

.token-typography__field-floating-label-error {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__field-floating-label {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__field-floating-label-active {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--token-color-brand-primary, #0077ba);
}

.token-typography__footnote {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__field-error-text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__pagination {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__pagination-disabled {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__button {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  color: var(--token-color-text-inverse, #ffffff);
}

.token-typography__button-primary {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  color: var(--token-color-brand-primary, #0077ba);
}

.token-typography__button-disabled {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__body-text-smaller-error {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__body-text-error {
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__body-text-smaller-disabled {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__body-text-disabled {
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__body-text-smaller-emphasised {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__body-text-muted {
  color: var(--token-color-text-muted, #4a5056);
}

.token-typography__body-text-emphasised {
  font-weight: 500;
  color: var(--token-color-text-default, #222529);
}

.token-typography__body-text-smaller {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__body-text {
  color: var(--token-color-text-default, #222529);
}

.token-typography__tab-label {
  font-weight: 500;
  color: var(--token-color-text-default, #222529);
}

.token-typography__tab-label-active {
  font-weight: 500;
  color: var(--token-color-brand-primary, #0077ba);
}

.token-typography__navigation-text-active {
  font-weight: 500;
  color: var(--token-color-text-default, #222529);
}

.token-typography__navigation-text {
  color: var(--token-color-text-default, #222529);
}

.token-typography__table-content-error {
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__table-content {
  color: var(--token-color-text-muted, #4a5056);
}

.token-typography__table-header {
  font-weight: 500;
  color: var(--token-color-text-heading, #222529);
}

.token-typography__link-text-smaller-disabled {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: underline;
  color: var(--token-color-text-link-disabled, #cfd4d9);
}

.token-typography__link-text-smaller {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: underline;
  color: var(--token-color-text-link-default, #0077ba);
}

.token-typography__link-text-smaller:hover {
  color: var(--token-color-text-link-hover, #00639a);
}

.token-typography__link-text-disabled {
  text-decoration: underline;
  color: var(--token-color-text-link-disabled, #cfd4d9);
}

.token-typography__link-text {
  text-decoration: underline;
  color: var(--token-color-text-link-default, #0077ba);
}

.token-typography__link-text:hover {
  color: var(--token-color-text-link-hover, #00639a);
}

.token-typography__field-text-placeholder {
  color: var(--token-color-text-muted, #4a5056);
}

.token-typography__field-text {
  color: var(--token-color-text-default, #222529);
}

.token-typography__summary-data-error {
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__summary-data {
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--token-color-text-default, #222529);
}

.token-typography__summary-label {
  color: var(--token-color-text-default, #222529);
}

.token-typography__item-content-disabled {
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__item-content-error {
  color: var(--token-color-system-error-default, #db1c0e);
}

.token-typography__item-content {
  color: var(--token-color-text-muted, #4a5056);
}

.token-typography__item-label {
  font-weight: 500;
  color: var(--token-color-text-heading, #222529);
}

.token-typography__section-header-disabled {
  font-weight: 500;
  color: var(--token-color-text-disabled, #cfd4d9);
}

.token-typography__section-header {
  font-weight: 500;
  color: var(--token-color-text-heading, #222529);
}

.token-typography__secondary-header {
  font-weight: 500;
  color: var(--token-color-text-heading, #222529);
}

.token-typography__page-header {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 2.75rem;
  color: var(--token-color-text-heading, #222529);
}

.token-typography__hero {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--token-color-text-heading, #222529);
}

/* Breakpoint: XS */
@media only screen and (min-width: 641px) {
  .token-typography__section-header-disabled {
    font-weight: 500;
    font-size: 1.125rem;
    color: var(--token-color-text-disabled, #cfd4d9);
  }

  .token-typography__section-header {
    font-weight: 500;
    font-size: 1.125rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__secondary-header {
    font-weight: 500;
    font-size: 1.125rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__page-header {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__hero {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2rem;
    color: var(--token-color-text-heading, #222529);
  }
}

/* Breakpoint: S */
@media only screen and (min-width: 1023px) {
  .token-typography__secondary-header {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__page-header {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__hero {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: var(--token-color-text-heading, #222529);
  }
}

/* Breakpoint: M */
@media only screen and (min-width: 1365px) {
  .token-typography__page-header {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: var(--token-color-text-heading, #222529);
  }

  .token-typography__hero {
    font-weight: 500;
    font-size: 3.25rem;
    line-height: 4rem;
    color: var(--token-color-text-heading, #222529);
  }
}