<%=
grunt.file.read('node_modules/font-awesome/css/font-awesome.css').match(/\/\*\![^]*?\*\//)[0]
%>

@font-face {
  font-family: FontAwesome;
  src: url('data:application/font-woff;base64,<%= grunt.file.read('node_modules/font-awesome/fonts/fontawesome-webfont.woff', {encoding: 'base64'}) %>') format('woff');
  font-weight: 400;
  font-style: normal;
}
.fa::before {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  speak: none;
  display: inline-block;
  font-size: 13px;
  visibility: visible;
}

:root:not(.shortcut-icons) #shortcuts .fa::before {
  display: none;
}
:root.shortcut-icons #shortcuts .fa::before {
  font-size: 15px !important;
  margin-top: -3px !important;
  position: relative;
  top: 1px;
}
:root.shortcut-icons #shortcuts .fa, .menu-button .fa {
  font-size: 0;
  visibility: hidden;
}
:root.shortcut-icons .shortcut.brackets-wrap::after,
:root.shortcut-icons .shortcut.brackets-wrap::before {
  display: none;
}
:root.shortcut-icons #shortcuts a .fa,
.menu-button .fa,
.hide-reply-button .fa,
.hide-thread-button .fa {
  display: inline;
}

<%=
grunt.file.read('node_modules/font-awesome/css/font-awesome.css').match(/\.fa-glass:[^]*/)[0].replace(/([,{;])\s+/g, '$1').replace(/,/g, ', ')
%>

.fa-spin::before {
  -webkit-animation:spin 2s infinite linear;
  -moz-animation:spin 2s infinite linear;
  -o-animation:spin 2s infinite linear;
  animation:spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {-moz-transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);}
}
@-webkit-keyframes spin {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(359deg);}
}
@keyframes spin {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(359deg);}
}
