@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: block;
  src: local(""), url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: block;
  src: local(""), url(../fonts/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto-Medium.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-display: block;
  src: local(""), url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff");
}
@layer base {
  html {
    font-size: 62.5%;
  }
  @media screen and (max-width: 359px) {
    html {
      font-size: 55%;
    }
  }
  body {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.58;
    text-align: left;
    font-family: var(--cs-font-family-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  b,
  strong {
    font-weight: var(--cs-font-weight-display);
  }
  h1 {
    font-size: 4.8rem;
  }
  h2 {
    font-size: 3.2rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h6 {
    font-size: 1.4rem;
  }
  .cz-text {
    color: inherit;
  }
  .cz-text:hover {
    color: inherit;
  }
  .text-center {
    text-align: center;
  }
  .text-primary {
    color: var(--cs-color-primary) !important;
  }
  .text-accent {
    color: var(--cs-color-primary);
  }
  .text-right {
    text-align: right !important;
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  .text-prewrap {
    white-space: pre-wrap;
  }
  .text-code {
    font-family: "Courier New", Courier, monospace;
  }
  .text-dots,
  .text-dots-2 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .text-dots--s {
    font-size: 1.2rem;
  }
  .text-dots-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .text-dots-m {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
      }
    }
  }
  .text-dark {
    color: var(--cs-color-on-surface);
  }
  .text-light {
    color: var(--cs-color-on-surface-variant);
  }
  .text-tertiary {
    color: var(--cs-color-secondary-fixed);
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  p.break-word {
    word-break: break-all;
  }
  .text-bold {
    font-weight: var(--cs-font-weight-display);
  }
  .text-line-through {
    text-decoration: line-through;
  }
  .text-caps {
    text-transform: capitalize;
  }
  .text-red,
  .text-alert,
  .red {
    color: var(--cs-color-error-fixed);
  }
  .text-success,
  .green {
    color: var(--cs-color-success-fixed);
  }
}

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