@import '../../styles-new/default.less';

.im-icon {
  fill: currentColor;
  background-size: cover;
  width: @icon-size-md;
  height: @icon-size-md;

  &-m {
    width: @icon-size-m;
    height: @icon-size-m;
  }

  &-xxs {
    width: @icon-size-xxs;
    height: @icon-size-xxs;
  }

  &-xs {
    width: @icon-size-xs;
    height: @icon-size-xs;
  }

  &-sm {
    width: @icon-size-sm;
    height: @icon-size-sm;
  }

  &-md {
    width: 25px;
    height:25px;
  }

  &-lg {
    width: @icon-size-lg;
    height: @icon-size-lg;
  }

  &-loading {
    animation: cirle-anim 1s linear infinite;
  }
  &-newloading{
    width: 30px;
    height: 30px;
    // animation: cirle-anim 1.5s linear infinite;
  }

  @keyframes cirle-anim {
    100% {
      transform: rotate(360deg);
    }
  }
}