/* xs: */
@media (min-width: 360px) {
    body {
        .xs\:title_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-250);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-4xl);
            font-style: var(--font-style-normal);
        }

        /* Title/L */
        .xs\:title_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-225);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xl);
            font-style: var(--font-style-normal);
        }

        /* Title/M */
        .xs\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

        /* Title/S */
        .xs\:title_s {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Title/XS */
        .xs\:title_xs {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /*** BODY ***/
        /* Body/Regular/XL */
        .xs\:body_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/L */
        .xs\:body_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/M */
        .xs\:body_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/S */
        .xs\:body_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/XS */
        .xs\:body_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XL */
        .xs\:body_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/L */
        .xs\:body_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/M */
        .xs\:body_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/S */
        .xs\:body_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XS */
        .xs\:body_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /*** BUTTON ***/
        /* Button/Main */
        .xs\:button_main {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Button/Text L */
        .xs\:button_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text L */
        .xs\:button_underline_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Button/Text S */
        .xs\:button_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text S */
        .xs\:button_underline_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** LINK ***/
        /* Link/Regular/XL */
        .xs\:link_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/L */
        .xs\:link_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/M */
        .xs\:link_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/S */
        .xs\:link_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/XS */
        .xs\:link_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XL */
        .xs\:link_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/L */
        .xs\:link_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/M */
        .xs\:link_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/S */
        .xs\:link_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XS */
        .xs\:link_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** OTHERS ***/
        /* Others/Tag/L */
        .xs\:others_tag_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-l);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/M */
        .xs\:others_tag_m {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/S */
        .xs\:others_tag_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/XS */
        .xs\:others_tag_xs {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }
    }
}

/* sm: */
@media (min-width: 576px) {
    body {
        .sm\:title_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-250);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-4xl);
            font-style: var(--font-style-normal);
        }

        /* Title/L */
        .sm\:title_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-225);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xl);
            font-style: var(--font-style-normal);
        }

        /* Title/M */
        .sm\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

        /* Title/S */
        .sm\:title_s {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Title/XS */
        .sm\:title_xs {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /*** BODY ***/
        /* Body/Regular/XL */
        .sm\:body_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/L */
        .sm\:body_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/M */
        .sm\:body_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/S */
        .sm\:body_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/XS */
        .sm\:body_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XL */
        .sm\:body_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/L */
        .sm\:body_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/M */
        .sm\:body_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/S */
        .sm\:body_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XS */
        .sm\:body_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /*** BUTTON ***/
        /* Button/Main */
        .sm\:button_main {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Button/Text L */
        .sm\:button_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text L */
        .sm\:button_underline_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Button/Text S */
        .sm\:button_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text S */
        .sm\:button_underline_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** LINK ***/
        /* Link/Regular/XL */
        .sm\:link_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/L */
        .sm\:link_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/M */
        .sm\:link_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/S */
        .sm\:link_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/XS */
        .sm\:link_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XL */
        .sm\:link_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/L */
        .sm\:link_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/M */
        .sm\:link_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/S */
        .sm\:link_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XS */
        .sm\:link_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** OTHERS ***/
        /* Others/Tag/L */
        .sm\:others_tag_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-l);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/M */
        .sm\:others_tag_m {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/S */
        .sm\:others_tag_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/XS */
        .sm\:others_tag_xs {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }
    }
}

/* md: */
@media (min-width: 992px) {
    body {
        .md\:title_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-250);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-4xl);
            font-style: var(--font-style-normal);
        }

        /* Title/L */
        .md\:title_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-225);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xl);
            font-style: var(--font-style-normal);
        }

        /* Title/M */
        .md\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

        /* Title/S */
        .md\:title_s {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Title/XS */
        .md\:title_xs {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /*** BODY ***/
        /* Body/Regular/XL */
        .md\:body_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/L */
        .md\:body_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/M */
        .md\:body_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/S */
        .md\:body_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/XS */
        .md\:body_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XL */
        .md\:body_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/L */
        .md\:body_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/M */
        .md\:body_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/S */
        .md\:body_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XS */
        .md\:body_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /*** BUTTON ***/
        /* Button/Main */
        .md\:button_main {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Button/Text L */
        .md\:button_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text L */
        .md\:button_underline_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Button/Text S */
        .md\:button_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text S */
        .md\:button_underline_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** LINK ***/
        /* Link/Regular/XL */
        .md\:link_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/L */
        .md\:link_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/M */
        .md\:link_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/S */
        .md\:link_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/XS */
        .md\:link_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XL */
        .md\:link_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/L */
        .md\:link_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/M */
        .md\:link_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/S */
        .md\:link_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XS */
        .md\:link_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** OTHERS ***/
        /* Others/Tag/L */
        .md\:others_tag_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-l);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/M */
        .md\:others_tag_m {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/S */
        .md\:others_tag_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/XS */
        .md\:others_tag_xs {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }
    }
}

/* lg: */
@media (min-width: 1200px) {
    body {
        .lg\:title_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-250);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-4xl);
            font-style: var(--font-style-normal);
        }

        /* Title/L */
        .lg\:title_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-225);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xl);
            font-style: var(--font-style-normal);
        }

        /* Title/M */
        .lg\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

        /* Title/S */
        .lg\:title_s {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Title/XS */
        .lg\:title_xs {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /*** BODY ***/
        /* Body/Regular/XL */
        .lg\:body_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/L */
        .lg\:body_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/M */
        .lg\:body_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/S */
        .lg\:body_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/XS */
        .lg\:body_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XL */
        .lg\:body_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/L */
        .lg\:body_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/M */
        .lg\:body_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/S */
        .lg\:body_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XS */
        .lg\:body_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /*** BUTTON ***/
        /* Button/Main */
        .lg\:button_main {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Button/Text L */
        .lg\:button_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text L */
        .lg\:button_underline_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Button/Text S */
        .lg\:button_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text S */
        .lg\:button_underline_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** LINK ***/
        /* Link/Regular/XL */
        .lg\:link_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/L */
        .lg\:link_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/M */
        .lg\:link_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/S */
        .lg\:link_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/XS */
        .lg\:link_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XL */
        .lg\:link_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/L */
        .lg\:link_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/M */
        .lg\:link_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/S */
        .lg\:link_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XS */
        .lg\:link_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** OTHERS ***/
        /* Others/Tag/L */
        .lg\:others_tag_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-l);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/M */
        .lg\:others_tag_m {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/S */
        .lg\:others_tag_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/XS */
        .lg\:others_tag_xs {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }
    }
}

/* xl: */
@media (min-width: 1920px) {
    body {
        .xl\:title_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-250);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-4xl);
            font-style: var(--font-style-normal);
        }

        /* Title/L */
        .xl\:title_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-225);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xl);
            font-style: var(--font-style-normal);
        }

        /* Title/M */
        .xl\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

        /* Title/S */
        .xl\:title_s {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Title/XS */
        .xl\:title_xs {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /*** BODY ***/
        /* Body/Regular/XL */
        .xl\:body_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/L */
        .xl\:body_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/M */
        .xl\:body_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/S */
        .xl\:body_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/Regular/XS */
        .xl\:body_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XL */
        .xl\:body_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/L */
        .xl\:body_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/M */
        .xl\:body_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/S */
        .xl\:body_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Body/SmBold/XS */
        .xl\:body_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            font-style: var(--font-style-normal);
        }

        /*** BUTTON ***/
        /* Button/Main */
        .xl\:button_main {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Button/Text L */
        .xl\:button_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text L */
        .xl\:button_underline_text_l {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Button/Text S */
        .xl\:button_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Button/Underline Text S */
        .xl\:button_underline_text_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** LINK ***/
        /* Link/Regular/XL */
        .xl\:link_regular_xl {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/L */
        .xl\:link_regular_l {
            font-family: var(--font-family-1-regular);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/M */
        .xl\:link_regular_m {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/S */
        .xl\:link_regular_s {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/Regular/XS */
        .xl\:link_regular_xs {
            font-family: var(--font-family-2-regular);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-regular); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XL */
        .xl\:link_smbold_xl {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-xl);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/L */
        .xl\:link_smbold_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-m);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/M */
        .xl\:link_smbold_m {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-s);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/S */
        .xl\:link_smbold_s {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-2xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /* Link/SmBold/XS */
        .xl\:link_smbold_xs {
            font-family: var(--font-family-2-smbold);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-3xs);
            text-decoration: var(--font-style-underline);
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        /*** OTHERS ***/
        /* Others/Tag/L */
        .xl\:others_tag_l {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-175);
            /* font-weight: var(--font-weight-smbold); */
            line-height: var(--size-font-line-height-l);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/M */
        .xl\:others_tag_m {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-100);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/S */
        .xl\:others_tag_s {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-75);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-2xs);
            font-style: var(--font-style-normal);
        }

        /* Others/Tag/XS */
        .xl\:others_tag_xs {
            font-family: var(--font-family-2-medium);
            font-size: var(--size-font-50);
            /* font-weight: var(--font-weight-medium); */
            line-height: var(--size-font-line-height-s);
            font-style: var(--font-style-normal);
        }
    }
}