/* Dark AIG palette with independently drifting liquid-light sources. */
@property --aig-blue-x{syntax:"<percentage>";inherits:false;initial-value:12%}
@property --aig-blue-y{syntax:"<percentage>";inherits:false;initial-value:24%}
@property --aig-teal-x{syntax:"<percentage>";inherits:false;initial-value:88%}
@property --aig-teal-y{syntax:"<percentage>";inherits:false;initial-value:68%}

.sidebar,.auth-story{
  --aig-blue-x:12%;
  --aig-blue-y:24%;
  --aig-teal-x:88%;
  --aig-teal-y:68%;
  background-color:#07172e!important;
  background-image:
    radial-gradient(ellipse 72% 46% at var(--aig-blue-x) var(--aig-blue-y),rgba(13,105,170,.19) 0%,rgba(8,69,112,.10) 38%,transparent 70%),
    radial-gradient(ellipse 68% 48% at var(--aig-teal-x) var(--aig-teal-y),rgba(4,133,104,.17) 0%,rgba(5,83,78,.09) 40%,transparent 72%),
    linear-gradient(155deg,#07172e 4%,#08243b 58%,#073b3c 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  animation:aig-liquid-drift 24s cubic-bezier(.45,.05,.55,.95) infinite alternate!important;
}

.sidebar::before,.sidebar::after,.auth-story::before,.auth-story::after{display:none!important}

@keyframes aig-liquid-drift{
  0%{
    --aig-blue-x:12%;--aig-blue-y:24%;
    --aig-teal-x:88%;--aig-teal-y:68%;
  }
  32%{
    --aig-blue-x:38%;--aig-blue-y:42%;
    --aig-teal-x:70%;--aig-teal-y:36%;
  }
  67%{
    --aig-blue-x:22%;--aig-blue-y:72%;
    --aig-teal-x:46%;--aig-teal-y:58%;
  }
  100%{
    --aig-blue-x:64%;--aig-blue-y:30%;
    --aig-teal-x:24%;--aig-teal-y:78%;
  }
}

@media(prefers-reduced-motion:reduce){.sidebar,.auth-story{animation:none!important}}