:root,
[data-view="mobile"] {
    --mo-typography-title2-font-size: 19px;
    --mo-typography-title2-font-weight: 650;
    --mo-typography-title2-line-height: 23px;
    --mo-typography-title2-letter-spacing: 0px;
    --mo-typography-title2-font-family: var(--mo-typography-font-family);

    --mo-typography-title3-font-size: 17px;
    --mo-typography-title3-font-weight: 650;
    --mo-typography-title3-line-height: 20px;
    --mo-typography-title3-letter-spacing: 0px;
    --mo-typography-title3-font-family: var(--mo-typography-font-family);

    --mo-typography-action-accent-font-size: 17px;
    --mo-typography-action-accent-font-weight: 550;
    --mo-typography-action-accent-line-height: 20px;
    --mo-typography-action-accent-letter-spacing: 0px;
    --mo-typography-action-accent-font-family: var(--mo-typography-font-family);

    --mo-typography-description-font-size: 13px;
    --mo-typography-description-font-weight: 450;
    --mo-typography-description-line-height: 17px;
    --mo-typography-description-letter-spacing: 0px;
    --mo-typography-description-font-family: var(--mo-typography-font-family);

    --mo-typography-description-accent-font-size: 13px;
    --mo-typography-description-accent-font-weight: 550;
    --mo-typography-description-accent-line-height: 17px;
    --mo-typography-description-accent-letter-spacing: 0px;
    --mo-typography-description-accent-font-family: var(--mo-typography-font-family);
}

[data-view="desktop"] {
    --mo-typography-title2-font-size: 24px;
    --mo-typography-title2-font-weight: 650;
    --mo-typography-title2-line-height: 30px;
    --mo-typography-title2-letter-spacing: 0px;
    --mo-typography-title2-font-family: var(--mo-typography-font-family);

    --mo-typography-title3-font-size: 19px;
    --mo-typography-title3-font-weight: 650;
    --mo-typography-title3-line-height: 26px;
    --mo-typography-title3-letter-spacing: 0px;
    --mo-typography-title3-font-family: var(--mo-typography-font-family);

    --mo-typography-action-accent-font-size: 17px;
    --mo-typography-action-accent-font-weight: 550;
    --mo-typography-action-accent-line-height: 20px;
    --mo-typography-action-accent-letter-spacing: 0px;
    --mo-typography-action-accent-font-family: var(--mo-typography-font-family);

    --mo-typography-description-font-size: 13px;
    --mo-typography-description-font-weight: 450;
    --mo-typography-description-line-height: 17px;
    --mo-typography-description-letter-spacing: 0px;
    --mo-typography-description-font-family: var(--mo-typography-font-family);

    --mo-typography-description-accent-font-size: 13px;
    --mo-typography-description-accent-font-weight: 550;
    --mo-typography-description-accent-line-height: 17px;
    --mo-typography-description-accent-letter-spacing: 0px;
    --mo-typography-description-accent-font-family: var(--mo-typography-font-family);
}

@media (width >=1024px) {
    :root {
        --mo-typography-title2-font-size: 24px;
        --mo-typography-title2-font-weight: 650;
        --mo-typography-title2-line-height: 30px;
        --mo-typography-title2-letter-spacing: 0px;
        --mo-typography-title2-font-family: var(--mo-typography-font-family);

        --mo-typography-title3-font-size: 19px;
        --mo-typography-title3-font-weight: 650;
        --mo-typography-title3-line-height: 26px;
        --mo-typography-title3-letter-spacing: 0px;
        --mo-typography-title3-font-family: var(--mo-typography-font-family);

        --mo-typography-action-accent-font-size: 17px;
        --mo-typography-action-accent-font-weight: 550;
        --mo-typography-action-accent-line-height: 20px;
        --mo-typography-action-accent-letter-spacing: 0px;
        --mo-typography-action-accent-font-family: var(--mo-typography-font-family);

        --mo-typography-description-font-size: 13px;
        --mo-typography-description-font-weight: 450;
        --mo-typography-description-line-height: 17px;
        --mo-typography-description-letter-spacing: 0px;
        --mo-typography-description-font-family: var(--mo-typography-font-family);

        --mo-typography-description-accent-font-size: 13px;
        --mo-typography-description-accent-font-weight: 550;
        --mo-typography-description-accent-line-height: 17px;
        --mo-typography-description-accent-letter-spacing: 0px;
        --mo-typography-description-accent-font-family: var(--mo-typography-font-family);
    }
}

.mo-typography_variant_title2 {
    font-size: var(--mo-typography-title2-font-size);
    font-weight: var(--mo-typography-title2-font-weight);
    line-height: var(--mo-typography-title2-line-height);
    letter-spacing: var(--mo-typography-title2-letter-spacing);
    font-family: var(--mo-typography-title2-font-family);
}

.mo-typography_variant_title3 {
    font-size: var(--mo-typography-title3-font-size);
    font-weight: var(--mo-typography-title3-font-weight);
    line-height: var(--mo-typography-title3-line-height);
    letter-spacing: var(--mo-typography-title3-letter-spacing);
    font-family: var(--mo-typography-title3-font-family);
}

.mo-typography_variant_description {
    font-size: var(--mo-typography-description-font-size);
    font-weight: var(--mo-typography-description-font-weight);
    line-height: var(--mo-typography-description-line-height);
    letter-spacing: var(--mo-typography-description-letter-spacing);
    font-family: var(--mo-typography-description-font-family);
}

.mo-typography_variant_description-accent {
    font-size: var(--mo-typography-description-accent-font-size);
    font-weight: var(--mo-typography-description-accent-font-weight);
    line-height: var(--mo-typography-description-accent-line-height);
    letter-spacing: var(--mo-typography-description-accent-letter-spacing);
    font-family: var(--mo-typography-description-accent-font-family);
}

.mo-typography_variant_action-accent {
    font-size: var(--mo-typography-action-accent-font-size);
    font-weight: var(--mo-typography-action-accent-font-weight);
    line-height: var(--mo-typography-action-accent-line-height);
    letter-spacing: var(--mo-typography-action-accent-letter-spacing);
    font-family: var(--mo-typography-action-accent-font-family);
}

.mo-typography_variable-weight_title3 {
    font-variation-settings: "wght" var(--mo-typography-title3-font-weight);
    font-weight: normal;
}

.mo-typography_variable-weight_description {
    font-variation-settings: "wght" var(--mo-typography-description-font-weight);
    font-weight: normal;
}

.mo-typography_variable-weight_action-accent {
    font-variation-settings: "wght" var(--mo-typography-action-accent-font-weight);
    font-weight: normal;
}