@light-disabled-icon-color: #b2b2b2;
@dark-disabled-icon-color: #808596;

.iconfont-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  .iconStyle({
    line-height: normal;
    &.iconfont-disabled {
      cursor: not-allowed;
      color: @light-disabled-icon-color;
      .skin-dark & {
        color: @dark-disabled-icon-color;
      }
    }
  });
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.iconfont-box-loading {
  animation: loading 1s infinite linear;
  pointer-events: none;
  will-change: transform;
}