@media only screen and (max-width: 27.99em) {
    :root {
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 15px;
        --line-height-body: 21px;
        --font-size-body-small: 9px;
        --line-height-body-small: 10px;
        --font-size-sub-header: 16px;
        --line-height-sub-header: 18px;
        --font-size-header: 19px;
        --line-height-header: 21px;
        --font-size-super-header: 24px;
        --line-height-super-header: 27px;
        --font-size-mega-header: 32px;
        --line-height-mega-header: 36px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 4px;
        --divui-spacing-400: 8px;
        --divui-spacing-500: 12px;
        --divui-spacing-600: 16px;
        --divui-spacing-700: 24px;
        --divui-spacing-800: 36px
    }
}

@media (max-width: 37.49em) {
    :root .dv-fable-breakpoints {
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 15px;
        --line-height-body: 21px;
        --font-size-body-small: 9px;
        --line-height-body-small: 10px;
        --font-size-sub-header: 16px;
        --line-height-sub-header: 18px;
        --font-size-header: 19px;
        --line-height-header: 21px;
        --font-size-super-header: 24px;
        --line-height-super-header: 27px;
        --font-size-mega-header: 32px;
        --line-height-mega-header: 36px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 4px;
        --divui-spacing-400: 8px;
        --divui-spacing-500: 12px;
        --divui-spacing-600: 16px;
        --divui-spacing-700: 24px;
        --divui-spacing-800: 36px
    }
}

@media only screen and (min-width: 28em) and (max-width:54.99em) {
    :root {
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 15px;
        --line-height-body: 21px;
        --font-size-body-small: 11px;
        --line-height-body-small: 12px;
        --font-size-sub-header: 18px;
        --line-height-sub-header: 20px;
        --font-size-header: 21px;
        --line-height-header: 24px;
        --font-size-super-header: 27px;
        --line-height-super-header: 30px;
        --font-size-mega-header: 36px;
        --line-height-mega-header: 41px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 4px;
        --divui-spacing-400: 8px;
        --divui-spacing-500: 12px;
        --divui-spacing-600: 16px;
        --divui-spacing-700: 24px;
        --divui-spacing-800: 36px
    }
}

@media (min-width: 37.5em) and (max-width:54.99em) {
    :root .dv-fable-breakpoints {
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 15px;
        --line-height-body: 21px;
        --font-size-body-small: 11px;
        --line-height-body-small: 12px;
        --font-size-sub-header: 18px;
        --line-height-sub-header: 20px;
        --font-size-header: 21px;
        --line-height-header: 24px;
        --font-size-super-header: 27px;
        --line-height-super-header: 30px;
        --font-size-mega-header: 36px;
        --line-height-mega-header: 41px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 4px;
        --divui-spacing-400: 8px;
        --divui-spacing-500: 12px;
        --divui-spacing-600: 16px;
        --divui-spacing-700: 24px;
        --divui-spacing-800: 36px
    }
}

@media only screen and (min-width: 55em) and (max-width:87.49em) {
    :root {
        --body-font-size: 16px;
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 16px;
        --line-height-body: 24px;
        --font-size-body-small: 12px;
        --line-height-body-small: 14px;
        --font-size-sub-header: 20px;
        --line-height-sub-header: 23px;
        --font-size-header: 23px;
        --line-height-header: 26px;
        --font-size-super-header: 30px;
        --line-height-super-header: 34px;
        --font-size-mega-header: 40px;
        --line-height-mega-header: 45px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 8px;
        --divui-spacing-400: 12px;
        --divui-spacing-500: 16px;
        --divui-spacing-600: 24px;
        --divui-spacing-700: 36px;
        --divui-spacing-800: 48px
    }
}

@media (min-width: 55em) and (max-width:79.99em) {
    :root .dv-fable-breakpoints {
        --font-size-badge: 13px;
        --line-height-badge: 15px;
        --font-size-metadata: 15px;
        --line-height-metadata: 21px;
        --font-size-action-button: 15px;
        --line-height-action-button: 17px;
        --font-size-marker: 15px;
        --line-height-marker: 18px;
        --font-size-body: 17px;
        --line-height-body: 24px;
        --font-size-body-small: 12px;
        --line-height-body-small: 14px;
        --font-size-sub-header: 20px;
        --line-height-sub-header: 23px;
        --font-size-header: 23px;
        --line-height-header: 26px;
        --font-size-super-header: 30px;
        --line-height-super-header: 34px;
        --font-size-mega-header: 40px;
        --line-height-mega-header: 45px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 4px;
        --divui-spacing-300: 8px;
        --divui-spacing-400: 12px;
        --divui-spacing-500: 16px;
        --divui-spacing-600: 24px;
        --divui-spacing-700: 36px;
        --divui-spacing-800: 48px
    }
}

