@import '~antd/es/icon/style/index.less';
@import '../variable.less';

.@{iconfont-css-prefix} {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;

  &-show-hover {
    &:hover {
      background-color: @icon-with-hover-background-color;
      cursor: pointer;
      svg {
        fill: @text-color-primary;
      }
    }
    &:active {
      background-color: @icon-with-active-background-color;
      svg {
        fill: @text-color-primary;
      }
    }
  }
  // &:hover {
  //   background-color: @icon-with-hover-background-color;
  //   cursor: pointer;
  //   svg {
  //     fill: @text-color-primary
  //   }
  // }
  // &:active {
  //   background-color: @icon-with-active-background-color;
  //   svg {
  //     fill: @text-color-primary
  //   }
  // }
}

.@{iconfont-css-prefix} {
  &-loading {
    display: inline-block;
    svg {
      animation: loading 2s infinite linear;
    }
  }
}

@keyframes loading {
  100% {
    transform: rotate(360deg);
  }
}