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

[class^="el-icon-j-"], [class*=" el-icon-j-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jellies-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;
}

// Hardening (hand-added — keep across icomoon re-exports): `el-icon-j-*` shares the `el-icon-` prefix,
// so element's `[class^="el-icon-"]{font-family:element-icons!important}` matches it at EQUAL specificity
// + !important, letting load order alone decide (and break if element's icon rules load after these).
// Double the attribute selector to win by specificity instead — independent of bundler load order.
[class^="el-icon-j-"][class^="el-icon-j-"],
[class*=" el-icon-j-"][class*=" el-icon-j-"] {
  font-family: 'jellies-icons' !important;
}

/// Icon definition start
.el-icon-j-calendar:before {
  content: "\e900";
}
.el-icon-j-loading:before {
  content: "\e901";
}
.el-icon-j-arrow-right:before {
  content: "\e902";
}
.el-icon-j-arrow-left:before {
  content: "\e903";
}
.el-icon-j-arrow-up:before {
  content: "\e904";
}
.el-icon-j-angle-right:before {
  content: "\e905";
}
.el-icon-j-angle-up:before {
  content: "\e906";
}
.el-icon-j-angle-down:before {
  content: "\e907";
}
.el-icon-j-double-angle-up:before {
  content: "\e908";
}
.el-icon-j-bars:before {
  content: "\e909";
}
.el-icon-j-double-angle-down:before {
  content: "\e90a";
}
.el-icon-j-double-angle-right:before {
  content: "\e90b";
}
.el-icon-j-double-angle-left:before {
  content: "\e90c";
}
.el-icon-j-angle-left:before {
  content: "\e90d";
}
.el-icon-j-check-o:before {
  content: "\e90e";
}
.el-icon-j-times-o:before {
  content: "\e90f";
}
.el-icon-j-check-circle:before {
  content: "\e910";
}
.el-icon-j-times-circle:before {
  content: "\e911";
}
.el-icon-j-question:before {
  content: "\e912";
}
.el-icon-j-drag-bar-horizontal:before {
  content: "\e913";
}
.el-icon-j-drag-bar-vertical:before {
  content: "\e914";
}
.el-icon-j-heart-broken:before {
  content: "\e915";
}
.el-icon-j-star:before {
  content: "\e916";
}
.el-icon-j-heart:before {
  content: "\e917";
}
.el-icon-j-home:before {
  content: "\e918";
}
.el-icon-j-user-graduate:before {
  content: "\e919";
}
.el-icon-j-user-admin:before {
  content: "\e91a";
}
.el-icon-j-user:before {
  content: "\e91b";
}
.el-icon-j-bell:before {
  content: "\e91c";
}
.el-icon-j-save:before {
  content: "\e91d";
}
.el-icon-j-comment:before {
  content: "\e91e";
}
.el-icon-j-sound-mute:before {
  content: "\e91f";
}
.el-icon-j-sound-up:before {
  content: "\e920";
}
.el-icon-j-video:before {
  content: "\e921";
}
.el-icon-j-check-square:before {
  content: "\e922";
}
.el-icon-j-times-square:before {
  content: "\e923";
}
.el-icon-j-shrink-square:before {
  content: "\e924";
}
.el-icon-j-expand-square:before {
  content: "\e925";
}
.el-icon-j-info:before {
  content: "\e926";
}
.el-icon-j-warning:before {
  content: "\e927";
}
.el-icon-j-question-circle:before {
  content: "\e928";
}
.el-icon-j-info-circle:before {
  content: "\e929";
}
.el-icon-j-warning-circle:before {
  content: "\e92a";
}
.el-icon-j-gear:before {
  content: "\e92b";
}
.el-icon-j-code-submit:before {
  content: "\e92c";
}
.el-icon-j-clock:before {
  content: "\e92d";
}
.el-icon-j-caret-left:before {
  content: "\e92e";
}
.el-icon-j-caret-up:before {
  content: "\e92f";
}
.el-icon-j-pause:before {
  content: "\e930";
}
.el-icon-j-backward:before {
  content: "\e931";
}
.el-icon-j-fast-backward:before {
  content: "\e932";
}
.el-icon-j-fast-forward:before {
  content: "\e933";
}
.el-icon-j-forward:before {
  content: "\e934";
}
.el-icon-j-replay:before {
  content: "\e935";
}
.el-icon-j-play:before {
  content: "\e936";
}
.el-icon-j-caret-right:before {
  content: "\e937";
}
.el-icon-j-caret-down:before {
  content: "\e938";
}
.el-icon-j-reconnect:before {
  content: "\e939";
}
.el-icon-j-shrink:before {
  content: "\e93a";
}
.el-icon-j-enlarge:before {
  content: "\e93b";
}
.el-icon-j-check:before {
  content: "\e93c";
}
.el-icon-j-more:before {
  content: "\e93d";
}
.el-icon-j-minus:before {
  content: "\e93e";
}
.el-icon-j-plus:before {
  content: "\e93f";
}
.el-icon-j-times:before {
  content: "\e940";
}
.el-icon-j-arrow-down:before {
  content: "\e941";
}
.el-icon-j-memory:before {
  content: "\e942";
}
.el-icon-j-face:before {
  content: "\e943";
}
.el-icon-j-lock:before {
  content: "\e944";
}
.el-icon-j-unlock:before {
  content: "\e945";
}
.el-icon-j-dot:before {
  content: "\e946";
}
.el-icon-j-play-circle:before {
  content: "\e947";
}
.el-icon-j-play-o:before {
  content: "\e948";
}
.el-icon-j-microphone:before {
  content: "\e949";
}
.el-icon-j-microphone-mute:before {
  content: "\e94a";
}
.el-icon-j-pause-circle:before {
  content: "\e94b";
}
.el-icon-j-pause-o:before {
  content: "\e94c";
}
.el-icon-j-replay-circle:before {
  content: "\e94d";
}
.el-icon-j-replay-o:before {
  content: "\e94e";
}
.el-icon-j-code-download:before {
  content: "\e94f";
}
.el-icon-j-picture-out:before {
  content: "\e950";
}
.el-icon-j-picture-in:before {
  content: "\e951";
}
.el-icon-j-switch-window:before {
  content: "\e952";
}
.el-icon-j-camera:before {
  content: "\e953";
}
.el-icon-j-camera-off:before {
  content: "\e954";
}
.el-icon-j-computer-add:before {
  content: "\e955";
}
.el-icon-j-clock-off:before {
  content: "\e956";
}
.el-icon-j-hand-up-off:before {
  content: "\e957";
}
.el-icon-j-hand-up-on:before {
  content: "\e958";
}
.el-icon-j-practice-off:before {
  content: "\e959";
}
.el-icon-j-practice:before {
  content: "\e95a";
}
.el-icon-j-hand-up:before {
  content: "\e95b";
}
.el-icon-j-assignment:before {
  content: "\e95c";
}
.el-icon-j-inspect-code:before {
  content: "\e95d";
}
.el-icon-j-pen:before {
  content: "\e95e";
}
.el-icon-j-book:before {
  content: "\e95f";
}
.el-icon-j-file-circle:before {
  content: "\e960";
}
.el-icon-j-file-o:before {
  content: "\e961";
}
.el-icon-j-video-circle:before {
  content: "\e962";
}
.el-icon-j-video-o:before {
  content: "\e963";
}
.el-icon-j-book-circle:before {
  content: "\e964";
}
.el-icon-j-book-o:before {
  content: "\e965";
}
.el-icon-j-input-circle:before {
  content: "\e966";
}
.el-icon-j-input-o:before {
  content: "\e967";
}
.el-icon-j-visualization-circle:before {
  content: "\e968";
}
.el-icon-j-visualization-o:before {
  content: "\e969";
}
.el-icon-j-terminal-circle:before {
  content: "\e96a";
}
.el-icon-j-terminal-o:before {
  content: "\e96b";
}
.el-icon-j-gears-circle:before {
  content: "\e96c";
}
.el-icon-j-gears-o:before {
  content: "\e96d";
}
.el-icon-j-code-circle:before {
  content: "\e96e";
}
.el-icon-j-code-o:before {
  content: "\e96f";
}
.el-icon-j-exchange-circle:before {
  content: "\e970";
}
.el-icon-j-exchange-o:before {
  content: "\e971";
}
.el-icon-j-gear-circle:before {
  content: "\e972";
}
.el-icon-j-gear-o:before {
  content: "\e973";
}
.el-icon-j-order-circle:before {
  content: "\e974";
}
.el-icon-j-order-o:before {
  content: "\e975";
}
.el-icon-j-slides-circle:before {
  content: "\e976";
}
.el-icon-j-slides-o:before {
  content: "\e977";
}
.el-icon-j-graph-circle:before {
  content: "\e978";
}
.el-icon-j-graph-o:before {
  content: "\e979";
}
.el-icon-j-keyboard-off:before {
  content: "\e97a";
}
.el-icon-j-keyboard:before {
  content: "\e97b";
}
.el-icon-j-key-circle:before {
  content: "\e97c";
}
.el-icon-j-key-o:before {
  content: "\e97d";
}
.el-icon-j-comment-circle:before {
  content: "\e97e";
}
.el-icon-j-comment-o:before {
  content: "\e97f";
}
.el-icon-j-file:before {
  content: "\e980";
}
.el-icon-j-input:before {
  content: "\e981";
}
.el-icon-j-visualization:before {
  content: "\e982";
}
.el-icon-j-terminal:before {
  content: "\e983";
}
.el-icon-j-gears:before {
  content: "\e984";
}
.el-icon-j-code:before {
  content: "\e985";
}
.el-icon-j-exchange:before {
  content: "\e986";
}
.el-icon-j-order:before {
  content: "\e987";
}
.el-icon-j-slides:before {
  content: "\e988";
}
.el-icon-j-graph:before {
  content: "\e989";
}
.el-icon-j-key:before {
  content: "\e98a";
}
.el-icon-j-clock-o:before {
  content: "\e98b";
}
.el-icon-j-star-bordered:before {
  content: "\e98c";
}
/// Icon definition end

.el-icon-j-loading {
  animation: rotating 2s linear infinite;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}