#accountOverlay .auth-tabs button{transition:background-color .24s ease,color .24s ease,box-shadow .24s ease,transform .18s ease!important}
#accountOverlay .auth-tabs button:hover{transform:translateY(-1px)!important}
#accountOverlay .auth-tabs button:active{transform:translateY(0) scale(.99)!important}

#accountOverlay #signInFields,
#accountOverlay #signUpFields{
  transform-origin:50% 0;
  will-change:opacity,transform;
}

#accountOverlay .auth-view-leaving{
  opacity:0!important;
  transform:translateY(-4px)!important;
  transition:opacity .09s ease,transform .09s ease!important;
  pointer-events:none!important;
}

#accountOverlay .auth-view-entering{
  animation:sociusAuthIn .22s cubic-bezier(.22,.78,.22,1) both;
}

@keyframes sociusAuthIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

#accountOverlay #signInFields .modal-actions .pill,
#accountOverlay #signUpFields .modal-actions .pill{display:none!important}

/* Homepage Base 3 shimmer: one uninterrupted sweep across all three bottles. */
.visual-stage{position:relative;isolation:isolate}
.visual-stage .light-sweep::after{content:none!important;animation:none!important}
.visual-stage::after{
  content:"";
  position:absolute;
  top:7%;
  bottom:11%;
  left:-28%;
  width:24%;
  pointer-events:none;
  z-index:8;
  opacity:.66;
  mix-blend-mode:screen;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.02) 22%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.10) 56%,rgba(255,255,255,.025) 70%,transparent 100%);
  filter:blur(.35px);
  transform:translate3d(0,0,0);
  will-change:transform;
  animation:sociusUnifiedBottleSweep 9.5s linear infinite;
}
@keyframes sociusUnifiedBottleSweep{
  0%,20%{transform:translate3d(0,0,0)}
  48%{transform:translate3d(650%,0,0)}
  48.01%,100%{transform:translate3d(650%,0,0)}
}

@media (prefers-reduced-motion:reduce){
  #accountOverlay .auth-view-entering{animation:none!important}
  #accountOverlay .auth-view-leaving{transition:none!important}
  #accountOverlay .auth-tabs button{transition:none!important}
  .visual-stage::after{display:none!important;animation:none!important}
}
