:root {
    --maxWidth: 1360px;
    --textFont: "Onest",sans-serif;
    --titleFont: "Onest",sans-serif;
    --textWeight: 400;
    --titleWeight: 500;
    --titleMaxWidth: 100%;
    --textMaxWidth: 930px;
    --letter-height-xxs-m: calc(var(--textMheightT) + var(--textMtopT) + var(--textMbottomT));
    --letter-height-xxxs-s: calc(var(--textSheightT) + var(--textStopT) + var(--textSbottomT));
    --letter-height-xs-l: calc(var(--textLheightT) + var(--textLtopT) + var(--textLbottomT));
    --letter-height-text-m-t: var(--letter-height-xxs-m);
    --letter-height-title-xxs-t: var(--letter-height-xxs-m)
}

:root body {
    font-family: Onest
}

@supports(font-variation-settings: normal) {
    :root {
        --textFont:"Onest Variable",sans-serif;
        --titleFont: "Onest Variable",sans-serif;
        --textWeight: 400;
        --titleWeight: 599
    }

    :root body {
        font-family: Onest Variable
    }
}

@media only screen and (min-width: 1024px) {
    :root {
        --titleXXLsize:114px;
        --titleXXLspacing: -0.04em;
        --titleXXLheightT: 104px;
        --titleXXLtopT: -30px;
        --titleXXLbottomT: -14px;
        --titleXXLtextXL: var(--gapX16);
        --titleXXLtextL: 64px;
        --titleXXLtextM: 60px;
        --titleXXLtextS: 56px;
        --titleXLsize: 85px;
        --titleXLspacing: -0.04em;
        --titleXLleft: -5px;
        --titleXLheightT: 80px;
        --titleXLtopT: -24px;
        --titleXLbottomT: -12px;
        --titleXLtextXL: 40px;
        --titleXLtextL: 48px;
        --titleXLtextM: 44px;
        --titleXLtextS: 40px;
        --titleLsize: 64px;
        --titleLspacing: -0.04em;
        --titleLheightT: 64px;
        --titleLtopT: -17px;
        --titleLbottomT: -11px;
        --titleLtextXL: 44px;
        --titleLtextL: 44px;
        --titleLtextM: 40px;
        --titleLtextS: 36px;
        --titleMsize: 48px;
        --titleMspacing: -0.04em;
        --titleMheightT: 48px;
        --titleMtopT: -12px;
        --titleMbottomT: -8px;
        --titleMtextXL: 40px;
        --titleMtextL: 40px;
        --titleMtextMtight: var(--gapX6);
        --titleMtextM: var(--gapX8);
        --titleMtextS: 16px;
        --titleSsize: 36px;
        --titleSspacing: -0.03em;
        --textXLspacing: -0.02em;
        --textXLheightS: 48px;
        --textXLtopS: -16px;
        --textXLbottomS: -12px;
        --textXLgapS: 40px;
        --titleSheightT: 40px;
        --titleStopT: -12px;
        --titleSbottomT: -8px;
        --textXLgapT: 35px;
        --titleStextXL: 40px;
        --titleStextL: 40px;
        --titleStextM: var(--gapX6);
        --titleStextS: 20px;
        --textLsize: 27px;
        --textLspacing: -0.02em;
        --titleXSspacing: -0.03em;
        --textLheightS: 36px;
        --textLtopS: -11px;
        --textLbottomS: -9px;
        --textLgapS: 40px;
        --textLheightT: 32px;
        --textLtopT: -9px;
        --textLbottomT: -7px;
        --textLgapT: 35px;
        --titleXStextXL: 40px;
        --titleXStextL: 40px;
        --titleXStextM: 36px;
        --titleXStextS: 16px;
        --textMsize: 20px;
        --textMspacing: -0.02em;
        --titleXXSspacing: -0.03em;
        --textMheightS: 28px;
        --textMtopS: -8px;
        --textMbottomS: -8px;
        --textMgapS: 35px;
        --textMheightT: 24px;
        --textMtopT: -6px;
        --textMbottomT: -6px;
        --textMgapT: 30px;
        --titleXXStitleXXL: var(--gapX10);
        --titleXXStitleXL: var(--gapX8);
        --titleXXStitleL: var(--gapX6);
        --titleXXStitleM: var(--gapX5);
        --titleXXStitleS: var(--gapX3);
        --titleXXStitleXS: var(--gapX2);
        --titleXXStitleXXS: var(--gapX2);
        --titleXXXStitleXXS: var(--gapX2);
        --titleXXStextXL: 40px;
        --titleXXStextL: 40px;
        --titleXXStextM: 36px;
        --titleXXStextS: 20px;
        --textSsize: 15px;
        --textSspacing: 0em;
        --titleXXXSspacing: -0.03em;
        --textSheightS: 22px;
        --textStopS: -6px;
        --textSbottomS: -6px;
        --textSgapS: 20px;
        --textSheightT: 18px;
        --textStopT: -4px;
        --textSbottomT: -4px;
        --textStextS: var(--gapX4);
        --mediaAny: var(--gapX10);
        --textXSsize: 11px;
        --textXSspacing: 0em;
        --textXSheightS: 16px;
        --textXStopS: -4px;
        --textXSbottomS: -4px;
        --textXSheightT: 14px;
        --textXStopT: -5px;
        --textXSbottomT: -3px
    }
}

