@import './font-variables.css';

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/FiraCode-Regular.ttf?v=3.19") format("ttf"), url("/fonts/FiraCode-Mediumttf?v=3.19") format("ttf");
}



@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/Inter-Light.woff2?v=3.19") format("woff2"), url("/fonts/Inter-Light.woff2?v=3.19") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("/fonts/Inter-Regular.woff2?v=3.19") format("woff2");
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("/fonts/Inter-Medium.woff2?v=3.19") format("woff2");
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2");
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("/fonts/Inter-ExtraBold.woff2?v=3.19") format("woff2"), url("/fonts/Inter-ExtraBold.woff2?v=3.19") format("woff2");
}



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.lead-1,
.lead-2,
p,
.p1,
.p2,
.label-default-large,
.label-default-medium,
.label-default-small,
.label-capital-large,
.label-capital-medium,
.label-capital-small,
.button-l,
.button-m,
.button-s {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-feature-settings: 'salt' on, 'liga' off;
}

h1,
.h1 {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-72);
    line-height: var(--orch-text-lineHeight-small);
    letter-spacing: var(--orch-text-letterSpacing-small-negative);
    text-transform: var(--orch-text-textCase-none);
}

h2,
.h2 {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-48);
    line-height: var(--orch-text-lineHeight-small);
    letter-spacing: var(--orch-text-letterSpacing-small-negative);
    text-transform: var(--orch-text-textCase-none);
}

h3,
.h3 {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-40);
    line-height: var(--orch-text-lineHeight-small);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

h4,
.h4 {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-28);
    line-height: var(--orch-text-lineHeight-medium);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

h5,
.h5 {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-24);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

h6,
.h6 {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-20);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.lead-1 {
    font-weight: var(--orch-text-fontWeight-small);
    font-size: var(--orch-text-fontSize-18);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.lead-2 {
    font-weight: var(--orch-text-fontWeight-small);
    font-size: var(--orch-text-fontSize-16);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

p,
.p1 {
    font-weight: var(--orch-text-fontWeight-small);
    font-size: var(--orch-text-fontSize-16);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.p2 {
    font-weight: var(--orch-text-fontWeight-small);
    font-size: var(--orch-text-fontSize-14);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

b,
.b {
    font-weight: var(--orch-text-fontWeight-large);
}

.label-default-large {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-16);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.label-default-medium {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-14);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.label-default-small {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-12);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.label-default-xSmall {
    font-weight: var(--orch-text-fontWeight-medium);
    font-size: var(--orch-text-fontSize-12);
    line-height: var(--orch-text-lineHeight-xSmall);
    letter-spacing: var(--orch-text-letterSpacing-none);
    text-transform: var(--orch-text-textCase-none);
}

.label-capital-large {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-16);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-small);
    text-transform: var(--orch-text-textCase-uppercase);
}

.label-capital-medium {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-14);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-small);
    text-transform: var(--orch-text-textCase-uppercase);
}

.label-capital-small {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-12);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-xSmall);
    text-transform: var(--orch-text-textCase-uppercase);
}

.misc-overline {
    font-weight: var(--orch-text-fontWeight-large);
    font-size: var(--orch-text-fontSize-12);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-large);
    text-transform: var(--orch-text-textCase-uppercase);
}

.misc-helper-small {
    font-weight: var(--orch-text-fontWeight-small);
    font-size: var(--orch-text-fontSize-12);
    line-height: var(--orch-text-lineHeight-large);
    letter-spacing: var(--orch-text-letterSpacing-small);
    text-transform: var(--orch-text-textCase-none);
}









@media screen and (max-width: 991.98px) {

    h1,
    .h1 {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-40);
        line-height: var(--orch-text-lineHeight-small);
        letter-spacing: var(--orch-text-letterSpacing-small-negative);
        text-transform: var(--orch-text-textCase-none);
    }

    h2,
    .h2 {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-28);
        line-height: var(--orch-text-lineHeight-small);
        letter-spacing: var(--orch-text-letterSpacing-small-negative);
        text-transform: var(--orch-text-textCase-none);
    }

    h3,
    .h3 {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-28);
        line-height: var(--orch-text-lineHeight-small);
        letter-spacing: var(--orch-text-letterSpacing-small-negative);
        text-transform: var(--orch-text-textCase-none);
    }

    h4,
    .h4 {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-24);
        line-height: var(--orch-text-lineHeight-medium);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    h5,
    .h5 {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-20);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    h6,
    .h6 {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-18);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .lead-1 {
        font-weight: var(--orch-text-fontWeight-small);
        font-size: var(--orch-text-fontSize-18);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .lead-2 {
        font-weight: var(--orch-text-fontWeight-small);
        font-size: var(--orch-text-fontSize-16);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    p,
    .p1 {
        font-weight: var(--orch-text-fontWeight-small);
        font-size: var(--orch-text-fontSize-16);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .p2 {
        font-weight: var(--orch-text-fontWeight-small);
        font-size: var(--orch-text-fontSize-14);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    b,
    .b {
        font-weight: var(--orch-text-fontWeight-large);
    }

    .label-default-large {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-16);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .label-default-medium {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-14);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .label-default-small {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-12);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .label-default-xSmall {
        font-weight: var(--orch-text-fontWeight-medium);
        font-size: var(--orch-text-fontSize-12);
        line-height: var(--orch-text-lineHeight-xSmall);
        letter-spacing: var(--orch-text-letterSpacing-none);
        text-transform: var(--orch-text-textCase-none);
    }

    .label-capital-large {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-16);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-small);
        text-transform: var(--orch-text-textCase-uppercase);
    }

    .label-capital-medium {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-14);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-small);
        text-transform: var(--orch-text-textCase-uppercase);
    }

    .label-capital-small {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-12);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-xSmall);
        text-transform: var(--orch-text-textCase-uppercase);
    }

    .misc-overline {
        font-weight: var(--orch-text-fontWeight-large);
        font-size: var(--orch-text-fontSize-12);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-large);
        text-transform: var(--orch-text-textCase-uppercase);
    }

    .misc-helper-small {
        font-weight: var(--orch-text-fontWeight-small);
        font-size: var(--orch-text-fontSize-12);
        line-height: var(--orch-text-lineHeight-large);
        letter-spacing: var(--orch-text-letterSpacing-small);
        text-transform: var(--orch-text-textCase-none);
    }


}