@layer utilities {
/* Typography utilities */
.u-text {
  font-size: var(--font-text-base-size);
  font-weight: var(--font-text-base-weight);
  line-height: var(--font-text-base-line-height);
}

.u-text--strong {
  font-size: var(--font-text-base-strong-size);
  font-weight: var(--font-text-base-strong-weight);
  line-height: var(--font-text-base-strong-line-height);
}

.u-text--sub {
  font-size: var(--font-text-sub-size);
  font-weight: var(--font-text-sub-weight);
  line-height: var(--font-text-sub-line-height);
}

.u-text--sub-strong {
  font-size: var(--font-text-sub-strong-size);
  font-weight: var(--font-text-sub-strong-weight);
  line-height: var(--font-text-sub-strong-line-height);
}

/* Color utilities */
.bg-blue-100{background-color:var(--color-blue-100);}
.text-blue-100{color:var(--color-blue-100);}
.border-blue-100{border-color:var(--color-blue-100);}
.bg-blue-99{background-color:var(--color-blue-99);}
.text-blue-99{color:var(--color-blue-99);}
.border-blue-99{border-color:var(--color-blue-99);}
.bg-blue-98{background-color:var(--color-blue-98);}
.text-blue-98{color:var(--color-blue-98);}
.border-blue-98{border-color:var(--color-blue-98);}
.bg-blue-95{background-color:var(--color-blue-95);}
.text-blue-95{color:var(--color-blue-95);}
.border-blue-95{border-color:var(--color-blue-95);}
.bg-blue-90{background-color:var(--color-blue-90);}
.text-blue-90{color:var(--color-blue-90);}
.border-blue-90{border-color:var(--color-blue-90);}
.bg-blue-80{background-color:var(--color-blue-80);}
.text-blue-80{color:var(--color-blue-80);}
.border-blue-80{border-color:var(--color-blue-80);}
.bg-blue-70{background-color:var(--color-blue-70);}
.text-blue-70{color:var(--color-blue-70);}
.border-blue-70{border-color:var(--color-blue-70);}
.bg-blue-60{background-color:var(--color-blue-60);}
.text-blue-60{color:var(--color-blue-60);}
.border-blue-60{border-color:var(--color-blue-60);}
.bg-blue-50{background-color:var(--color-blue-50);}
.text-blue-50{color:var(--color-blue-50);}
.border-blue-50{border-color:var(--color-blue-50);}
.bg-blue-40{background-color:var(--color-blue-40);}
.text-blue-40{color:var(--color-blue-40);}
.border-blue-40{border-color:var(--color-blue-40);}
.bg-blue-35{background-color:var(--color-blue-35);}
.text-blue-35{color:var(--color-blue-35);}
.border-blue-35{border-color:var(--color-blue-35);}
.bg-blue-30{background-color:var(--color-blue-30);}
.text-blue-30{color:var(--color-blue-30);}
.border-blue-30{border-color:var(--color-blue-30);}
.bg-blue-25{background-color:var(--color-blue-25);}
.text-blue-25{color:var(--color-blue-25);}
.border-blue-25{border-color:var(--color-blue-25);}
.bg-blue-20{background-color:var(--color-blue-20);}
.text-blue-20{color:var(--color-blue-20);}
.border-blue-20{border-color:var(--color-blue-20);}
.bg-blue-15{background-color:var(--color-blue-15);}
.text-blue-15{color:var(--color-blue-15);}
.border-blue-15{border-color:var(--color-blue-15);}
.bg-blue-10{background-color:var(--color-blue-10);}
.text-blue-10{color:var(--color-blue-10);}
.border-blue-10{border-color:var(--color-blue-10);}
.bg-blue-5{background-color:var(--color-blue-5);}
.text-blue-5{color:var(--color-blue-5);}
.border-blue-5{border-color:var(--color-blue-5);}
.bg-blue-0{background-color:var(--color-blue-0);}
.text-blue-0{color:var(--color-blue-0);}
.border-blue-0{border-color:var(--color-blue-0);}
.bg-gray-100{background-color:var(--color-gray-100);}
.text-gray-100{color:var(--color-gray-100);}
.border-gray-100{border-color:var(--color-gray-100);}
.bg-gray-99{background-color:var(--color-gray-99);}
.text-gray-99{color:var(--color-gray-99);}
.border-gray-99{border-color:var(--color-gray-99);}
.bg-gray-98{background-color:var(--color-gray-98);}
.text-gray-98{color:var(--color-gray-98);}
.border-gray-98{border-color:var(--color-gray-98);}
.bg-gray-95{background-color:var(--color-gray-95);}
.text-gray-95{color:var(--color-gray-95);}
.border-gray-95{border-color:var(--color-gray-95);}
.bg-gray-90{background-color:var(--color-gray-90);}
.text-gray-90{color:var(--color-gray-90);}
.border-gray-90{border-color:var(--color-gray-90);}
.bg-gray-80{background-color:var(--color-gray-80);}
.text-gray-80{color:var(--color-gray-80);}
.border-gray-80{border-color:var(--color-gray-80);}
.bg-gray-70{background-color:var(--color-gray-70);}
.text-gray-70{color:var(--color-gray-70);}
.border-gray-70{border-color:var(--color-gray-70);}
.bg-gray-60{background-color:var(--color-gray-60);}
.text-gray-60{color:var(--color-gray-60);}
.border-gray-60{border-color:var(--color-gray-60);}
.bg-gray-50{background-color:var(--color-gray-50);}
.text-gray-50{color:var(--color-gray-50);}
.border-gray-50{border-color:var(--color-gray-50);}
.bg-gray-40{background-color:var(--color-gray-40);}
.text-gray-40{color:var(--color-gray-40);}
.border-gray-40{border-color:var(--color-gray-40);}
.bg-gray-35{background-color:var(--color-gray-35);}
.text-gray-35{color:var(--color-gray-35);}
.border-gray-35{border-color:var(--color-gray-35);}
.bg-gray-30{background-color:var(--color-gray-30);}
.text-gray-30{color:var(--color-gray-30);}
.border-gray-30{border-color:var(--color-gray-30);}
.bg-gray-25{background-color:var(--color-gray-25);}
.text-gray-25{color:var(--color-gray-25);}
.border-gray-25{border-color:var(--color-gray-25);}
.bg-gray-20{background-color:var(--color-gray-20);}
.text-gray-20{color:var(--color-gray-20);}
.border-gray-20{border-color:var(--color-gray-20);}
.bg-gray-15{background-color:var(--color-gray-15);}
.text-gray-15{color:var(--color-gray-15);}
.border-gray-15{border-color:var(--color-gray-15);}
.bg-gray-10{background-color:var(--color-gray-10);}
.text-gray-10{color:var(--color-gray-10);}
.border-gray-10{border-color:var(--color-gray-10);}
.bg-gray-5{background-color:var(--color-gray-5);}
.text-gray-5{color:var(--color-gray-5);}
.border-gray-5{border-color:var(--color-gray-5);}
.bg-gray-0{background-color:var(--color-gray-0);}
.text-gray-0{color:var(--color-gray-0);}
.border-gray-0{border-color:var(--color-gray-0);}
.bg-error-100{background-color:var(--color-error-100);}
.text-error-100{color:var(--color-error-100);}
.border-error-100{border-color:var(--color-error-100);}
.bg-error-99{background-color:var(--color-error-99);}
.text-error-99{color:var(--color-error-99);}
.border-error-99{border-color:var(--color-error-99);}
.bg-error-98{background-color:var(--color-error-98);}
.text-error-98{color:var(--color-error-98);}
.border-error-98{border-color:var(--color-error-98);}
.bg-error-95{background-color:var(--color-error-95);}
.text-error-95{color:var(--color-error-95);}
.border-error-95{border-color:var(--color-error-95);}
.bg-error-90{background-color:var(--color-error-90);}
.text-error-90{color:var(--color-error-90);}
.border-error-90{border-color:var(--color-error-90);}
.bg-error-80{background-color:var(--color-error-80);}
.text-error-80{color:var(--color-error-80);}
.border-error-80{border-color:var(--color-error-80);}
.bg-error-70{background-color:var(--color-error-70);}
.text-error-70{color:var(--color-error-70);}
.border-error-70{border-color:var(--color-error-70);}
.bg-error-60{background-color:var(--color-error-60);}
.text-error-60{color:var(--color-error-60);}
.border-error-60{border-color:var(--color-error-60);}
.bg-error-50{background-color:var(--color-error-50);}
.text-error-50{color:var(--color-error-50);}
.border-error-50{border-color:var(--color-error-50);}
.bg-error-40{background-color:var(--color-error-40);}
.text-error-40{color:var(--color-error-40);}
.border-error-40{border-color:var(--color-error-40);}
.bg-error-35{background-color:var(--color-error-35);}
.text-error-35{color:var(--color-error-35);}
.border-error-35{border-color:var(--color-error-35);}
.bg-error-30{background-color:var(--color-error-30);}
.text-error-30{color:var(--color-error-30);}
.border-error-30{border-color:var(--color-error-30);}
.bg-error-25{background-color:var(--color-error-25);}
.text-error-25{color:var(--color-error-25);}
.border-error-25{border-color:var(--color-error-25);}
.bg-error-20{background-color:var(--color-error-20);}
.text-error-20{color:var(--color-error-20);}
.border-error-20{border-color:var(--color-error-20);}
.bg-error-15{background-color:var(--color-error-15);}
.text-error-15{color:var(--color-error-15);}
.border-error-15{border-color:var(--color-error-15);}
.bg-error-10{background-color:var(--color-error-10);}
.text-error-10{color:var(--color-error-10);}
.border-error-10{border-color:var(--color-error-10);}
.bg-error-5{background-color:var(--color-error-5);}
.text-error-5{color:var(--color-error-5);}
.border-error-5{border-color:var(--color-error-5);}
.bg-error-0{background-color:var(--color-error-0);}
.text-error-0{color:var(--color-error-0);}
.border-error-0{border-color:var(--color-error-0);}
.bg-warning-100{background-color:var(--color-warning-100);}
.text-warning-100{color:var(--color-warning-100);}
.border-warning-100{border-color:var(--color-warning-100);}
.bg-warning-99{background-color:var(--color-warning-99);}
.text-warning-99{color:var(--color-warning-99);}
.border-warning-99{border-color:var(--color-warning-99);}
.bg-warning-98{background-color:var(--color-warning-98);}
.text-warning-98{color:var(--color-warning-98);}
.border-warning-98{border-color:var(--color-warning-98);}
.bg-warning-95{background-color:var(--color-warning-95);}
.text-warning-95{color:var(--color-warning-95);}
.border-warning-95{border-color:var(--color-warning-95);}
.bg-warning-90{background-color:var(--color-warning-90);}
.text-warning-90{color:var(--color-warning-90);}
.border-warning-90{border-color:var(--color-warning-90);}
.bg-warning-80{background-color:var(--color-warning-80);}
.text-warning-80{color:var(--color-warning-80);}
.border-warning-80{border-color:var(--color-warning-80);}
.bg-warning-70{background-color:var(--color-warning-70);}
.text-warning-70{color:var(--color-warning-70);}
.border-warning-70{border-color:var(--color-warning-70);}
.bg-warning-60{background-color:var(--color-warning-60);}
.text-warning-60{color:var(--color-warning-60);}
.border-warning-60{border-color:var(--color-warning-60);}
.bg-warning-50{background-color:var(--color-warning-50);}
.text-warning-50{color:var(--color-warning-50);}
.border-warning-50{border-color:var(--color-warning-50);}
.bg-warning-40{background-color:var(--color-warning-40);}
.text-warning-40{color:var(--color-warning-40);}
.border-warning-40{border-color:var(--color-warning-40);}
.bg-warning-35{background-color:var(--color-warning-35);}
.text-warning-35{color:var(--color-warning-35);}
.border-warning-35{border-color:var(--color-warning-35);}
.bg-warning-30{background-color:var(--color-warning-30);}
.text-warning-30{color:var(--color-warning-30);}
.border-warning-30{border-color:var(--color-warning-30);}
.bg-warning-25{background-color:var(--color-warning-25);}
.text-warning-25{color:var(--color-warning-25);}
.border-warning-25{border-color:var(--color-warning-25);}
.bg-warning-20{background-color:var(--color-warning-20);}
.text-warning-20{color:var(--color-warning-20);}
.border-warning-20{border-color:var(--color-warning-20);}
.bg-warning-15{background-color:var(--color-warning-15);}
.text-warning-15{color:var(--color-warning-15);}
.border-warning-15{border-color:var(--color-warning-15);}
.bg-warning-10{background-color:var(--color-warning-10);}
.text-warning-10{color:var(--color-warning-10);}
.border-warning-10{border-color:var(--color-warning-10);}
.bg-warning-5{background-color:var(--color-warning-5);}
.text-warning-5{color:var(--color-warning-5);}
.border-warning-5{border-color:var(--color-warning-5);}
.bg-warning-0{background-color:var(--color-warning-0);}
.text-warning-0{color:var(--color-warning-0);}
.border-warning-0{border-color:var(--color-warning-0);}
.bg-primary{background-color:var(--color-primary);}
.bg-secondary{background-color:var(--color-secondary);}
.bg-surface-lowest{background-color:var(--color-surface-lowest);}
.bg-surface-high{background-color:var(--color-surface-high);}
.bg-surface-highest{background-color:var(--color-surface-highest);}
.bg-danger-surface{background-color:var(--color-danger-surface);}
.bg-warning-surface{background-color:var(--color-warning-surface);}
.bg-overlay-01{background-color:var(--color-overlay-01);}
.bg-overlay-02{background-color:var(--color-overlay-02);}
.bg-opacity-01{background-color:var(--color-opacity-01);}
.bg-opacity-02{background-color:var(--color-opacity-02);}
.bg-transparency-03{background-color:var(--color-transparency-03);}
.text-primary{color:var(--color-primary);}
.text-secondary{color:var(--color-secondary);}
.text-black{color:var(--color-text-black);}
.text-gray{color:var(--color-text-gray);}
.text-link{color:var(--color-text-link);}
.text-white{color:var(--color-text-white);}
.text-danger{color:var(--color-danger);}
.text-warning{color:var(--color-warning);}
.border-primary{border-color:var(--color-primary);}
.border-secondary{border-color:var(--color-secondary);}
.border-outline{border-color:var(--color-outline);}
.border-outline-variant{border-color:var(--color-outline-variant);}
.border-danger{border-color:var(--color-danger);}
.border-warning{border-color:var(--color-warning);}
.bg-white{background-color:var(--color-gray-100);}
.bg-black{background-color:var(--color-gray-0);}
.text-white{color:var(--color-text-white);}
.text-black{color:var(--color-text-black);}
.border-white{border-color:var(--color-gray-100);}
.border-black{border-color:var(--color-gray-0);}

/* Flex alignment */
.u-align-self--start {
  align-self: flex-start;
}

/* Horizontal Rule */
hr {
  border: none;
  border-top: 1px solid var(--color-outline-variant);
  margin: 0;
}
}