.aixzd-navigation-loader {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  transform: translateZ(0);
  transition: opacity 180ms ease;
}

.aixzd-navigation-loader::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #999;
  box-shadow: none;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 850ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dark .aixzd-navigation-loader::before {
  background: #999;
  box-shadow: none;
}

.aixzd-navigation-loader.is-active {
  opacity: 1;
}

.aixzd-navigation-loader.is-active::before {
  transform: scaleX(0.86);
}

.aixzd-navigation-loader.is-finishing::before {
  transform: scaleX(1);
  transition-duration: 180ms;
}