/**
 * CSS for TeleNeo Var
 *
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */

@font-face {
    font-family: "TeleNeo Var";
    src: url("TeleNeoVar.woff2");
    font-weight: 250 900;
    font-stretch: 100% 140%;
}

/**
 * OpenType Layout Features
 */

/* Initial values for the layout features */
:root {
    --aalt: off;
    --case: off;
    --dnom: off;
    --numr: off;
    --salt: off;
    --sinf: off;
    --ss01: off;
    --ss02: off;
    --ss03: off;
    --cpsp: off;
}

/* Classes to apply the layout features */
.access-all-alternates {
    --aalt: 1; /* Use value 1 to 5 for all alternates */
}

.alternative-fractions {
    font-variant-numeric: stacked-fractions;
}

.case-sensitive-forms {
    --case: on;
}

.denominators {
    --dnom: on;
}

.fractions {
    font-variant-numeric: diagonal-fractions;
}

.numerators {
    --numr: on;
}

.ordinals {
    font-variant-numeric: ordinal;
}

.proportional-figures {
    font-variant-numeric: proportional-nums;
}

.stylistic-alternates {
    --salt: on;
}

.scientific-inferiors {
    --sinf: on;
}

.alternate-registered-sign {
    --ss01: on;
}

.alternate-round-bullet {
    --ss02: on;
}

.alternate-nut-fractions {
    --ss03: on;
}

.subscript {
    font-variant-position: sub;
}

.superscript {
    font-variant-position: super;
}

.tabular-figures {
    font-variant-numeric: tabular-nums;
}

.capital-spacing {
    --cpsp: on;
}

/* Apply the layout features set by the classes */
.access-all-alternates, .case-sensitive-forms, .denominators, .numerators, .stylistic-alternates, 
.scientific-inferiors, .alternate-registered-sign, .alternate-round-bullet, .alternate-nut-fractions, 
.capital-spacing {
    font-feature-settings: "aalt" var(--aalt), "case" var(--case), "dnom" var(--dnom), 
        "numr" var(--numr), "salt" var(--salt), "sinf" var(--sinf), "ss01" var(--ss01), 
        "ss02" var(--ss02), "ss03" var(--ss03), "cpsp" var(--cpsp);
}

/**
 * Variable axes
 */

/* Initial values for the variable axes */
:root {
    --wght: 400;
    --wdth: 100;
}

/* Classes to apply the variable instances */
.thin {
    --wght: 250;
    --wdth: 100;
}

.regular {
    --wght: 400;
    --wdth: 100;
}

.medium {
    --wght: 500;
    --wdth: 100;
}

.bold {
    --wght: 700;
    --wdth: 100;
}

.extrabold {
    --wght: 800;
    --wdth: 100;
}

.ultra {
    --wght: 900;
    --wdth: 100;
}

.extended-thin {
    --wght: 250;
    --wdth: 140;
}

.extended-ultra {
    --wght: 900;
    --wdth: 140;
}

/* Apply the variable axes set by the classes */
.thin, .regular, .medium, .bold, .extrabold, .ultra, .extended-thin, .extended-ultra {
    font-weight: var(--wght);
    font-stretch: calc(var(--wdth) * 1%);
}