html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: 'QualcommNext', Arial, Sans-Serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

body:lang(zh-cn) {
  font-family: 'QualcommNext', SimHei, Hei, Arial, Sans-Serif;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

/* .user-is-tabbing class is added on tab navigation (see client/initial-render.js) - when this class isn't present, remove focus outlines */
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) video:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

input {
  font-family: 'QualcommNext', Arial, Sans-Serif;
}
input:lang(zh-cn) {
  font-family: 'QualcommNext', SimHei, Hei, Arial, Sans-Serif;
}

@font-face {
  font-family: 'QualcommNext';
  font-style: normal;
  font-weight: 200;
  src: local('QualcommNext Thin'),
    url('/react/fonts/QualcommNext-Thin.woff') format('woff'),
    url('/react/fonts/QualcommNext-Thin.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'QualcommNext';
  font-style: normal;
  font-weight: 400;
  src: local('QualcommNext Regular'),
    url('/react/fonts/QualcommNext-Regular.woff') format('woff'),
    url('/react/fonts/QualcommNext-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'QualcommNext';
  font-style: normal;
  font-weight: 600;
  src: local('QualcommNext Medium'), 
    url('/react/fonts/QualcommNext-Medium.woff') format('woff'),
    url('/react/fonts/QualcommNext-Medium.ttf') format('truetype');
  font-display: swap;
}