/* Shared by the React homepage and standalone HTML pages.
 * Original Huawei fonts; see fonts/harmonyos-sans/LICENSE.txt. */
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 250;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/sites/ztn-com-39d28867/shared/fonts/harmonyos-sans/HarmonyOS_Sans_SC_Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --font-harmonyos-sans: "HarmonyOS Sans SC", "HarmonyOS Sans", sans-serif;
  --font-weight-display: 300;
  --font-weight-heading: 400;
  --font-weight-label: 400;
  --font-weight-emphasis: 500;
}

html,
body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--font-harmonyos-sans);
}

/* Captured articles carry inline text styles that do not inherit from body.
 * Keep icon glyphs and their pseudo-elements on their original icon fonts. */
html body [style*="font-family"]:not(.iconfont, .layui-icon, .xm-iconfont, .fa, .star-rating, [class^="revicon-"]),
html body font[face] {
  font-family: var(--font-harmonyos-sans) !important;
}