@media only screen and (min-width: 87.5em) and (max-width:112.49em) {
    :root {
        --font-size-badge: 14px;
        --line-height-badge: 16px;
        --font-size-metadata: 16px;
        --line-height-metadata: 22px;
        --font-size-action-button: 18px;
        --line-height-action-button: 20px;
        --font-size-marker: 18px;
        --line-height-marker: 22px;
        --font-size-body: 20px;
        --line-height-body: 28px;
        --font-size-body-small: 14px;
        --line-height-body-small: 16px;
        --font-size-sub-header: 24px;
        --line-height-sub-header: 27px;
        --font-size-header: 28px;
        --line-height-header: 32px;
        --font-size-super-header: 36px;
        --line-height-super-header: 41px;
        --font-size-mega-header: 48px;
        --line-height-mega-header: 54px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 8px;
        --divui-spacing-300: 12px;
        --divui-spacing-400: 16px;
        --divui-spacing-500: 24px;
        --divui-spacing-600: 36px;
        --divui-spacing-700: 48px;
        --divui-spacing-800: 64px
    }
}

@media (min-width: 80em) and (max-width:112.49em) {
    :root .dv-fable-breakpoints {
        --font-size-badge: 14px;
        --line-height-badge: 16px;
        --font-size-metadata: 16px;
        --line-height-metadata: 22px;
        --font-size-action-button: 18px;
        --line-height-action-button: 20px;
        --font-size-marker: 18px;
        --line-height-marker: 22px;
        --font-size-body: 20px;
        --line-height-body: 28px;
        --font-size-body-small: 14px;
        --line-height-body-small: 16px;
        --font-size-sub-header: 24px;
        --line-height-sub-header: 27px;
        --font-size-header: 28px;
        --line-height-header: 32px;
        --font-size-super-header: 36px;
        --line-height-super-header: 41px;
        --font-size-mega-header: 48px;
        --line-height-mega-header: 54px;
        --divui-spacing-100: 4px;
        --divui-spacing-200: 8px;
        --divui-spacing-300: 12px;
        --divui-spacing-400: 16px;
        --divui-spacing-500: 24px;
        --divui-spacing-600: 36px;
        --divui-spacing-700: 48px;
        --divui-spacing-800: 64px
    }
}

@media only screen and (min-width: 112.5em) and (max-width:149.99em) {
    :root {
        --font-size-badge: 17px;
        --line-height-badge: 19px;
        --font-size-metadata: 19px;
        --line-height-metadata: 27px;
        --font-size-action-button: 22px;
        --line-height-action-button: 25px;
        --font-size-marker: 22px;
        --line-height-marker: 26px;
        --font-size-body: 19px;
        --line-height-body: 34px;
        --font-size-body-small: 17px;
        --line-height-body-small: 19px;
        --font-size-sub-header: 29px;
        --line-height-sub-header: 33px;
        --font-size-header: 34px;
        --line-height-header: 38px;
        --font-size-super-header: 43px;
        --line-height-super-header: 48px;
        --font-size-mega-header: 58px;
        --line-height-mega-header: 65px;
        --divui-spacing-100: 8px;
        --divui-spacing-200: 12px;
        --divui-spacing-300: 16px;
        --divui-spacing-400: 24px;
        --divui-spacing-500: 36px;
        --divui-spacing-600: 48px;
        --divui-spacing-700: 64px;
        --divui-spacing-800: 80px
    }
}

@media only screen and (min-width: 150em) {
    :root {
        --font-size-badge: 20px;
        --line-height-badge: 23px;
        --font-size-metadata: 23px;
        --line-height-metadata: 32px;
        --font-size-action-button: 26px;
        --line-height-action-button: 29px;
        --font-size-marker: 26px;
        --line-height-marker: 31px;
        --font-size-body: 29px;
        --line-height-body: 41px;
        --font-size-body-small: 20px;
        --line-height-body-small: 23px;
        --font-size-sub-header: 35px;
        --line-height-sub-header: 39px;
        --font-size-header: 40px;
        --line-height-header: 45px;
        --font-size-super-header: 52px;
        --line-height-super-header: 59px;
        --font-size-mega-header: 69px;
        --line-height-mega-header: 78px;
        --divui-spacing-100: 12px;
        --divui-spacing-200: 16px;
        --divui-spacing-300: 24px;
        --divui-spacing-400: 36px;
        --divui-spacing-500: 48px;
        --divui-spacing-600: 64px;
        --divui-spacing-700: 80px;
        --divui-spacing-800: 96px
    }
}