/*
========================
OPENTYPE FEATURES
========================
*/



:root {
  
    --ss01: "ss01" off;
  
    --ss02: "ss02" off;
  
    --ss03: "ss03" off;
  
    --ss04: "ss04" off;
  
    --ss05: "ss05" off;
  
    --ss06: "ss06" off;
  
    --ss07: "ss07" off;
  
    --ss08: "ss08" off;
  
    --ss09: "ss09" off;
  
    --ss10: "ss10" off;
  
    --ss11: "ss11" off;
  
    --ss12: "ss12" off;
  
    --ss13: "ss13" off;
  
    --ss14: "ss14" off;
  
    --ss15: "ss15" off;
  
    --ss16: "ss16" off;
  
    --ss17: "ss17" off;
  
    --ss18: "ss18" off;
  
    --ss19: "ss19" off;
  
    --ss20: "ss20" off;
  
    --cv01: "cv01" off;
  
    --cv02: "cv02" off;
  
    --cv03: "cv03" off;
  
    --cv04: "cv04" off;
  
    --cv05: "cv05" off;
  
    --cv06: "cv06" off;
  
    --cv07: "cv07" off;
  
    --cv08: "cv08" off;
  
    --cv09: "cv09" off;
  
    --cv10: "cv10" off;
  
    --calt: "calt" on;
  
    --liga: "liga" off;
  
    --swsh: "swsh" off;
  
    --case: "case" off;
  
    --ordn: "ordn" off;
  
    --frac: "frac" off;
  
    --sups: "sups" off;
  
    --subs: "subs" off;
  
}


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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss01 {
    --ss01: "ss01" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss02 {
    --ss02: "ss02" off;
  }

  .ss03 {
    --ss03: "ss03" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss03 {
    --ss03: "ss03" off;
  }

  .ss04 {
    --ss04: "ss04" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss04 {
    --ss04: "ss04" off;
  }

  .ss05 {
    --ss05: "ss05" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss05 {
    --ss05: "ss05" off;
  }

  .ss06 {
    --ss06: "ss06" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss06 {
    --ss06: "ss06" off;
  }

  .ss07 {
    --ss07: "ss07" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss07 {
    --ss07: "ss07" off;
  }

  .ss08 {
    --ss08: "ss08" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss08 {
    --ss08: "ss08" off;
  }

  .ss09 {
    --ss09: "ss09" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss09 {
    --ss09: "ss09" off;
  }

  .ss10 {
    --ss10: "ss10" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss10 {
    --ss10: "ss10" off;
  }

  .ss11 {
    --ss11: "ss11" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss11 {
    --ss11: "ss11" off;
  }

  .ss12 {
    --ss12: "ss12" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss12 {
    --ss12: "ss12" off;
  }

  .ss13 {
    --ss13: "ss13" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss13 {
    --ss13: "ss13" off;
  }

  .ss14 {
    --ss14: "ss14" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss14 {
    --ss14: "ss14" off;
  }

  .ss15 {
    --ss15: "ss15" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss15 {
    --ss15: "ss15" off;
  }

  .ss16 {
    --ss16: "ss16" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss16 {
    --ss16: "ss16" off;
  }

  .ss17 {
    --ss17: "ss17" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss17 {
    --ss17: "ss17" off;
  }

  .ss18 {
    --ss18: "ss18" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss18 {
    --ss18: "ss18" off;
  }

  .ss19 {
    --ss19: "ss19" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss19 {
    --ss19: "ss19" off;
  }

  .ss20 {
    --ss20: "ss20" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ss20 {
    --ss20: "ss20" off;
  }

  .cv01 {
    --cv01: "cv01" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv01 {
    --cv01: "cv01" off;
  }

  .cv02 {
    --cv02: "cv02" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv02 {
    --cv02: "cv02" off;
  }

  .cv03 {
    --cv03: "cv03" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv03 {
    --cv03: "cv03" off;
  }

  .cv04 {
    --cv04: "cv04" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv04 {
    --cv04: "cv04" off;
  }

  .cv05 {
    --cv05: "cv05" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv05 {
    --cv05: "cv05" off;
  }

  .cv06 {
    --cv06: "cv06" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv06 {
    --cv06: "cv06" off;
  }

  .cv07 {
    --cv07: "cv07" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv07 {
    --cv07: "cv07" off;
  }

  .cv08 {
    --cv08: "cv08" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv08 {
    --cv08: "cv08" off;
  }

  .cv09 {
    --cv09: "cv09" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv09 {
    --cv09: "cv09" off;
  }

  .cv10 {
    --cv10: "cv10" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.cv10 {
    --cv10: "cv10" off;
  }

  .calt {
    --calt: "calt" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.calt {
    --calt: "calt" off;
  }

  .liga {
    --liga: "liga" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.liga {
    --liga: "liga" off;
  }

  .swsh {
    --swsh: "swsh" on;
  }

  .feature-preview-control:not(:checked) ~ .feature-preview .target.swsh {
    --swsh: "swsh" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.case {
    --case: "case" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.ordn {
    --ordn: "ordn" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.frac {
    --frac: "frac" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.sups {
    --sups: "sups" off;
  }

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

  .feature-preview-control:not(:checked) ~ .feature-preview .target.subs {
    --subs: "subs" off;
  }


/* Combine everything together */


  .ss01,

  .ss02,

  .ss03,

  .ss04,

  .ss05,

  .ss06,

  .ss07,

  .ss08,

  .ss09,

  .ss10,

  .ss11,

  .ss12,

  .ss13,

  .ss14,

  .ss15,

  .ss16,

  .ss17,

  .ss18,

  .ss19,

  .ss20,

  .cv01,

  .cv02,

  .cv03,

  .cv04,

  .cv05,

  .cv06,

  .cv07,

  .cv08,

  .cv09,

  .cv10,

  .calt,

  .liga,

  .swsh,

  .case,

  .ordn,

  .frac,

  .sups,

  .subs
 {
  font-feature-settings:
  
    var(--ss01),
  
    var(--ss02),
  
    var(--ss03),
  
    var(--ss04),
  
    var(--ss05),
  
    var(--ss06),
  
    var(--ss07),
  
    var(--ss08),
  
    var(--ss09),
  
    var(--ss10),
  
    var(--ss11),
  
    var(--ss12),
  
    var(--ss13),
  
    var(--ss14),
  
    var(--ss15),
  
    var(--ss16),
  
    var(--ss17),
  
    var(--ss18),
  
    var(--ss19),
  
    var(--ss20),
  
    var(--cv01),
  
    var(--cv02),
  
    var(--cv03),
  
    var(--cv04),
  
    var(--cv05),
  
    var(--cv06),
  
    var(--cv07),
  
    var(--cv08),
  
    var(--cv09),
  
    var(--cv10),
  
    var(--calt),
  
    var(--liga),
  
    var(--swsh),
  
    var(--case),
  
    var(--ordn),
  
    var(--frac),
  
    var(--sups),
  
    var(--subs);
  
}