@charset "utf-8";


:root {
    --typescale-base-font-size: 14px;
    /* display - large */
    --typescale-display-large-font-family-style: Regular;
    --typescale-display-large-font-weight: 400;
    --typescale-display-large-font-size: 4.071rem;
    --typescale-display-large-line-height: 4.571rem;
    --typescale-display-large-letter-spacing: -0.018rem;
    /* display - medium */
    --typescale-display-medium-font-family-style: Regular;
    --typescale-display-medium-font-weight: 400;
    --typescale-display-medium-font-size: 3.214rem;
    --typescale-display-medium-line-height: 3.714rem;
    --typescale-display-medium-letter-spacing: 0;
    /* display - small */
    --typescale-display-small-font-family-style: Regular;
    --typescale-display-small-font-weight: 400;
    --typescale-display-small-font-size: 2.571rem;
    --typescale-display-small-line-height: 3.143rem;
    --typescale-display-small-letter-spacing: 0;
    /* headline - large */
    --typescale-headline-large-font-family-style: Regular;
    --typescale-headline-large-font-weight: 400;
    --typescale-headline-large-font-size: 2.286rem;
    --typescale-headline-large-line-height: 2.857rem;
    --typescale-headline-large-letter-spacing: 0;
    /* headline - medium */
    --typescale-headline-medium-font-family-style: Regular;
    --typescale-headline-medium-font-weight: 400;
    --typescale-headline-medium-font-size: 2rem;
    --typescale-headline-medium-line-height: 2.571rem;
    --typescale-headline-medium-letter-spacing: 0;
    /* headline - small */
    --typescale-headline-small-font-family-style: Regular;
    --typescale-headline-small-font-weight: 400;
    --typescale-headline-small-font-size: 1.714rem;
    --typescale-headline-small-line-height: 2.286rem;
    --typescale-headline-small-letter-spacing: 0;
    /* body - large */
    --typescale-body-large-font-family-style: Regular;
    --typescale-body-large-font-weight: 400;
    --typescale-body-large-font-size: 1.143rem;
    --typescale-body-large-line-height: 1.714rem;
    --typescale-body-large-letter-spacing: 0.036rem;
    /* body - medium */
    --typescale-body-medium-font-family-style: Regular;
    --typescale-body-medium-font-weight: 400;
    --typescale-body-medium-font-size: 1rem;
    --typescale-body-medium-line-height: 1.429rem;
    --typescale-body-medium-letter-spacing: 0.018rem;
    /* body - small */
    --typescale-body-small-font-family-style: Regular;
    --typescale-body-small-font-weight: 400;
    --typescale-body-small-font-size: 0.858rem;
    --typescale-body-small-line-height: 1.143rem;
    --typescale-body-small-letter-spacing: 0.029rem;
    /* label - large */
    --typescale-label-large-font-family-style: Medium;
    --typescale-label-large-font-weight: 500;
    --typescale-label-large-font-size: 1rem;
    --typescale-label-large-line-height: 1.429rem;
    --typescale-label-large-letter-spacing: 0.007rem;
    /* label - medium */
    --typescale-label-medium-font-family-style: Medium;
    --typescale-label-medium-font-weight: 500;
    --typescale-label-medium-font-size: 0.857rem;
    --typescale-label-medium-line-height: 1.143rem;
    --typescale-label-medium-letter-spacing: 0.036rem;
    /* label - small */
    --typescale-label-small-font-family-style: Medium;
    --typescale-label-small-font-weight: 500;
    --typescale-label-small-font-size: 0.786rem;
    --typescale-label-small-line-height: 1.143rem;
    --typescale-label-small-letter-spacing: 0.036rem;
    /* title - large */
    --typescale-title-large-font-family-style: Regular;
    --typescale-title-large-font-weight: 400;
    --typescale-title-large-font-size: 1.571rem;
    --typescale-title-large-line-height: 2rem;
    --typescale-title-large-letter-spacing: 0;
    /* title - medium */
    --typescale-title-medium-font-family-style: Medium;
    --typescale-title-medium-font-weight: 500;
    --typescale-title-medium-font-size: 1.143rem;
    --typescale-title-medium-line-height: 1.714rem;
    --typescale-title-medium-letter-spacing: 0.011rem;
    /* title - small */
    --typescale-title-small-font-family-style: Medium;
    --typescale-title-small-font-weight: 500;
    --typescale-title-small-font-size: 1rem;
    --typescale-title-small-line-height: 1.429rem;
    --typescale-title-small-letter-spacing: 0.007rem;
}

