/* base class */
.icon {
  display: inline-block;
  font: normal normal normal 1em/1 'Softanic';
  color: inherit;
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* size examples - absolute units */
.icon-xs, .icon-12 {
	font-size: 0.75rem !important;
}
.icon-sm, .icon-14 {
	font-size: 0.875rem !important;
}
.icon-md, .icon-16 {
	font-size: 1rem !important;
}
.icon-lg, .icon-20 {
	font-size: 1.25rem !important;
}
.icon-xl, .icon-24 {
	font-size: 1.5rem !important;
}
.icon-2xl, .icon-28 {
	font-size: 1.75rem !important;
}


/* rotate the icon infinitely */
.icon-is-spinning {
  animation: icon-spin 2s infinite linear;
}

@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* transform */
.icon-rotate-90  {
	transform: rotate(90deg);
}

.icon-rotate-180 {
	transform: rotate(180deg);
}

.icon-rotate-270 {
	transform: rotate(270deg);
}

.icon-flip-y {
	transform: scaleY(-1);
}

.icon-flip-x {
	transform: scaleX(-1);
}