.title--white .cmp-title__text {
  color: #fff;
}
.title--gray-light .cmp-title__text {
  --tw-text-opacity: 1;
  color: rgb(126 126 126 / var(--tw-text-opacity, 1));
}
.title--gray-dark .cmp-title__text {
  --tw-text-opacity: 1;
  color: rgb(60 60 60 / var(--tw-text-opacity, 1));
}
.title--green .cmp-title__text {
  --tw-text-opacity: 1;
  color: rgb(33 181 61 / var(--tw-text-opacity, 1));
}
.title--blue .cmp-title__text {
  --tw-text-opacity: 1;
  color: rgb(0 109 255 / var(--tw-text-opacity, 1));
}
.title--s-sm h1.cmp-title__text,
.title--s-sm h2.cmp-title__text,
.title--s-sm h3.cmp-title__text,
.title--s-sm h4.cmp-title__text,
.title--s-sm h5.cmp-title__text,
.title--s-sm h6.cmp-title__text,
.title--s-xs h1.cmp-title__text,
.title--s-xs h2.cmp-title__text,
.title--s-xs h3.cmp-title__text,
.title--s-xs h4.cmp-title__text,
.title--s-xs h5.cmp-title__text,
.title--s-xs h6.cmp-title__text {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .title--s-sm h1.cmp-title__text,
  .title--s-sm h2.cmp-title__text,
  .title--s-sm h3.cmp-title__text,
  .title--s-sm h4.cmp-title__text,
  .title--s-sm h5.cmp-title__text,
  .title--s-sm h6.cmp-title__text {
    font-size: 1.25rem;
  }
}
.title--s-md h1.cmp-title__text,
.title--s-md h2.cmp-title__text,
.title--s-md h3.cmp-title__text,
.title--s-md h4.cmp-title__text,
.title--s-md h5.cmp-title__text,
.title--s-md h6.cmp-title__text {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .title--s-md h1.cmp-title__text,
  .title--s-md h2.cmp-title__text,
  .title--s-md h3.cmp-title__text,
  .title--s-md h4.cmp-title__text,
  .title--s-md h5.cmp-title__text,
  .title--s-md h6.cmp-title__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .title--s-md h1.cmp-title__text,
  .title--s-md h2.cmp-title__text,
  .title--s-md h3.cmp-title__text,
  .title--s-md h4.cmp-title__text,
  .title--s-md h5.cmp-title__text,
  .title--s-md h6.cmp-title__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 1600px) {
  .title--s-md h1.cmp-title__text,
  .title--s-md h2.cmp-title__text,
  .title--s-md h3.cmp-title__text,
  .title--s-md h4.cmp-title__text,
  .title--s-md h5.cmp-title__text,
  .title--s-md h6.cmp-title__text {
    font-size: 1.5rem;
  }
}
.title--s-lg h1.cmp-title__text,
.title--s-lg h2.cmp-title__text,
.title--s-lg h3.cmp-title__text,
.title--s-lg h4.cmp-title__text,
.title--s-lg h5.cmp-title__text,
.title--s-lg h6.cmp-title__text {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .title--s-lg h1.cmp-title__text,
  .title--s-lg h2.cmp-title__text,
  .title--s-lg h3.cmp-title__text,
  .title--s-lg h4.cmp-title__text,
  .title--s-lg h5.cmp-title__text,
  .title--s-lg h6.cmp-title__text {
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .title--s-lg h1.cmp-title__text,
  .title--s-lg h2.cmp-title__text,
  .title--s-lg h3.cmp-title__text,
  .title--s-lg h4.cmp-title__text,
  .title--s-lg h5.cmp-title__text,
  .title--s-lg h6.cmp-title__text {
    font-size: 1.625rem;
  }
}
@media (min-width: 1332px) {
  .title--s-lg h1.cmp-title__text,
  .title--s-lg h2.cmp-title__text,
  .title--s-lg h3.cmp-title__text,
  .title--s-lg h4.cmp-title__text,
  .title--s-lg h5.cmp-title__text,
  .title--s-lg h6.cmp-title__text {
    font-size: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .title--s-lg h1.cmp-title__text,
  .title--s-lg h2.cmp-title__text,
  .title--s-lg h3.cmp-title__text,
  .title--s-lg h4.cmp-title__text,
  .title--s-lg h5.cmp-title__text,
  .title--s-lg h6.cmp-title__text {
    font-size: 2rem;
  }
}
.title--s-xl h1.cmp-title__text,
.title--s-xl h2.cmp-title__text,
.title--s-xl h3.cmp-title__text,
.title--s-xl h4.cmp-title__text,
.title--s-xl h5.cmp-title__text,
.title--s-xl h6.cmp-title__text {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .title--s-xl h1.cmp-title__text,
  .title--s-xl h2.cmp-title__text,
  .title--s-xl h3.cmp-title__text,
  .title--s-xl h4.cmp-title__text,
  .title--s-xl h5.cmp-title__text,
  .title--s-xl h6.cmp-title__text {
    font-size: 2.125rem;
  }
}
@media (min-width: 992px) {
  .title--s-xl h1.cmp-title__text,
  .title--s-xl h2.cmp-title__text,
  .title--s-xl h3.cmp-title__text,
  .title--s-xl h4.cmp-title__text,
  .title--s-xl h5.cmp-title__text,
  .title--s-xl h6.cmp-title__text {
    font-size: 2.375rem;
  }
}
@media (min-width: 1600px) {
  .title--s-xl h1.cmp-title__text,
  .title--s-xl h2.cmp-title__text,
  .title--s-xl h3.cmp-title__text,
  .title--s-xl h4.cmp-title__text,
  .title--s-xl h5.cmp-title__text,
  .title--s-xl h6.cmp-title__text {
    font-size: 2.5rem;
  }
}
.title--s-xxl h1.cmp-title__text,
.title--s-xxl h2.cmp-title__text,
.title--s-xxl h3.cmp-title__text,
.title--s-xxl h4.cmp-title__text,
.title--s-xxl h5.cmp-title__text,
.title--s-xxl h6.cmp-title__text {
  font-size: 2.125rem;
}
@media (min-width: 768px) {
  .title--s-xxl h1.cmp-title__text,
  .title--s-xxl h2.cmp-title__text,
  .title--s-xxl h3.cmp-title__text,
  .title--s-xxl h4.cmp-title__text,
  .title--s-xxl h5.cmp-title__text,
  .title--s-xxl h6.cmp-title__text {
    font-size: 2.375rem;
  }
}
@media (min-width: 992px) {
  .title--s-xxl h1.cmp-title__text,
  .title--s-xxl h2.cmp-title__text,
  .title--s-xxl h3.cmp-title__text,
  .title--s-xxl h4.cmp-title__text,
  .title--s-xxl h5.cmp-title__text,
  .title--s-xxl h6.cmp-title__text {
    font-size: 2.625rem;
  }
}
@media (min-width: 1332px) {
  .title--s-xxl h1.cmp-title__text,
  .title--s-xxl h2.cmp-title__text,
  .title--s-xxl h3.cmp-title__text,
  .title--s-xxl h4.cmp-title__text,
  .title--s-xxl h5.cmp-title__text,
  .title--s-xxl h6.cmp-title__text {
    font-size: 3.125rem;
  }
}
@media (min-width: 1600px) {
  .title--s-xxl h1.cmp-title__text,
  .title--s-xxl h2.cmp-title__text,
  .title--s-xxl h3.cmp-title__text,
  .title--s-xxl h4.cmp-title__text,
  .title--s-xxl h5.cmp-title__text,
  .title--s-xxl h6.cmp-title__text {
    font-size: 3.5rem;
  }
}
.title--s-3xl h1.cmp-title__text,
.title--s-3xl h2.cmp-title__text,
.title--s-3xl h3.cmp-title__text,
.title--s-3xl h4.cmp-title__text,
.title--s-3xl h5.cmp-title__text,
.title--s-3xl h6.cmp-title__text {
  font-size: 2.375rem;
}
@media (min-width: 768px) {
  .title--s-3xl h1.cmp-title__text,
  .title--s-3xl h2.cmp-title__text,
  .title--s-3xl h3.cmp-title__text,
  .title--s-3xl h4.cmp-title__text,
  .title--s-3xl h5.cmp-title__text,
  .title--s-3xl h6.cmp-title__text {
    font-size: 2.625rem;
  }
}
@media (min-width: 992px) {
  .title--s-3xl h1.cmp-title__text,
  .title--s-3xl h2.cmp-title__text,
  .title--s-3xl h3.cmp-title__text,
  .title--s-3xl h4.cmp-title__text,
  .title--s-3xl h5.cmp-title__text,
  .title--s-3xl h6.cmp-title__text {
    font-size: 3.125rem;
  }
}
@media (min-width: 1332px) {
  .title--s-3xl h1.cmp-title__text,
  .title--s-3xl h2.cmp-title__text,
  .title--s-3xl h3.cmp-title__text,
  .title--s-3xl h4.cmp-title__text,
  .title--s-3xl h5.cmp-title__text,
  .title--s-3xl h6.cmp-title__text {
    font-size: 68px;
  }
}
@media (min-width: 1600px) {
  .title--s-3xl h1.cmp-title__text,
  .title--s-3xl h2.cmp-title__text,
  .title--s-3xl h3.cmp-title__text,
  .title--s-3xl h4.cmp-title__text,
  .title--s-3xl h5.cmp-title__text,
  .title--s-3xl h6.cmp-title__text {
    font-size: 72px;
  }
}
.title--s-double h1.cmp-title__text,
.title--s-double h2.cmp-title__text,
.title--s-double h3.cmp-title__text,
.title--s-double h4.cmp-title__text,
.title--s-double h5.cmp-title__text,
.title--s-double h6.cmp-title__text {
  font-size: 40px;
}
@media (min-width: 768px) {
  .title--s-double h1.cmp-title__text,
  .title--s-double h2.cmp-title__text,
  .title--s-double h3.cmp-title__text,
  .title--s-double h4.cmp-title__text,
  .title--s-double h5.cmp-title__text,
  .title--s-double h6.cmp-title__text {
    font-size: 4.375rem;
  }
}
@media (min-width: 992px) {
  .title--s-double h1.cmp-title__text,
  .title--s-double h2.cmp-title__text,
  .title--s-double h3.cmp-title__text,
  .title--s-double h4.cmp-title__text,
  .title--s-double h5.cmp-title__text,
  .title--s-double h6.cmp-title__text {
    font-size: 110px;
  }
}
.title--w-thin .cmp-title__text {
  font-weight: 100;
}
.title--w-normal .cmp-title__text {
  font-weight: 400;
}
.title--w-semibold .cmp-title__text {
  font-weight: 500;
}
.title--w-bold .cmp-title__text {
  font-weight: 700;
}
.title--f-ibm .cmp-title__text {
  font-family:
    IBM Plex Sans,
    sans-serif;
}
.title--no-margin-bottom .cmp-title__text {
  margin-bottom: 0;
}
.title--lh-default .cmp-title__text {
  line-height: 1.2;
}
.title--lh-normal .cmp-title__text {
  line-height: 1;
}
.title--lh-condensed .cmp-title__text {
  line-height: 0.9;
}
.title--lh-sm .cmp-title__text {
  line-height: 1.25;
}
.title--lh-md .cmp-title__text {
  line-height: 1.5;
}
.title--lh-lg .cmp-title__text {
  line-height: 2;
}