/*
  Do not edit directly
  Generated on Fri, 05 Nov 2021 14:16:29 GMT
*/

h1, h2, h3, h4, h5, h6, .text-primary {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
}
.text-primary::placeholder {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
}

h1, .text-primary--h1 {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.025rem;
  line-height: 50px;
}
h1, .text-primary--h1::placeholder {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.025rem;
  line-height: 50px;
}

h2, .text-primary--h2 {
  font-size: 33px;
  font-weight: 800;
  letter-spacing: -0.025rem;
  line-height: 50px;
}
.text-primary--h2::placeholder {
  font-size: 33px;
  font-weight: 800;
  letter-spacing: -0.025rem;
  line-height: 50px;
}

h3, .text-primary--h3 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.025rem;
  line-height: 40px;
}
.text-primary--h3::placeholder {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.025rem;
  line-height: 40px;
}

h4, .text-primary--h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.text-primary--h4::placeholder {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

h5, .text-primary--h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.text-primary--h5::placeholder {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}

h6, .text-primary--h6 {
  font-size: 20px;
  font-variant-caps: all-small-caps;
  font-weight: 500;
  line-height: 20px;
}
.text-primary--h6::placeholder {
  font-size: 20px;
  font-variant-caps: all-small-caps;
  font-weight: 500;
  line-height: 20px;
}

.text-primary--overline {
  font-size: 14px;
  font-variant-caps: all-small-caps;
  font-weight: 500;
  line-height: 15px;
}
@media (min-width: 768px) {
  .text-primary--overline {
    line-height: 20px;
  }
}
.text-primary--overline::placeholder {
  font-size: 14px;
  font-variant-caps: all-small-caps;
  font-weight: 500;
  line-height: 15px;
}
@media (min-width: 768px) {
  .text-primary--overline::placeholder {
    line-height: 20px;
  }
}

.text-primary--action {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.text-primary--action::placeholder {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.text-secondary {
  font-family: Karla, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
}
.text-secondary::placeholder {
  font-family: Karla, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Helvetica Neue, sans-serif;
}

.text-secondary--paragraph {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}
.text-secondary--paragraph::placeholder {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}

.text-secondary--detail {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.text-secondary--detail::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.text-secondary--caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.text-secondary--caption::placeholder {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-secondary--label-paragraph {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}
.text-secondary--label-paragraph::placeholder {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.text-secondary--label-detail {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}
.text-secondary--label-detail::placeholder {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.text-secondary--label-caption {
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}
.text-secondary--label-caption::placeholder {
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.text-mono {
  font-family: Roboto Mono, monospace;
}
.text-mono::placeholder {
  font-family: Roboto Mono, monospace;
}

.text-mono--code {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.text-mono--code::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.text-mono--hack {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.text-mono--hack::placeholder {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

/*# sourceMappingURL=typography.css.map */