@font-face {
  font-family: 'notenumbers';
  src:
    url('../font/notenumbers.ttf?fci8ag') format('truetype'),
    url('../font/notenumbers.woff?fci8ag') format('woff'),
    url('../font/notenumbers.svg?fci8ag#notenumbers') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.numbericon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'notenumbers' !important;
  speak: never;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.numbericon-number1:before {
  content: "\e9c2";
}
.numbericon-number2:before {
  content: "\e9c3";
}
.numbericon-number3:before {
  content: "\e9c4";
}
.numbericon-number4:before {
  content: "\e9c5";
}
.numbericon-number5:before {
  content: "\e9c6";
}
.numbericon-number6:before {
  content: "\e9c7";
}
.numbericon-number7:before {
  content: "\e9c8";
}
.numbericon-number8:before {
  content: "\e9c9";
}
.numbericon-number9:before {
  content: "\e9ca";
}
.numbericon-number10:before {
  content: "\e9cb";
}
.numbericon-number11:before {
  content: "\e9cd";
}
.numbericon-number12:before {
  content: "\e9ce";
}
.numbericon-number13:before {
  content: "\e9cf";
}
.numbericon-number14:before {
  content: "\e9d0";
}
.numbericon-number15:before {
  content: "\e9d1";
}
.numbericon-number16:before {
  content: "\e9d2";
}
.numbericon-number17:before {
  content: "\e9d3";
}
.numbericon-number18:before {
  content: "\e9d4";
}
.numbericon-number19:before {
  content: "\e9d5";
}
.numbericon-number20:before {
  content: "\e9d6";
}
.numbericon-number21:before {
  content: "\e9d7";
}
.numbericon-number22:before {
  content: "\e9d8";
}
.numbericon-number23:before {
  content: "\e9d9";
}
.numbericon-number24:before {
  content: "\e9da";
}
.numbericon-number25:before {
  content: "\e9db";
}
.numbericon-number26:before {
  content: "\e9dc";
}
.numbericon-number27:before {
  content: "\e9dd";
}
.numbericon-number28:before {
  content: "\e9de";
}
.numbericon-number29:before {
  content: "\e9df";
}
.numbericon-number30:before {
  content: "\e9e0";
}
.numbericon-number31:before {
  content: "\e9e1";
}
.numbericon-number32:before {
  content: "\e9e2";
}
.numbericon-number33:before {
  content: "\e9e3";
}
.numbericon-number34:before {
  content: "\e9e4";
}
.numbericon-number35:before {
  content: "\e9e5";
}
.numbericon-number36:before {
  content: "\e9e6";
}
.numbericon-number37:before {
  content: "\e9e7";
}
.numbericon-number38:before {
  content: "\e9e8";
}
.numbericon-number39:before {
  content: "\e9e9";
}
.numbericon-number40:before {
  content: "\e9ea";
}
.numbericon-number41:before {
  content: "\e9eb";
}
.numbericon-number42:before {
  content: "\e9ec";
}
.numbericon-number43:before {
  content: "\e9ed";
}
.numbericon-number44:before {
  content: "\e9ee";
}
.numbericon-number45:before {
  content: "\e9ef";
}
.numbericon-number46:before {
  content: "\e9f0";
}
.numbericon-number47:before {
  content: "\e9f1";
}
.numbericon-number48:before {
  content: "\e9f2";
}
.numbericon-number49:before {
  content: "\e9f3";
}
.numbericon-number50:before {
  content: "\e9f4";
}