:root{
  --qaly-page-transition-out:100ms;
  --qaly-page-transition-in:190ms;
  --qaly-page-transition-ease:cubic-bezier(.22,1,.36,1);
}

html.qaly-page-enter body{
  animation:qaly-page-enter var(--qaly-page-transition-in) var(--qaly-page-transition-ease) both;
}

html.qaly-page-leave body{
  opacity:.82;
  pointer-events:none;
  transition:opacity var(--qaly-page-transition-out) ease-out;
}

html.qaly-page-leave::after{
  content:"";
  position:fixed;
  z-index:2147483647;
  top:0;
  left:0;
  width:100%;
  height:3px;
  transform-origin:left center;
  background:linear-gradient(90deg,#42c7cb,#6e61ff 58%,#ff7c66);
  box-shadow:0 1px 10px rgba(110,97,255,.32);
  animation:qaly-page-progress var(--qaly-page-transition-out) ease-out both;
  pointer-events:none;
}

@keyframes qaly-page-enter{
  from{opacity:.72}
  to{opacity:1}
}

@keyframes qaly-page-progress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@media (prefers-reduced-motion:reduce){
  html.qaly-page-enter body{
    animation:none;
  }

  html.qaly-page-leave body{
    opacity:1;
    transition:none;
  }

  html.qaly-page-leave::after{
    display:none;
  }
}