/* Fade transition for container */
.ida-transition-fade { transition: opacity .35s ease; }
html.is-animating .ida-transition-fade { opacity: 0.1; }

/* Top loading bar */
#ida-snav-topbar{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(19,78,179,1) 0%, rgba(245,197,24,1) 100%);
  transform: translateX(-100%);
  transition: transform .4s ease, opacity .2s ease;
  z-index: 99999;
  opacity: 0;
}
#ida-snav-topbar.active{
  transform: translateX(0);
  animation: ida-snav-progress 1.2s ease-in-out infinite;
}
@keyframes ida-snav-progress {
  0% { transform: translateX(-100%); }
  50% { transform: translateX(-20%); }
  100% { transform: translateX(0); }
}