@font-face {
  font-family: 'StateFaceRegular';
  font-style: normal;
  font-weight: normal;
  src: url('/%libraries%/webfont/stateface-regular-webfont.eot');
  src: url('/%libraries%/webfont/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/%libraries%/webfont/stateface-regular-webfont.woff') format('woff'), url('/%libraries%/webfont/stateface-regular-webfont.ttf') format('truetype'), url('/%libraries%/webfont/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
}

[class^="stateface-"]:before {
  font-family: StateFaceRegular;
}

.stateface:before {
  font-family: StateFaceRegular;
  margin-right: 5px;
}

.stateface-replace {
  display: inline-block;
  min-width: 1em;
  position: relative;
  text-indent: -999em;
}

.stateface-replace:before {
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
