@font-face {
  font-family: "custom-icon"; /* Project id 4811010 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('@/static/iconfont/iconfont.woff?t=1737016799170') format('woff'),
       url('@/static/iconfont/iconfont.ttf?t=1737016799170') format('truetype'),
       url('@/static/iconfont/iconfont.svg?t=1737016799170#custom-icon') format('svg');
}

.custom-icon {
  font-family: "custom-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &.active {
  	font-size: 20px;
  }
}

.custom-icon-link:before {
  content: "\e601";
}

.custom-icon-moments:before {
  content: "\e6e9";
}

.custom-icon-wechart:before {
  content: "\e665";
}

.custom-icon-view:before {
  content: "\e629";
  background: -webkit-gradient(linear, left bottom, right top, from(#f84a1a), to(#ffa53e));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.custom-icon-collected:before {
  content: "\e66c";
  background: -webkit-gradient(linear, left bottom, right top, from(#f84a1a), to(#ffa53e));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.custom-icon-comment:before {
  content: "\e618";
  background: -webkit-gradient(linear, left bottom, right top, from(#f84a1a), to(#ffa53e));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.custom-icon-collect:before {
  content: "\e600";
}

.custom-icon-all:before {
  content: "\e61b";
}

