@supports (font-variation-settings: normal) {
  /* latin */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
      U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.latin-ext.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
      U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* cyrillic */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.cyrillic-ext.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
      U+FE2E-FE2F;
  }
  /* greek */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.greek.woff2") format("woff2");
    unicode-range: U+0370-03FF;
  }
  /* greek-ext */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.greek-ext.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
  }
  /* vietnamese */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.vietnamese.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* sinhala */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.sinhala.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0D82-0DF4, U+200C-200D, U+25CC;
  }
  /* hebrew */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.hebrew.woff2") format("woff2");
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* oriya */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.oriya.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0B01-0B77, U+200C-200D, U+20B9, U+25CC;
  }
  /* malayalam */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.malayalam.woff2") format("woff2");
    unicode-range: U+0307, U+0323, U+0964-0965, U+0D02-0D7F, U+200C-200D, U+20B9,
      U+25CC;
  }
  /* gurmukhi */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.gurmukhi.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0A01-0A75, U+200C-200D, U+20B9, U+25CC, U+262C,
      U+A830-A839;
  }
  /* kannada */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.kannada.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0C82-0CF2, U+200C-200D, U+20B9, U+25CC;
  }
  /* arabic */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.arabic.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
      U+FB50-FDFF, U+FE80-FEFC;
  }
  /* tamil */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.tamil.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
  }
  /* khmer */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.khmer.woff2") format("woff2");
    unicode-range: U+1780-17FF, U+200C, U+25CC;
  }
  /* telugu */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.telugu.woff2") format("woff2");
    unicode-range: U+0951-0952, U+0964-0965, U+0C00-0C7F, U+1CDA, U+200C-200D,
      U+25CC;
  }
  /* bengali */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.bengali.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
  }
  /* thai */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.thai.woff2") format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
  }
  /* devanagari */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.devanagari.woff2") format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
      U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* myanmar */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.myanmar.woff2") format("woff2");
    unicode-range: U+1000-109F, U+200C-200D, U+25CC;
  }
  /* gujarati */
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var.gujarati.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC,
      U+A830-A839;
  }
  /* latin */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
      U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.latin-ext.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
      U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* cyrillic */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.cyrillic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.cyrillic-ext.woff2") format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
      U+FE2E-FE2F;
  }
  /* greek */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.greek.woff2") format("woff2");
    unicode-range: U+0370-03FF;
  }
  /* greek-ext */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.greek-ext.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
  }
  /* vietnamese */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.vietnamese.woff2") format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* sinhala */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.sinhala.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0D82-0DF4, U+200C-200D, U+25CC;
  }
  /* hebrew */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.hebrew.woff2") format("woff2");
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* oriya */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.oriya.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0B01-0B77, U+200C-200D, U+20B9, U+25CC;
  }
  /* malayalam */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.malayalam.woff2") format("woff2");
    unicode-range: U+0307, U+0323, U+0964-0965, U+0D02-0D7F, U+200C-200D, U+20B9,
      U+25CC;
  }
  /* gurmukhi */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.gurmukhi.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0A01-0A75, U+200C-200D, U+20B9, U+25CC, U+262C,
      U+A830-A839;
  }
  /* kannada */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.kannada.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0C82-0CF2, U+200C-200D, U+20B9, U+25CC;
  }
  /* arabic */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.arabic.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
      U+FB50-FDFF, U+FE80-FEFC;
  }
  /* tamil */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.tamil.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
  }
  /* khmer */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.khmer.woff2") format("woff2");
    unicode-range: U+1780-17FF, U+200C, U+25CC;
  }
  /* telugu */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.telugu.woff2") format("woff2");
    unicode-range: U+0951-0952, U+0964-0965, U+0C00-0C7F, U+1CDA, U+200C-200D,
      U+25CC;
  }
  /* bengali */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.bengali.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
  }
  /* thai */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.thai.woff2") format("woff2");
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
  }
  /* devanagari */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.devanagari.woff2") format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
      U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* myanmar */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.myanmar.woff2") format("woff2");
    unicode-range: U+1000-109F, U+200C-200D, U+25CC;
  }
  /* gujarati */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url("LiterataTT_var-Italic.gujarati.woff2") format("woff2");
    unicode-range: U+0964-0965, U+0A80-0AFF, U+200C-200D, U+20B9, U+25CC,
      U+A830-A839;
  }
}