@media screen and (min-width: 640px) {
    :root {
        /* display - large */
        --typescale-display-large-font-size: 4.571rem;
        --typescale-display-large-line-height: 5.143rem;
        --typescale-display-large-letter-spacing: -0.02rem;
        /* display - medium */
        --typescale-display-medium-font-size: 3.571rem;
        --typescale-display-medium-line-height: 4.143rem;
        --typescale-display-medium-letter-spacing: 0.018rem;
        /* display - small */
        --typescale-display-small-font-size: 2.857rem;
        --typescale-display-small-line-height: 3.5rem;
        --typescale-display-small-letter-spacing: 0.018rem;
        /* headline - large */
        --typescale-headline-large-font-size: 2.571rem;
        --typescale-headline-large-line-height: 3.214rem;
        --typescale-headline-large-letter-spacing: 0.018rem;
        /* headline - medium */
        --typescale-headline-medium-font-size: 2.214rem;
        --typescale-headline-medium-line-height: 2.857rem;
        --typescale-headline-medium-letter-spacing: 0.018rem;
        /* headline - small */
        --typescale-headline-small-font-size: 1.929rem;
        --typescale-headline-small-line-height: 2.571rem;
        --typescale-headline-small-letter-spacing: 0.018rem;
        /* body - large */
        --typescale-body-large-font-size: 1.286rem;
        --typescale-body-large-line-height: 1.929rem;
        --typescale-body-large-letter-spacing: 0.04rem;
        /* body - medium */
        --typescale-body-medium-font-size: 1.071rem;
        --typescale-body-medium-line-height: 1.571rem;
        --typescale-body-medium-letter-spacing: 0.02rem;
        /* body - small */
        --typescale-body-small-font-size: 0.929rem;
        --typescale-body-small-line-height: 1.286rem;
        --typescale-body-small-letter-spacing: 0.032rem;
        /* label - large */
        --typescale-label-large-font-size: 1.071rem;
        --typescale-label-large-line-height: 1.571rem;
        --typescale-label-large-letter-spacing: 0.008rem;
        /* label - medium */
        --typescale-label-medium-font-size: 0.929rem;
        --typescale-label-medium-line-height: 1.286rem;
        --typescale-label-medium-letter-spacing: 0.04rem;
        /* label - small */
        --typescale-label-small-font-size: 0.857rem;
        --typescale-label-small-line-height: 1.286rem;
        --typescale-label-small-letter-spacing: 0.04rem;
        /* title - large */
        --typescale-title-large-font-size: 1.714rem;
        --typescale-title-large-line-height: 2.214rem;
        --typescale-title-large-letter-spacing: 0.018rem;
        /* title - medium */
        --typescale-title-medium-font-size: 1.286rem;
        --typescale-title-medium-line-height: 1.929rem;
        --typescale-title-medium-letter-spacing: 0.011rem;
        /* title - small */
        --typescale-title-small-font-size: 1.071rem;
        --typescale-title-small-line-height: 1.571rem;
        --typescale-title-small-letter-spacing: 0.008rem;
    }
}

