.mc-icon-loading {
  animation: rotating 1s linear infinite;
}

@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.mc-icon {
  --color: inherit;
  display: inline-flex;
  height: 1em;
  width: 1em;
  line-height: 1em;
  vertical-align: middle;
  justify-content: center;
  position: relative;
  color: var(--color);
  fill: currentColor;
}
.mc-icon.is-loading {
  animation: rotating 1s linear infinite;
}

.mc-icon svg {
  height: 1em;
  width: 1em;
}