/* Set custom properties for each layout feature */
:root {
  --literata-aalt: "aalt" off;
  --literata-c2sc: "c2sc" off;
  --literata-case: "case" off;
  --literata-dlig: "dlig" off;
  --literata-dnom: "dnom" off;
  --literata-frac: "frac" off;
  --literata-lnum: "lnum" off;
  --literata-numr: "numr" off;
  --literata-onum: "onum" off;
  --literata-ordn: "ordn" off;
  --literata-pnum: "pnum" off;
  --literata-salt: "salt" off;
  --literata-sinf: "sinf" off;
  --literata-smcp: "smcp" off;
  --literata-ss01: "ss01" off;
  --literata-ss02: "ss02" off;
  --literata-subs: "subs" off;
  --literata-sups: "sups" off;
  --literata-tnum: "tnum" off;
  --literata-zero: "zero" off;
  --literata-cpsp: "cpsp" off;
}

/* If class is applied, update custom property and
 apply modern font-variant-* when supported */
.literata-aalt {
  --literata-aalt: "aalt" on;
}

.literata-c2sc {
  --literata-c2sc: "c2sc" on;
}

.literata-case {
  --literata-case: "case" on;
}

.literata-dlig {
  --literata-dlig: "dlig" on;
}

@supports (font-variant-ligatures: discretionary-ligatures) {
  .literata-dlig {
    --literata-dlig: "____";
    font-variant-ligatures: discretionary-ligatures;
  }
}

.literata-dnom {
  --literata-dnom: "dnom" on;
}

.literata-frac {
  --literata-frac: "frac" on;
}

@supports (font-variant-numeric: diagonal-fractions) {
  .literata-frac {
    --literata-frac: "____";
    font-variant-numeric: diagonal-fractions;
  }
}

.literata-lnum {
  --literata-lnum: "lnum" on;
}

@supports (font-variant-numeric: lining-nums) {
  .literata-lnum {
    --literata-lnum: "____";
    font-variant-numeric: lining-nums;
  }
}

.literata-numr {
  --literata-numr: "numr" on;
}

.literata-onum {
  --literata-onum: "onum" on;
}

@supports (font-variant-numeric: oldstyle-nums) {
  .literata-onum {
    --literata-onum: "____";
    font-variant-numeric: oldstyle-nums;
  }
}

.literata-ordn {
  --literata-ordn: "ordn" on;
}

@supports (font-variant-numeric: ordinal) {
  .literata-ordn {
    --literata-ordn: "____";
    font-variant-numeric: ordinal;
  }
}

.literata-pnum {
  --literata-pnum: "pnum" on;
}

@supports (font-variant-numeric: proportional-nums) {
  .literata-pnum {
    --literata-pnum: "____";
    font-variant-numeric: proportional-nums;
  }
}

.literata-salt {
  --literata-salt: "salt" on;
}

.literata-sinf {
  --literata-sinf: "sinf" on;
}

.literata-smcp {
  --literata-smcp: "smcp" on;
}

@supports (font-variant-caps: small-caps) {
  .literata-smcp {
    --literata-smcp: "____";
    font-variant-caps: small-caps;
  }
}

.literata-ss01 {
  --literata-ss01: "ss01" on;
}

.literata-ss02 {
  --literata-ss02: "ss02" on;
}

.literata-subs {
  --literata-subs: "subs" on;
}

@supports (font-variant-position: sub) {
  .literata-subs {
    --literata-subs: "____";
    font-variant-position: sub;
  }
}

.literata-sups {
  --literata-sups: "sups" on;
}

@supports (font-variant-position: super) {
  .literata-sups {
    --literata-sups: "____";
    font-variant-position: super;
  }
}

