
@keyframes eduqueSidebarCascadeIn{
  0%{opacity:0;transform:translate3d(0,-13px,0) scale(.975)}
  65%{opacity:1;transform:translate3d(0,2px,0) scale(1.008)}
  100%{opacity:1;transform:none}
}
#sidebar.sidebar-cascade-open > .brand,
#sidebar.sidebar-cascade-open #mainNav > .nav-btn,
#sidebar.sidebar-cascade-open > .side-card{
  animation:eduqueSidebarCascadeIn .54s cubic-bezier(.18,.82,.22,1) both;
  animation-delay:var(--sidebar-cascade-delay,0s);
  will-change:opacity,transform;
}
@keyframes eduqueSidebarLightTravel{
  0%{opacity:0;transform:translate3d(0,-82px,0)}
  10%{opacity:1}
  86%{opacity:1}
  100%{opacity:0;transform:translate3d(0,var(--sidebar-sweep-distance,650px),0)}
}
#sidebar.sidebar-cascade-open #mainNav{position:relative;isolation:isolate}
#sidebar.sidebar-cascade-open #mainNav > .nav-btn{position:relative;z-index:1}
#sidebar.sidebar-cascade-open #mainNav::before,
#sidebar.sidebar-cascade-open #mainNav::after{
  content:"";position:absolute;top:0;pointer-events:none;z-index:0;
  animation:eduqueSidebarLightTravel var(--sidebar-sweep-duration,1.25s) linear .12s both;
  will-change:opacity,transform;
}
#sidebar.sidebar-cascade-open #mainNav::before{
  left:-9px;width:calc(100% + 18px);height:90px;border-radius:20px;
  background:linear-gradient(180deg,transparent 0%,rgba(20,115,255,.12) 16%,rgba(29,130,255,.31) 39%,rgba(77,184,255,.47) 50%,rgba(22,111,244,.28) 61%,rgba(20,115,255,.10) 84%,transparent 100%);
  box-shadow:0 0 23px rgba(37,139,255,.20),inset 0 0 18px rgba(106,200,255,.18);
}
#sidebar.sidebar-cascade-open #mainNav::after{
  left:-5px;width:4px;height:90px;border-radius:99px;
  background:linear-gradient(180deg,transparent 5%,#39a1ff 35%,#d7f4ff 50%,#298bff 65%,transparent 95%);
  box-shadow:0 0 12px rgba(26,130,255,.9),0 0 22px rgba(45,155,255,.55);
}
@media(prefers-reduced-motion:reduce){
  #sidebar.sidebar-cascade-open > .brand,
  #sidebar.sidebar-cascade-open #mainNav > .nav-btn,
  #sidebar.sidebar-cascade-open > .side-card{
    animation:none!important;opacity:1!important;transform:none!important;
  }
  #sidebar.sidebar-cascade-open #mainNav::before,
  #sidebar.sidebar-cascade-open #mainNav::after{animation:none!important;opacity:0!important}
}
