:where(.o-ui-heading) {
    margin: 0;
    font-size: inherit;
    font-weight: 400;
    font-variation-settings: "wght" 600;
    overflow-wrap: break-word;
}

/* SIZE */
:where(.o-ui-heading-2xs) {
    font-size: var(--o-ui-fs-4);
    line-height: var(--o-ui-lh-3);
    margin-bottom: calc(var(--o-ui-fs-4) * .5);
}

:where(.o-ui-heading-xs) {
    font-size: var(--o-ui-fs-5);
    line-height: var(--o-ui-lh-4);
    margin-bottom: calc(var(--o-ui-fs-5) * .5);
}

:where(.o-ui-heading-sm) {
    font-size: var(--o-ui-fs-6);
    line-height: var(--o-ui-lh-5);
    margin-bottom: calc(var(--o-ui-fs-6) * .5);
}

:where(.o-ui-heading-md) {
    font-size: var(--o-ui-fs-7);
    line-height: var(--o-ui-lh-5);
    margin-bottom: calc(var(--o-ui-fs-7) * .5);
}

:where(.o-ui-heading-lg) {
    font-size: var(--o-ui-fs-8);
    line-height: var(--o-ui-lh-6);
    margin-bottom: calc(var(--o-ui-fs-8) * .5);
}

:where(.o-ui-heading-xl) {
    font-size: var(--o-ui-fs-9);
    line-height: var(--o-ui-lh-2);
    margin-bottom: calc(var(--o-ui-fs-9) * .5);
}