@media screen and (min-width: 960px) {
    :root {
        /* display - large */
        --typescale-display-large-font-size: 4.571rem;
        --typescale-display-large-line-height: 5.143rem;
        --typescale-display-large-letter-spacing: -0.022rem;
        /* display - medium */
        --typescale-display-medium-font-size: 4rem;
        --typescale-display-medium-line-height: 4.643rem;
        --typescale-display-medium-letter-spacing: 0.02rem;
        /* display - small */
        --typescale-display-small-font-size: 3.214rem;
        --typescale-display-small-line-height: 3.929rem;
        --typescale-display-small-letter-spacing: 0.02rem;
        /* headline - large */
        --typescale-headline-large-font-size: 2.857rem;
        --typescale-headline-large-line-height: 3.571rem;
        --typescale-headline-large-letter-spacing: 0.02rem;
        /* headline - medium */
        --typescale-headline-medium-font-size: 2.429rem;
        --typescale-headline-medium-line-height: 3.214rem;
        --typescale-headline-medium-letter-spacing: 0.02rem;
        /* headline - small */
        --typescale-headline-small-font-size: 2.143rem;
        --typescale-headline-small-line-height: 2.857rem;
        --typescale-headline-small-letter-spacing: 0.02rem;
        /* body - large */
        --typescale-body-large-font-size: 1.429rem;
        --typescale-body-large-line-height: 2.143rem;
        --typescale-body-large-letter-spacing: 0.045rem;
        /* body - medium */
        --typescale-body-medium-font-size: 1.143rem;
        --typescale-body-medium-line-height: 1.714rem;
        --typescale-body-medium-letter-spacing: 0.02rem;
        /* body - small */
        --typescale-body-small-font-size: 1rem;
        --typescale-body-small-line-height: 1.429rem;
        --typescale-body-small-letter-spacing: 0.036rem;
        /* label - large */
        --typescale-label-large-font-size: 1.143rem;
        --typescale-label-large-line-height: 1.714rem;
        --typescale-label-large-letter-spacing: 0.009rem;
        /* label - medium */
        --typescale-label-medium-font-size: 1rem;
        --typescale-label-medium-line-height: 1.429rem;
        --typescale-label-medium-letter-spacing: 0.045rem;
        /* label - small */
        --typescale-label-small-font-size: 0.929rem;
        --typescale-label-small-line-height: 1.429rem;
        --typescale-label-small-letter-spacing: 0.045rem;
        /* title - large */
        --typescale-title-large-font-size: 1.929rem;
        --typescale-title-large-line-height: 2.429rem;
        --typescale-title-large-letter-spacing: 0.02rem;
        /* title - medium */
        --typescale-title-medium-font-size: 1.429rem;
        --typescale-title-medium-line-height: 2.143rem;
        --typescale-title-medium-letter-spacing: 0.013rem;
        /* title - small */
        --typescale-title-small-font-size: 1.143rem;
        --typescale-title-small-line-height: 1.929rem;
        --typescale-title-small-letter-spacing: 0.009rem;
    }
}

