/*typography*/

/*#region Large title */

.large-title-regular {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-lg-title, 32px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-lg-title, 40px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.large-title-medium {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-lg-title, 32px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-lg-title, 40px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.large-title-semibold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-lg-title, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-lg-title, 40px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.large-title-bold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-lg-title, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-subtitle, 40px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

/*#endregion */

/*#region title */

.title-regular {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-title, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-title, 28px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.title-medium {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-title, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-title, 28px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.title-semibold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-title, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-title, 28px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.title-bold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-title, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-title, 28px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

/*#endregion */

/*#region subtitle */

.subtitle-regular {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-subtitle, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-subtitle, 24px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.subtitle-medium {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-subtitle, 16px) !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: var(--line-height-subtitle, 24px) !important;
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.subtitle-semibold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-subtitle, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-subtitle, 24px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.subtitle-bold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-subtitle, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-subtitle, 24px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

/*#endregion */

/*#region body */

.body-regular {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-body, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 22px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}
.body-medium {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-body, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-body, 22px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}
.body-semibold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-body, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-body, 22px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}
.body-bold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-body, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-body, 22px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

/*#endregion */

/*#region caption */

.caption-regular {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-caption, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-caption, 20px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.caption-medium {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-caption, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-caption, 20px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.caption-semibold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-caption, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-caption, 20px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

.caption-bold {
    font-family: var(--font-family-manrope, Manrope);
    font-size: var(--font-size-caption, 12px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-caption, 20px);
    letter-spacing: var(--letter-spacing-default, -0.4px);
}

/*#endregion */