@media only screen and (max-width: 1023px) {
    :root {
        --titleXXLsize:64px;
        --titleXXLspacing: -0.04em;
        --titleXXLheightT: 60px;
        --titleXXLtopT: -15px;
        --titleXXLbottomT: -9px;
        --titleXXLtextXL: var(--gapX8);
        --titleXXLtextL: 40px;
        --titleXXLtextM: 16px;
        --titleXXLtextS: 16px;
        --titleXLsize: 50px;
        --titleXLspacing: -0.04em;
        --titleXLleft: -2px;
        --titleXLheightT: 48px;
        --titleXLtopT: -13px;
        --titleXLbottomT: -7px;
        --titleXLtextXL: 28px;
        --titleXLtextL: 32px;
        --titleXLtextM: 24px;
        --titleXLtextS: 16px;
        --titleLsize: 40px;
        --titleLspacing: -0.04em;
        --titleLheightT: 40px;
        --titleLtopT: -9px;
        --titleLbottomT: -7px;
        --titleLtextXL: 40px;
        --titleLtextL: 40px;
        --titleLtextM: 16px;
        --titleLtextS: 16px;
        --titleMsize: 32px;
        --titleMspacing: -0.04em;
        --titleMheightT: 32px;
        --titleMtopT: -6px;
        --titleMbottomT: -6px;
        --titleMtextXL: 40px;
        --titleMtextL: 40px;
        --titleMtextMtight: var(--gapX6);
        --titleMtextM: 24px;
        --titleMtextS: 16px;
        --titleSsize: 25px;
        --titleSspacing: -0.03em;
        --textXLspacing: -0.02em;
        --textXLheightS: 32px;
        --textXLtopS: -8px;
        --textXLbottomS: -8px;
        --textXLgapS: 35px;
        --titleSheightT: 26px;
        --titleStopT: -7px;
        --titleSbottomT: -5px;
        --textXLgapT: 35px;
        --titleStextXL: 40px;
        --titleStextL: 40px;
        --titleStextM: var(--gapX5);
        --titleStextS: 16px;
        --textLsize: 20px;
        --textLspacing: -0.02em;
        --titleXSspacing: -0.03em;
        --textLheightS: 26px;
        --textLtopS: -9px;
        --textLbottomS: -7px;
        --textLgapS: 30px;
        --textLheightT: 22px;
        --textLtopT: -7px;
        --textLbottomT: -5px;
        --textLgapT: 30px;
        --titleXStextXL: 40px;
        --titleXStextL: 40px;
        --titleXStextM: 36px;
        --titleXStextS: 20px;
        --textMsize: 16px;
        --textMspacing: -0.02em;
        --titleXXSspacing: -0.03em;
        --textMheightS: 22px;
        --textMtopS: -6px;
        --textMbottomS: -6px;
        --textMgapS: 20px;
        --textMheightT: 18px;
        --textMtopT: -4px;
        --textMbottomT: -4px;
        --textMgapT: 20px;
        --titleXXStitleXXL: var(--gapX10);
        --titleXXStitleXL: var(--gapX5);
        --titleXXStitleL: var(--gapX6);
        --titleXXStitleM: var(--gapX4);
        --titleXXStitleS: var(--gapX3);
        --titleXXStitleXS: var(--gapX2);
        --titleXXStitleXXS: var(--gapX2);
        --titleXXXStitleXXS: var(--gapX2);
        --titleXXStextXL: 40px;
        --titleXXStextL: 40px;
        --titleXXStextM: 36px;
        --titleXXStextS: 20px;
        --textSsize: 13px;
        --textSspacing: 0em;
        --titleXXXSspacing: -0.03em;
        --textSheightS: 18px;
        --textStopS: -3px;
        --textSbottomS: -5px;
        --textSgapS: 20px;
        --textSheightT: 14px;
        --textStopT: -1px;
        --textSbottomT: -3px;
        --textStextS: var(--gapX3);
        --mediaAny: var(--gapX7);
        --textXSsize: 10px;
        --textXSspacing: 0em;
        --textXSheightS: 12px;
        --textXStopS: -1px;
        --textXSbottomS: -3px;
        --textXSgapS: 20px;
        --textXSheightT: 10px;
        --textXStopT: -2px;
        --textXSbottomT: -2px
    }
}

.textS :is(p,li,span) {
    font-size: var(--textSsize);
    letter-spacing: 0;
}

.textS:not(.tight) :before, .textS:not(.tight) :is(p,li,span)
 {
    line-height: var(--textSheightS);
    margin-top: var(--textStopS);
    margin-bottom: var(--textSbottomS);
}