.app-navigation-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 2147483647;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}

.app-navigation-progress.is-active { opacity: 1; }
.app-navigation-progress > span {
  display: block;
  width: 0;
  height: 100%;
  background: #087e77;
  box-shadow: 0 0 8px #12b8a7;
  transition: width .24s ease;
}

html[data-theme="dark"] .app-navigation-progress > span {
  background: #43e2d0;
  box-shadow: 0 0 10px #43e2d0;
}