[class].style1,
[class].placeholderStyle1::placeholder {
  font-size: var(--x-pp-style1-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style1-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style1-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style1-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style1-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style1-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style2,
[class].placeholderStyle2::placeholder {
  font-size: var(--x-pp-style2-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style2-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style2-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style2-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style2-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style2-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style3,
[class].placeholderStyle3::placeholder {
  font-size: var(--x-pp-style3-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style3-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style3-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style3-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style3-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style3-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style4,
[class].placeholderStyle4::placeholder {
  font-size: var(--x-pp-style4-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style4-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style4-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style4-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style4-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style4-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style5,
[class].placeholderStyle5::placeholder {
  font-size: var(--x-pp-style5-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style5-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style5-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style5-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style5-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style5-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style6,
[class].placeholderStyle6::placeholder {
  font-size: var(--x-pp-style6-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style6-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style6-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style6-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style6-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style6-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style7,
[class].placeholderStyle7::placeholder {
  font-size: var(--x-pp-style7-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style7-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style7-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style7-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style7-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style7-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style8,
[class].placeholderStyle8::placeholder {
  font-size: var(--x-pp-style8-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style8-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style8-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style8-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style8-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style8-typography-kerning,
    var(--this-letter-spacing)
  );
}

[class].style9,
[class].placeholderStyle9::placeholder {
  font-size: var(--x-pp-style9-typography-size, var(--this-font-size));
  text-transform: var(
    --x-pp-style9-typography-case,
    var(--this-text-transform)
  );
  font-family: var(--x-pp-style9-typography-fonts, var(--this-font-family));
  font-weight: var(--x-pp-style9-typography-weight, var(--this-font-weight));
  line-height: var(--x-pp-style9-typography-line-size, var(--this-line-height));
  letter-spacing: var(
    --x-pp-style9-typography-kerning,
    var(--this-letter-spacing)
  );
}