@font-face {
  font-family: 'msi-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-msi-"], [class*=" icon-msi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'msi-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-msi-user:before {
  content: "\f033";
}
.icon-msi-gift:before {
  content: "\f027";
}
.icon-msi-download2:before {
  content: "\f022";
}