@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
pragma-action-icon, pragma-action-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}

pragma-action-icon {
  will-change: opacity;
}

pragma-action-icon[state=busy] {
  animation: rotating 1s linear infinite;
}

pragma-action-icon[state=done], pragma-action-icon[state=error] {
  animation: hide 0.5s linear 2s;
}

pragma-action-icon.vis-loading {
  position: absolute;
  top: calc(25% - 12px);
  left: 50%;
}

pragma-action-icon.vis-loading svg {
  transform: scale(1.5);
}