/** AUTO-GENERATED by @paython/angular-utils   */

@font-face {
  font-family: "OpenngIconsSubset";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("/sub-openngicons.woff2") format("woff2");
}

.pi {
  font-family: "OpenngIconsSubset";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pi-bars:before {
  content: "\e91d";
}

.pi-check-circle:before {
  content: "\e90a";
}

.pi-cog:before {
  content: "\e94a";
}

.pi-graduation-cap:before {
  content: "\ea34";
}

.pi-list:before {
  content: "\e967";
}

.pi-lock:before {
  content: "\e95f";
}

.pi-pause:before {
  content: "\e9b2";
}

.pi-pencil:before {
  content: "\e942";
}

.pi-play:before {
  content: "\e9b3";
}

.pi-search:before {
  content: "\e908";
}

.pi-shield:before {
  content: "\e9b9";
}

.pi-sign-out:before {
  content: "\e971";
}

.pi-times:before {
  content: "\e90b";
}

.pi-times-circle:before {
  content: "\e90c";
}

.pi-trash:before {
  content: "\e93d";
}

.pi-user:before {
  content: "\e939";
}

.pi-user-plus:before {
  content: "\e93f";
}

.pi-users:before {
  content: "\e941";
}

.pi-volume-off:before {
  content: "\e978";
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
.pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}