@import './token.less';
.pnicon {
  &.active {
    color: var(--primary-color);
  }
}

// gitLab图表svg样式
.icon-git {
  .tanuki {
    fill: #e24329;
    transition: all 0.8s;
    &:hover {
      fill: #f1a699;
      transition: all 0.1s;
    }
  }

  .left-cheek,
  .right-cheek {
    fill: #fc6d26;
    transition: all 0.8s;
    &:hover {
      fill: #fec2a4;
      transition: all 0.1s;
    }
  }
  .chin {
    fill: #fca326;
    transition: all 0.8s;
    &:hover {
      fill: #fed8a4;
      transition: all 0.1s;
    }
  }
  .tanuki-shape {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
  }
}

.@{prefix}-Icon{
  width: 1em;
  height: 1em;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

  // svg{
  //   display: inline-block;
  // }
  &.active{
    color: var(--primary-color);
  }
  &-spin {
    animation: loading-circle @animation-duration-loading infinite @ease-base-linear;
  }
}