/* Mobile font faces: Montserrat is the default font for the English site. */

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-semi-bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("https://store.hiwonder.com.cn/mobile/fonts/en/montserrat-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --mobile-font-family: "Montserrat", Arial, Helvetica, sans-serif;
  --mobile-latin-font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

body {
  font-family: var(--mobile-font-family);
}

body button,
body input,
body select,
body textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.font-montserrat,
.font-en,
[data-font="montserrat"] {
  font-family: var(--mobile-latin-font-family);
}