@font-face {
  font-family: 'On-Icons';
  src:  url('fonts/On-Icons.eot?idlcpf');
  src:  url('fonts/On-Icons.eot?idlcpf#iefix') format('embedded-opentype'),
    url('fonts/On-Icons.ttf?idlcpf') format('truetype'),
    url('fonts/On-Icons.woff?idlcpf') format('woff'),
    url('fonts/On-Icons.svg?idlcpf#On-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="on-icon-"], [class*=" on-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'On-Icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.on-icon-chevron-up:before {
  content: "\e95e";
}
.on-icon-notification-text:before {
  content: "\e95d";
}
.on-icon-menu-02:before {
  content: "\e95c";
}
.on-icon-palette_stroke:before {
  content: "\e95b";
}
.on-icon-code-02:before {
  content: "\e95a";
}
.on-icon-dots-vertical:before {
  content: "\e959";
}
.on-icon-help-circle:before {
  content: "\e958";
}
.on-icon-calendar:before {
  content: "\e953";
}
.on-icon-clock:before {
  content: "\e954";
}
.on-icon-marker-pin-01:before {
  content: "\e955";
}
.on-icon-ticket-01:before {
  content: "\e956";
}
.on-icon-onlogo-outlined:before {
  content: "\e94d";
}
.on-icon-onlogo .path1:before {
  content: "\e94e";
  color: rgb(252, 3, 96);
}
.on-icon-onlogo .path2:before {
  content: "\e94f";
  margin-left: -0.6943359375em;
  color: rgb(252, 3, 96);
}
.on-icon-onlogo .path3:before {
  content: "\e950";
  margin-left: -0.6943359375em;
  color: rgb(252, 199, 0);
}
.on-icon-onlogo .path4:before {
  content: "\e951";
  margin-left: -0.6943359375em;
  color: rgb(175, 1, 64);
}
.on-icon-onlogo .path5:before {
  content: "\e952";
  margin-left: -0.6943359375em;
  color: rgb(255, 142, 37);
}
.on-icon-credit-card-01:before {
  content: "\e94c";
}
.on-icon-dots-horizontal:before {
  content: "\e94b";
}
.on-icon-globe-01:before {
  content: "\e94a";
}
.on-icon-edit-05:before {
  content: "\e943";
}
.on-icon-google-multicolor .path1:before {
  content: "\e93c";
  color: rgb(66, 133, 244);
}
.on-icon-google-multicolor .path2:before {
  content: "\e93d";
  margin-left: -0.98046875em;
  color: rgb(52, 168, 83);
}
.on-icon-google-multicolor .path3:before {
  content: "\e93e";
  margin-left: -0.98046875em;
  color: rgb(251, 188, 5);
}
.on-icon-google-multicolor .path4:before {
  content: "\e93f";
  margin-left: -0.98046875em;
  color: rgb(234, 67, 53);
}
.on-icon-slack-multicolor .path1:before {
  content: "\e938";
  color: rgb(224, 30, 90);
}
.on-icon-slack-multicolor .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(54, 197, 240);
}
.on-icon-slack-multicolor .path3:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(46, 182, 125);
}
.on-icon-slack-multicolor .path4:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(236, 178, 46);
}
.on-icon-arrow-narrow-up-right:before {
  content: "\e946";
}
.on-icon-magic-wand-01:before {
  content: "\e947";
}
.on-icon-settings-04:before {
  content: "\e948";
}
.on-icon-dot:before {
  content: "\e942";
}
.on-icon-dataflow-04:before {
  content: "\e957";
}
.on-icon-book-open:before {
  content: "\e944";
}
.on-icon-external-link:before {
  content: "\e945";
}
.on-icon-list:before {
  content: "\e934";
}
.on-icon-medical-cross:before {
  content: "\e935";
}
.on-icon-star-04:before {
  content: "\e936";
}
.on-icon-tool-01:before {
  content: "\e937";
}
.on-icon-minus-circle:before {
  content: "\e933";
}
.on-icon-play-solid:before {
  content: "\e92b";
}
.on-icon-calendar-date:before {
  content: "\e92c";
}
.on-icon-hash-01:before {
  content: "\e92d";
}
.on-icon-phone:before {
  content: "\e92e";
}
.on-icon-user-square:before {
  content: "\e92f";
}
.on-icon-play:before {
  content: "\e92a";
}
.on-icon-bug:before {
  content: "\e929";
}
.on-icon-user-right-01:before {
  content: "\e928";
}
.on-icon-slash-circle-01:before {
  content: "\e927";
}
.on-icon-log-out-01:before {
  content: "\e926";
}
.on-icon-discord:before {
  content: "\e930";
  color: #7289da;
}
.on-icon-message-chat-circle:before {
  content: "\e925";
}
.on-icon-annotation-alert:before {
  content: "\e922";
}
.on-icon-hourglass-02:before {
  content: "\e923";
}
.on-icon-user-x-01:before {
  content: "\e924";
}
.on-icon-frown:before {
  content: "\e920";
}
.on-icon-moon:before {
  content: "\e921";
}
.on-icon-save:before {
  content: "\e91f";
}
.on-icon-image:before {
  content: "\e91d";
}
.on-icon-trash:before {
  content: "\e91e";
}
.on-icon-mail:before {
  content: "\e91c";
}
.on-icon-upload-cloud:before {
  content: "\e91b";
}
.on-icon-chart-breakout-square:before {
  content: "\e912";
}
.on-icon-chat-bot:before {
  content: "\e913";
}
.on-icon-cpu-chip:before {
  content: "\e914";
}
.on-icon-home-smile:before {
  content: "\e915";
}
.on-icon-marketplace:before {
  content: "\e916";
}
.on-icon-send-02:before {
  content: "\e917";
}
.on-icon-settings:before {
  content: "\e918";
}
.on-icon-users:before {
  content: "\e919";
}
.on-icon-gameon-logo:before {
  content: "\e910";
}
.on-icon-chevron-down:before {
  content: "\e90f";
}
.on-icon-message-square:before {
  content: "\e90c";
}
.on-icon-x:before {
  content: "\e90d";
}
.on-icon-x-circle:before {
  content: "\e90e";
}
.on-icon-check-fancy:before {
  content: "\e900";
}
.on-icon-alert-circle:before {
  content: "\e901";
}
.on-icon-alert-triangle:before {
  content: "\e902";
}
.on-icon-check:before {
  content: "\e903";
}
.on-icon-check-circle:before {
  content: "\e904";
}
.on-icon-plus:before {
  content: "\e905";
}
.on-icon-plus-circle:before {
  content: "\e906";
}
.on-icon-zap:before {
  content: "\e907";
}
.on-icon-chevron-left:before {
  content: "\e908";
}
.on-icon-chevron-right:before {
  content: "\e909";
}
.on-icon-send:before {
  content: "\e90a";
}
.on-icon-user:before {
  content: "\e90b";
}
.on-icon-home:before {
  content: "\e911";
}
.on-icon-facebook:before {
  content: "\e931";
}
.on-icon-slack:before {
  content: "\e932";
}
.on-icon-arrow-left:before {
  content: "\e940";
}
.on-icon-arrow-right:before {
  content: "\e941";
}
.on-icon-copy:before {
  content: "\e949";
}
.on-icon-google:before {
  content: "\e91a";
}