/* Shared account surfaces: reuse the site's easing and keep business close immediate. */
html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog {
  animation:none!important;
  color-scheme:light;
}
html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog::backdrop { background:rgb(23 32 45 / 42%); }
html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog :is(button, .wx-binding-button):not(.zj-auth-slider-handle) {
  touch-action:manipulation;
  transition:transform 120ms var(--ease,cubic-bezier(.16,1,.3,1)),background-color 140ms ease-out,border-color 140ms ease-out;
}
html[data-account-input="pointer"][data-motion="full"] :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog :is(button, .wx-binding-button):not(.zj-auth-slider-handle):not(:disabled):not([aria-disabled="true"]):active {
  transform:scale(.97);
  transition-duration:100ms;
}
/* A resumed purchase form is the same task, not a freshly opened dialog. */
html #intent-modal[data-account-resumed] .modal-panel { animation:none!important; }

@supports (transition-behavior:allow-discrete) and (overlay:auto) {
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback) {
    opacity:0;
    transform:translateY(8px) scale(.97);
    pointer-events:none;
    transition:opacity 160ms var(--ease,cubic-bezier(.16,1,.3,1)),transform 160ms var(--ease,cubic-bezier(.16,1,.3,1)),display 160ms allow-discrete,overlay 160ms allow-discrete;
  }
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)[open] {
    opacity:1;transform:none;pointer-events:auto;transition-duration:220ms;
  }
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)::backdrop {
    opacity:0;
    transition:opacity 160ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete;
  }
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)[open]::backdrop {opacity:1;transition-duration:220ms;}
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not([open])::backdrop {pointer-events:none;}
  /* CAPTCHA temporarily converts a native modal to a nonmodal surface. */
  html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog[open]:not(:modal) {transition:none!important;opacity:1;}
  @starting-style {
    html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)[open] {opacity:0;transform:translateY(8px) scale(.97);}
    html :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)[open]::backdrop {opacity:0;}
  }
}
html[data-motion="reduce"] :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback) {transform:none!important;transition-duration:120ms;}
html[data-account-input="keyboard"] :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback),
html[data-account-input="keyboard"] :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback)::backdrop {transition-duration:0s!important;}
@media (prefers-reduced-motion:reduce) {
  html:not([data-motion="full"]) :is(#zjAuthDialog, #wxBindingDialog).zj-account-dialog:not(.zj-dialog-fallback) {transform:none!important;transition-duration:120ms;}
}