@media screen and (min-width: 1280px) {
    :root {
        /* display - large */
        --typescale-display-large-font-size: 5.142rem;
        --typescale-display-large-line-height: 5.786rem;
        --typescale-display-large-letter-spacing: -0.024rem;
        /* display - medium */
        --typescale-display-medium-font-size: 4.5rem;
        --typescale-display-medium-line-height: 5.214rem;
        --typescale-display-medium-letter-spacing: 0.022rem;
        /* display - small */
        --typescale-display-small-font-size: 3.571rem;
        --typescale-display-small-line-height: 4.357rem;
        --typescale-display-small-letter-spacing: 0.022rem;
        /* headline - large */
        --typescale-headline-large-font-size: 3.214rem;
        --typescale-headline-large-line-height: 4rem;
        --typescale-headline-large-letter-spacing: 0.022rem;
        /* headline - medium */
        --typescale-headline-medium-font-size: 2.714rem;
        --typescale-headline-medium-line-height: 3.571rem;
        --typescale-headline-medium-letter-spacing: 0.022rem;
        /* headline - small */
        --typescale-headline-small-font-size: 2.357rem;
        --typescale-headline-small-line-height: 3.214rem;
        --typescale-headline-small-letter-spacing: 0.022rem;
        /* body - large */
        --typescale-body-large-font-size: 1.571rem;
        --typescale-body-large-line-height: 2.357rem;
        --typescale-body-large-letter-spacing: 0.05rem;
        /* body - medium */
        --typescale-body-medium-font-size: 1.286rem;
        --typescale-body-medium-line-height: 1.929rem;
        --typescale-body-medium-letter-spacing: 0.02rem;
        /* body - small */
        --typescale-body-small-font-size: 1.071rem;
        --typescale-body-small-line-height: 1.571rem;
        --typescale-body-small-letter-spacing: 0.04rem;
        /* label - large */
        --typescale-label-large-font-size: 1.286rem;
        --typescale-label-large-line-height: 1.929rem;
        --typescale-label-large-letter-spacing: 0.009rem;
        /* label - medium */
        --typescale-label-medium-font-size: 1.125rem;
        --typescale-label-medium-line-height: 1.607rem;
        --typescale-label-medium-letter-spacing: 0.056rem;
        /* label - small */
        --typescale-label-small-font-size: 1.045rem;
        --typescale-label-small-line-height: 1.714rem;
        --typescale-label-small-letter-spacing: 0.056rem;
        /* title - large */
        --typescale-title-large-font-size: 2.411rem;
        --typescale-title-large-line-height: 3.053rem;
        --typescale-title-large-letter-spacing: 0.027rem;
        /* title - medium */
        --typescale-title-medium-font-size: 1.768rem;
        --typescale-title-medium-line-height: 2.651rem;
        --typescale-title-medium-letter-spacing: 0.016rem;
        /* title - small */
        --typescale-title-small-font-size: 1.446rem;
        --typescale-title-small-line-height: 2.411rem;
        --typescale-title-small-letter-spacing: 0.01rem;
    }
}

@media screen and (min-width: 1440px) {
    :root {
        /* display - large */
        --typescale-display-large-font-size: 5.786rem;
        --typescale-display-large-line-height: 6.5rem;
        --typescale-display-large-letter-spacing: -0.027rem;
        /* display - medium */
        --typescale-display-medium-font-size: 5.063rem;
        --typescale-display-medium-line-height: 5.786rem;
        --typescale-display-medium-letter-spacing: 0.025rem;
        /* display - small */
        --typescale-display-small-font-size: 3.938rem;
        --typescale-display-small-line-height: 4.786rem;
        --typescale-display-small-letter-spacing: 0.025rem;
        /* headline - large */
        --typescale-headline-large-font-size: 3.5rem;
        --typescale-headline-large-line-height: 4.5rem;
        --typescale-headline-large-letter-spacing: 0.025rem;
        /* headline - medium */
        --typescale-headline-medium-font-size: 2.929rem;
        --typescale-headline-medium-line-height: 3.929rem;
        --typescale-headline-medium-letter-spacing: 0.025rem;
        /* headline - small */
        --typescale-headline-small-font-size: 2.571rem;
        --typescale-headline-small-line-height: 3.5rem;
        --typescale-headline-small-letter-spacing: 0.025rem;
        /* body - large */
        --typescale-body-large-font-size: 1.643rem;
        --typescale-body-large-line-height: 2.571rem;
        --typescale-body-large-letter-spacing: 0.056rem;
        /* body - medium */
        --typescale-body-medium-font-size: 1.446rem;
        --typescale-body-medium-line-height: 2.143rem;
        --typescale-body-medium-letter-spacing: 0.023rem;
        /* body - small */
        --typescale-body-small-font-size: 1.125rem;
        --typescale-body-small-line-height: 1.714rem;
        --typescale-body-small-letter-spacing: 0.045rem;
        /* label - large */
        --typescale-label-large-font-size: 1.429rem;
        --typescale-label-large-line-height: 2.143rem;
        --typescale-label-large-letter-spacing: 0.01rem;
        /* label - medium */
        --typescale-label-medium-font-size: 1.125rem;
        --typescale-label-medium-line-height: 1.688rem;
        --typescale-label-medium-letter-spacing: 0.056rem;
        /* label - small */
        --typescale-label-small-font-size: 1.175rem;
        --typescale-label-small-line-height: 1.928rem;
        --typescale-label-small-letter-spacing: 0.063rem;
        /* title - large */
        --typescale-title-large-font-size: 2.712rem;
        --typescale-title-large-line-height: 3.435rem;
        --typescale-title-large-letter-spacing: 0.03rem;
        /* title - medium */
        --typescale-title-medium-font-size: 1.989rem;
        --typescale-title-medium-line-height: 2.982rem;
        --typescale-title-medium-letter-spacing: 0.018rem;
        /* title - small */
        --typescale-title-small-font-size: 1.627rem;
        --typescale-title-small-line-height: 2.712rem;
        --typescale-title-small-letter-spacing: 0.011rem;
    }
}

