@import "common/var";

@font-face {
  font-family: 'magic-icons';
  src: url('#{$--magic-font-path}/iconfont.woff') format('woff'), /* chrome, firefox */
       url('#{$--magic-font-path}/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: $--font-display;
  font-style: normal;
}


[class^="magic-icon-"], [class*=" magic-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'magic-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.magic-icon-drag:before {
  content: "\e6c4";
}

.magic-icon-shuxian:before {
  content: "\e638";
}

.magic-icon-icon-test:before {
  content: "\e679";
}

.magic-icon-icon-test1:before {
  content: "\e67a";
}

.magic-icon-icon-test2:before {
  content: "\e686";
}

.magic-icon-icon-test3:before {
  content: "\e614";
}

.magic-icon-icon-test4:before {
  content: "\e616";
}

.magic-icon-icon-test5:before {
  content: "\e617";
}

.magic-icon-zhankai:before {
  content: "\e615";
}

.magic-icon-shouhui:before {
  content: "\e618";
}