/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app-loading-styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* For use in src/lib/core/theming/_palette.scss */
.app-loading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.app-loading .logo > IMG {
  height: 150px;
}
.app-loading .logo.bg-img {
  mask-image: url('logo-loading.svg');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url('logo-loading.svg');
  background-color: #fa9100;
  width: 150px;
  height: 150px;
}
.app-loading .spinner {
  height: 300px;
  width: 300px;
  animation: app-loading-keyframes-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.app-loading .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: app-loading-keyframes-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #fa9100;
}
@keyframes app-loading-keyframes-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes app-loading-keyframes-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

/*# sourceMappingURL=app-loading-styles.css.map*/