.ft-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.ft-icon--mask {
  background-color: currentColor;
  -webkit-mask: var(--ft-icon) center / contain no-repeat;
  mask: var(--ft-icon) center / contain no-repeat;
}

.ft-icon--spin {
  animation: ft-icon-spin 0.85s linear infinite;
}

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