.ti {
  display: inline-block;
  line-height: 1;
  vertical-align: -0.125em;
}

.ti-fw {
  width: 1.25em;
  text-align: center;
}

.ti-lg {
  font-size: 1.25em;
  line-height: 0.8em;
  vertical-align: -0.075em;
}

.ti-2x { font-size: 2em; }
.ti-5x { font-size: 5em; }

.ti-spin {
  animation: hpu-icon-spin 1s linear infinite;
}

@keyframes hpu-icon-spin {
  to { transform: rotate(360deg); }
}