@import "common/var";

@font-face {
  font-family: "element-icons"; /* Project id 4361313 */
  src: url("#{$--font-path}/element-extra-icons.woff") format("woff"),
    url("#{$--font-path}/element-extra-icons.ttf") format("truetype");
  font-weight: normal;
  font-display: $--font-display;
  font-style: normal;
}

.el-icon-checkbox-checked:before {
  // content: "\e616";
}

.el-icon-checkbox:before {
  // content: "\e617";
}

[class*="el-icon-"] {
  &.animat,
  &.roll {
    display: inline-block;
  }
  &.animat {
    transition: transform 0.25s ease-in-out;
  }
  &.rotate45 {
    transform: rotate(45deg);
  }
  &.rotate90 {
    transform: rotate(90deg);
  }
  &.rotate180 {
    transform: rotate(180deg);
  }
  &.roll {
    animation: rollCircle 1s infinite linear;
  }
}
