@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 {
    height: @icon-with-hover-background-size;
    width: @icon-with-hover-background-size;
    display: flex;
    align-items: center;
    justify-content: center;

    &:hover {
      background-color: @icon-with-hover-background-color;
    }
  }
}

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

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