@font-face {
	font-family: "PlexSans";
	src: url("Plex-Sans-Var-Roman.woff2");
	font-weight: 100 700;
	font-style: normal;
	font-stretch: 85% 100%;
}

@font-face {
	font-family: "PlexSans";
	src: url("Plex-Sans-Var-Italic.woff2");
	font-weight: 100 700;
	font-style: italic;
	font-stretch: 85% 100%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*
 * OpenType Layout Features
 */

/* Initial values for the layout features */
:root {
	/* frac Fractions */
	/* liga Standard Ligatures On by default */
	/* lnum Lining Figures */
	/* onum Oldstyle Figures */
	/* ordn Ordinals */
	/* zero Slashed Zero */
	/* subs Subscript */

	--aalt: off;	/* aalt Access All Alternates */
	--dnom: off;	/* dnom Denominators */
	--numr: off;	/* numr Numerators */
	--salt: off;	/* salt Stylistic Alternates */
	--sinf: off;	/* sinf Scientific Inferiors */
	--ss01: off;	/* ss01 simple lowercase a */
	--ss02: off;	/* ss02 simple lowercase g */
	--ss03: off;	/* ss03 slashed number zero */
	--ss04: off;	/* ss04 dotted number zero */
	--ss05: off;	/* ss05 alternate lowercase eszett */
	--ss06: off;	/* ss06 Bulgarian Cyrillic forms */

	--kern: on;		/* kern Kerning On by default */

	/* Required layout features */
	--ccmp: on; 	/* ccmp Glyph Composition / Decomposition */
	--locl: on; 	/* locl Localized Forms */
	--rvrn: on; 	/* rvrn Required Variation Alternates */
	--mark: on; 	/* mark Mark Positioning */
}

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

.glyph-composition--decomposition {
	--ccmp: off; /* Note! This turns the feature off! */
}

.denominators {
	--dnom: on;
}

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

.standard-ligatures {
	font-variant-ligatures: common-ligatures;
}

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

.localized-forms {
	--locl: off; /* Note! This turns the feature off! */
}

.numerators {
	--numr: on;
}

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

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

.required-variation-alternates {
	--rvrn: off; /* Note! This turns the feature off! */
}

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

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

.simple-lowercase-a {
	--ss01: on;
}

.simple-lowercase-g {
	--ss02: on;
}

.slashed-number-zero {
	--ss03: on;
}

.dotted-number-zero {
	--ss04: on;
}

.alternate-lowercase-eszett {
	--ss05: on;
}

.bulgarian-cyrillic-forms {
	--ss06: on;
}

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

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

.slashed-zero {
	font-variant-numeric: slashed-zero;
}

.kerning {
	--kern: off; /* Note! This turns the feature off! */
}

.mark-positioning {
	--mark: off; /* Note! This turns the feature off! */
}

/* Apply the layout features set by the classes */
.access-all-alternates, .glyph-composition--decomposition, .denominators, .localized-forms, 
.numerators, .required-variation-alternates, .stylistic-alternates, .scientific-inferiors, 
.simple-lowercase-a, .simple-lowercase-g, .slashed-number-zero, .dotted-number-zero, 
.alternate-lowercase-eszett, .bulgarian-cyrillic-forms, .kerning, .mark-positioning {
	font-feature-settings: "aalt" var(--aalt), "ccmp" var(--ccmp), "dnom" var(--dnom), 
		"locl" var(--locl), "numr" var(--numr), "rvrn" var(--rvrn), "salt" var(--salt), 
		"sinf" var(--sinf), "ss01" var(--ss01), "ss02" var(--ss02), "ss03" var(--ss03), 
		"ss04" var(--ss04), "ss05" var(--ss05), "ss06" var(--ss06), "kern" var(--kern), 
		"mark" var(--mark);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*
 * Variable axes
 */

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

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

.extralight {
	--wght: 200;
	--wdth: 100;
}

.light {
	--wght: 300;
	--wdth: 100;
}

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

.text {
	--wght: 450;
	--wdth: 100;
}

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

.semibold {
	--wght: 600;
	--wdth: 100;
}

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

.thin-condensed {
	--wght: 100;
	--wdth: 85;
}

.extralight-condensed {
	--wght: 200;
	--wdth: 85;
}

.light-condensed {
	--wght: 300;
	--wdth: 85;
}

.condensed {
	--wght: 400;
	--wdth: 85;
}

.text-condensed {
	--wght: 450;
	--wdth: 85;
}

.medium-condensed {
	--wght: 500;
	--wdth: 85;
}

.semibold-condensed {
	--wght: 600;
	--wdth: 85;
}

.bold-condensed {
	--wght: 700;
	--wdth: 85;
}

/* Apply the variable axes set by the classes */
.thin, .extralight, .light, .regular, .text, .medium, .semibold, .bold, .thin-condensed, 
.extralight-condensed, .light-condensed, .condensed, .text-condensed, .medium-condensed, 
.semibold-condensed, .bold-condensed {
	font-weight: var(--wght);
	font-stretch: calc(var(--wdth) * 1%);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


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