//============================================ Font
@mixin text-xxs---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    line-height: 16px !important;
}
@mixin text-xxs---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

@mixin text-xs---regular {
    font-family: Inter !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
@mixin text-xs---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

@mixin text-sm---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
@mixin text-sm---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

@mixin text-base---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
@mixin text-base---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 150% !important;
}

@mixin text-lg---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 28px !important;
}
@mixin text-lg---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 28px !important;
}

@mixin text-xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 32px !important;
}
@mixin text-xl---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 32px !important;
}

@mixin text-2xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
@mixin text-2xl---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 32px !important;
}

@mixin text-3xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 30px !important;
    line-height: 40px !important;
}
@mixin text-3xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    line-height: 40px !important;
}

@mixin text-4xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 36px !important;
    line-height: 44px !important;
}
@mixin text-4xl---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 44px !important;
}

@mixin text-5xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 48px !important;
    line-height: 56px !important;
}
@mixin text-5xl---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 48px !important;
    line-height: 56px !important;
}

@mixin text-6xl---regular {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 64px !important;
    line-height: 72px !important;
}
@mixin text-6xl---medium {
    font-family: Inter !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 64px !important;
    line-height: 72px !important;
}