.cmp-title.default-padding-bottom {
  margin-bottom: var(--md-sys-padding-default);
}
.cmp-title.medium-padding-bottom {
  margin-bottom: var(--md-sys-padding-medium);
}
.cmp-title.none-padding-bottom {
  margin-bottom: var(--md-sys-padding-none);
}
.cmp-title.small-padding-bottom {
  margin-bottom: 16px;
}
.cmp-title.default-padding-top {
  margin-top: var(--md-sys-padding-default);
}
.cmp-title.medium-padding-top {
  margin-top: var(--md-sys-padding-medium);
}
.cmp-title.none-padding-top {
  margin-top: var(--md-sys-padding-none);
}
.cmp-title.small-padding-top {
  margin-top: 16px;
}
.cmp-title.left-align h1,
.cmp-title.left-align h2,
.cmp-title.left-align h3,
.cmp-title.left-align h4,
.cmp-title.left-align h5,
.cmp-title.left-align h6 {
  text-align: left;
}
.cmp-title.center-align h1,
.cmp-title.center-align h2,
.cmp-title.center-align h3,
.cmp-title.center-align h4,
.cmp-title.center-align h5,
.cmp-title.center-align h6 {
  text-align: center;
}
.cmp-title.right-align h1,
.cmp-title.right-align h2,
.cmp-title.right-align h3,
.cmp-title.right-align h4,
.cmp-title.right-align h5,
.cmp-title.right-align h6 {
  text-align: right;
}
.cmp-title.cl-gray-900 h1,
.cmp-title.cl-gray-900 h2,
.cmp-title.cl-gray-900 h3,
.cmp-title.cl-gray-900 h4,
.cmp-title.cl-gray-900 h5,
.cmp-title.cl-gray-900 h6 {
  color: var(--mdc-theme-color-gray-900);
}
.cmp-title.cl-gray-700 h1,
.cmp-title.cl-gray-700 h2,
.cmp-title.cl-gray-700 h3,
.cmp-title.cl-gray-700 h4,
.cmp-title.cl-gray-700 h5,
.cmp-title.cl-gray-700 h6 {
  color: var(--mdc-theme-color-gray-700);
}
.cmp-title.cl-gray-500 h1,
.cmp-title.cl-gray-500 h2,
.cmp-title.cl-gray-500 h3,
.cmp-title.cl-gray-500 h4,
.cmp-title.cl-gray-500 h5,
.cmp-title.cl-gray-500 h6 {
  color: var(--mdc-theme-color-gray-500);
}
.cmp-title.cl-primary-blue h1,
.cmp-title.cl-primary-blue h2,
.cmp-title.cl-primary-blue h3,
.cmp-title.cl-primary-blue h4,
.cmp-title.cl-primary-blue h5,
.cmp-title.cl-primary-blue h6 {
  color: var(--mdc-theme-primary);
}