.literata-tnum {
  --literata-tnum: "tnum" on;
}

@supports (font-variant-numeric: tabular-nums) {
  .literata-tnum {
    --literata-tnum: "____";
    font-variant-numeric: tabular-nums;
  }
}

.literata-zero {
  --literata-zero: "zero" on;
}

@supports (font-variant-numeric: slashed-zero) {
  .literata-zero {
    --literata-zero: "____";
    font-variant-numeric: slashed-zero;
  }
}

.literata-cpsp {
  --literata-cpsp: "cpsp" on;
}

/* Apply current state of all custom properties
 whenever a class is being applied */
.literata-aalt,
.literata-c2sc,
.literata-case,
.literata-dlig,
.literata-dnom,
.literata-frac,
.literata-lnum,
.literata-numr,
.literata-onum,
.literata-ordn,
.literata-pnum,
.literata-salt,
.literata-sinf,
.literata-smcp,
.literata-ss01,
.literata-ss02,
.literata-subs,
.literata-sups,
.literata-tnum,
.literata-zero,
.literata-cpsp {
  font-feature-settings: var(--literata-aalt), var(--literata-c2sc),
    var(--literata-case), var(--literata-dlig), var(--literata-dnom),
    var(--literata-frac), var(--literata-lnum), var(--literata-numr),
    var(--literata-onum), var(--literata-ordn), var(--literata-pnum),
    var(--literata-salt), var(--literata-sinf), var(--literata-smcp),
    var(--literata-ss01), var(--literata-ss02), var(--literata-subs),
    var(--literata-sups), var(--literata-tnum), var(--literata-zero),
    var(--literata-cpsp);
}

/* Variable instances */
.literata-caption {
  font-variation-settings: "wght" 400, "opsz" 7;
}

.literata-caption-medium {
  font-variation-settings: "wght" 500, "opsz" 7;
}

.literata-caption-semibold {
  font-variation-settings: "wght" 600, "opsz" 7;
}

.literata-caption-bold {
  font-variation-settings: "wght" 700, "opsz" 7;
}

.literata-text-light {
  font-variation-settings: "wght" 300, "opsz" 12;
}

.literata-text {
  font-variation-settings: "wght" 400, "opsz" 12;
}

.literata-text-medium {
  font-variation-settings: "wght" 500, "opsz" 12;
}

.literata-text-semibold {
  font-variation-settings: "wght" 600, "opsz" 12;
}

.literata-text-bold {
  font-variation-settings: "wght" 700, "opsz" 12;
}

.literata-text-extrabold {
  font-variation-settings: "wght" 800, "opsz" 12;
}

.literata-subhead-light {
  font-variation-settings: "wght" 300, "opsz" 36;
}

.literata-subhead {
  font-variation-settings: "wght" 400, "opsz" 36;
}

.literata-subhead-medium {
  font-variation-settings: "wght" 500, "opsz" 36;
}

.literata-subhead-semibold {
  font-variation-settings: "wght" 600, "opsz" 36;
}

.literata-subhead-bold {
  font-variation-settings: "wght" 700, "opsz" 36;
}

.literata-subhead-extrabold {
  font-variation-settings: "wght" 800, "opsz" 36;
}

.literata-display-extralight {
  font-variation-settings: "wght" 200, "opsz" 72;
}

.literata-display-light {
  font-variation-settings: "wght" 300, "opsz" 72;
}

.literata-display {
  font-variation-settings: "wght" 400, "opsz" 72;
}

.literata-display-medium {
  font-variation-settings: "wght" 500, "opsz" 72;
}

.literata-display-semibold {
  font-variation-settings: "wght" 600, "opsz" 72;
}

.literata-display-bold {
  font-variation-settings: "wght" 700, "opsz" 72;
}

.literata-display-extrabold {
  font-variation-settings: "wght" 800, "opsz" 72;
}

.literata-display-black {
  font-variation-settings: "wght" 900, "opsz" 72;
}