/**
* This component uses Tailwind CSS and DaisyUI.
* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.
*/
modus-wc-typography h1.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-3xl);
  font-weight: var(--modus-wc-font-weight-normal);
  letter-spacing: 0.5px;
  line-height: 36px;
}
modus-wc-typography h2.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-2xl);
  font-weight: var(--modus-wc-font-weight-normal);
  letter-spacing: 0.15px;
  line-height: 30px;
}
modus-wc-typography h3.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-xl);
  font-weight: var(--modus-wc-font-weight-semibold);
  letter-spacing: 0.15px;
  line-height: 27px;
}
modus-wc-typography h4.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-lg);
  font-weight: var(--modus-wc-font-weight-semibold);
  letter-spacing: 0.15px;
  line-height: 24px;
}
modus-wc-typography h5.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-md);
  font-weight: var(--modus-wc-font-weight-bold);
  letter-spacing: 0.45px;
  line-height: 24px;
}
modus-wc-typography h6.modus-wc-typography:not(.modus-wc-typography-override) {
  font-size: var(--modus-wc-font-size-sm);
  font-weight: var(--modus-wc-font-weight-bold);
  letter-spacing: 0.45px;
  line-height: 18px;
}
modus-wc-typography .modus-wc-typography-weight-light {
  font-weight: var(--modus-wc-font-weight-light);
}
modus-wc-typography .modus-wc-typography-weight-normal {
  font-weight: var(--modus-wc-font-weight-normal);
}
modus-wc-typography .modus-wc-typography-weight-semibold {
  font-weight: var(--modus-wc-font-weight-semibold);
}
modus-wc-typography .modus-wc-typography-weight-bold {
  font-weight: var(--modus-wc-font-weight-bold);
}
modus-wc-typography .modus-wc-text-xs {
  font-size: var(--modus-wc-font-size-xs);
}
modus-wc-typography .modus-wc-text-sm {
  font-size: var(--modus-wc-font-size-sm);
}
modus-wc-typography .modus-wc-text-md {
  font-size: var(--modus-wc-font-size-md);
}
modus-wc-typography .modus-wc-text-lg {
  font-size: var(--modus-wc-font-size-lg);
}
modus-wc-typography .modus-wc-text-xl {
  font-size: var(--modus-wc-font-size-xl);
}
modus-wc-typography .modus-wc-text-2xl {
  font-size: var(--modus-wc-font-size-2xl);
}
modus-wc-typography .modus-wc-text-3xl {
  font-size: var(--modus-wc-font-size-3xl);
}

[data-theme=connect-light] modus-wc-typography :not(a),
[data-theme=connect-dark] modus-wc-typography :not(a) {
  color: var(--modus-wc-color-base-content-low-contrast);
}
[data-theme=connect-light] modus-wc-typography h1.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h1.modus-wc-typography {
  font-size: var(--modus-wc-font-size-4xl);
  font-weight: var(--modus-wc-font-weight-normal);
  letter-spacing: 0.5px;
  line-height: 30px;
}
[data-theme=connect-light] modus-wc-typography h2.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h2.modus-wc-typography {
  font-size: var(--modus-wc-font-size-3xl);
  font-weight: var(--modus-wc-font-weight-semibold);
  letter-spacing: 0.15px;
  line-height: 24px;
}
[data-theme=connect-light] modus-wc-typography h3.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h3.modus-wc-typography {
  font-size: var(--modus-wc-font-size-xl);
  font-weight: var(--modus-wc-font-weight-semibold);
  letter-spacing: 0.15px;
  line-height: 18px;
}
[data-theme=connect-light] modus-wc-typography h4.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h4.modus-wc-typography {
  font-size: var(--modus-wc-font-size-lg);
  letter-spacing: 0.15px;
  line-height: 24px;
}
[data-theme=connect-light] modus-wc-typography h5.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h5.modus-wc-typography {
  font-size: var(--modus-wc-font-size-md);
  font-weight: var(--modus-wc-font-weight-bold);
  letter-spacing: 0.45px;
  line-height: 24px;
}
[data-theme=connect-light] modus-wc-typography h6.modus-wc-typography,
[data-theme=connect-dark] modus-wc-typography h6.modus-wc-typography {
  font-size: var(--modus-wc-font-size-xs);
  font-weight: var(--modus-wc-font-weight-bold);
  letter-spacing: 0.45px;
  line-height: 18px;
  text-transform: uppercase;
}