/* Scope ALL declarations to the Mirages comment form. No layout changes. */
#comment-form .aas-honeypot { display: none !important; visibility: hidden !important; }
#comment-form .aas-live {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
/* Mirages' #submit retains its native four-stop background-image, background-position
 * animation (Gradient 90s), radius, sizing and typography in EVERY state.
 * Inset shadow tints the moving gradient without restarting its animation.
 * Shadow-color interpolation provides an actual smooth crossfade on state changes. */
#comment-form input#submit.aas-button {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0) !important;
  transition: box-shadow .32s cubic-bezier(.22,1,.36,1) !important;
}
#comment-form input#submit.aas-button.aas-verifying {
  cursor: progress !important;
  box-shadow: inset 0 0 0 9999px rgba(19, 82, 132, .78) !important;
}
#comment-form input#submit.aas-button.aas-limited {
  box-shadow: inset 0 0 0 9999px rgba(153, 92, 19, .81) !important;
}
#comment-form input#submit.aas-button.aas-error {
  box-shadow: inset 0 0 0 9999px rgba(150, 42, 65, .82) !important;
}
@media (prefers-reduced-motion: reduce) {
  #comment-form input#submit.aas-button { transition: none !important; }
}

#comment-form .aas-button-parent { position: relative; }
#comment-form .aas-button-spinner {
  position: absolute; display: none; box-sizing: border-box; pointer-events: none;
  width: 14px; height: 14px; right: 18px; top: 50%; margin-top: -7px;
  border: 2px solid rgba(255,255,255,.38); border-top-color: #fff;
  border-radius: 50%; animation: aas-spin .8s linear infinite;
}
#comment-form .aas-is-verifying .aas-button-spinner { display: block; }
@keyframes aas-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #comment-form .aas-button-spinner { animation: none !important; }
}