@media screen and (min-width: 1600px) {
    :root {
        /* display - large */
        --typescale-display-large-font-size: 6.509rem;
        --typescale-display-large-line-height: 7.313rem;
        --typescale-display-large-letter-spacing: -0.03rem;
        /* display - medium */
        --typescale-display-medium-font-size: 5.695rem;
        --typescale-display-medium-line-height: 6.5rem;
        --typescale-display-medium-letter-spacing: 0.028rem;
        /* display - small */
        --typescale-display-small-font-size: 4.43rem;
        --typescale-display-small-line-height: 5.384rem;
        --typescale-display-small-letter-spacing: 0.028rem;
        /* headline - large */
        --typescale-headline-large-font-size: 3.938rem;
        --typescale-headline-large-line-height: 5.063rem;
        --typescale-headline-large-letter-spacing: 0.028rem;
        /* headline - medium */
        --typescale-headline-medium-font-size: 3.295rem;
        --typescale-headline-medium-line-height: 4.42rem;
        --typescale-headline-medium-letter-spacing: 0.028rem;
        /* headline - small */
        --typescale-headline-small-font-size: 2.892rem;
        --typescale-headline-small-line-height: 3.938rem;
        --typescale-headline-small-letter-spacing: 0.028rem;
        /* body - large */
        --typescale-body-large-font-size: 1.848rem;
        --typescale-body-large-line-height: 2.892rem;
        --typescale-body-large-letter-spacing: 0.063rem;
        /* body - medium */
        --typescale-body-medium-font-size: 1.627rem;
        --typescale-body-medium-line-height: 2.411rem;
        --typescale-body-medium-letter-spacing: 0.026rem;
        /* body - small */
        --typescale-body-small-font-size: 1.266rem;
        --typescale-body-small-line-height: 1.928rem;
        --typescale-body-small-letter-spacing: 0.051rem;
        /* label - large */
        --typescale-label-large-font-size: 1.608rem;
        --typescale-label-large-line-height: 2.411rem;
        --typescale-label-large-letter-spacing: 0.011rem;
        /* label - medium */
        --typescale-label-medium-font-size: 1.266rem;
        --typescale-label-medium-line-height: 1.899rem;
        --typescale-label-medium-letter-spacing: 0.063rem;
        /* label - small */
        --typescale-label-small-font-size: 1.322rem;
        --typescale-label-small-line-height: 2.169rem;
        --typescale-label-small-letter-spacing: 0.071rem;
        /* title - large */
        --typescale-title-large-font-size: 3.051rem;
        --typescale-title-large-line-height: 54.101rem;
        --typescale-title-large-letter-spacing: 0.034rem;
        /* title - medium */
        --typescale-title-medium-font-size: 2.238rem;
        --typescale-title-medium-line-height: 3.355rem;
        --typescale-title-medium-letter-spacing: 0.02rem;
        /* title - small */
        --typescale-title-small-font-size: 1.83rem;
        --typescale-title-small-line-height: 3.051rem;
        --typescale-title-small-letter-spacing: 0.012rem;
    }
}