/******** radius *******/
/******** 间隙 *******/
/******** fontSize *******/
/******** 组件尺寸 *******/
/******** z-index *******/
/******** borderSize *******/
/******** borderStyle *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontWeight ********/
/******** Animation *******/
/******** color *******/
/******** diff *******/
/******** icon hover *******/
/******** media *******/
.pnicon.active {
  color: var(--primary-color);
}
.icon-git .tanuki {
  fill: #e24329;
  transition: all 0.8s;
}
.icon-git .tanuki:hover {
  fill: #f1a699;
  transition: all 0.1s;
}
.icon-git .left-cheek,
.icon-git .right-cheek {
  fill: #fc6d26;
  transition: all 0.8s;
}
.icon-git .left-cheek:hover,
.icon-git .right-cheek:hover {
  fill: #fec2a4;
  transition: all 0.1s;
}
.icon-git .chin {
  fill: #fca326;
  transition: all 0.8s;
}
.icon-git .chin:hover {
  fill: #fed8a4;
  transition: all 0.1s;
}
.icon-git .tanuki-shape {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.pd-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;
}
.pd-Icon.active {
  color: var(--primary-color);
}
.pd-Icon-spin {
  animation: loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}