/* ==========================================================================
   Auth component layer
   --------------------------------------------------------------------------
   Auth's own controls, on top of what the Style Center provides. The vendored
   bundle already carries .hc-field* and .con-button; this file holds the
   arrangements those do not cover — the loading state the scripts toggle.

   Semantic roles only — no primitives, no raw hex or px. If a value needs a role
   that does not exist, add it upstream in the Style Center rather than inventing
   a literal here.
   ========================================================================== */

/* The loading state signin_validator.js toggles on the Continue button.
   It injects its own CSS for #btn-magic-continue.hc-ld — opacity and cursor,
   both !important — so those two properties here are already overridden on the
   only element that uses the class. This block is kept for any future consumer
   and deliberately does NOT set pointer-events: the script can leave hc-ld
   applied indefinitely (its removal waits on a card-display change that never
   comes if submission was rejected), and a non-clickable Continue button is a
   dead sign-in page. */
.hc-ld {
  opacity: var(--hc-opacity-disabled);
  cursor: not-allowed;
}