/* Header modal only. Keep the standalone login and approved artwork untouched. */
#smLoginOverlay .sm-modal-login-heart[hidden],
#smLoginOverlay [data-sm-login-refresh][hidden] { display: none !important; }
#smLoginOverlay .sm-modal-login-progress { background: transparent; border: 0; box-shadow: none; padding: 0; }
#smLoginOverlay .sm-modal-login-heart { margin: 0 0 14px; background: transparent; border: 0; box-shadow: none; }
#smLoginOverlay .sm-modal-login-heart .sm-sync-approved-heart { display: block; width: 108.8px; height: auto; margin: 0 auto; overflow: visible; }
#smLoginOverlay .sm-modal-login-heart .beat { opacity: 0; }
#smLoginOverlay .sm-modal-login-heart .sparkle-layer { display: none; pointer-events: none; }
#smLoginOverlay .sm-modal-login-progress[data-active] #smLoginStatus { text-align: center; font-weight: 400; line-height: 1.55; max-width: 34ch; margin: 0 auto; }
#smLoginOverlay [data-sm-login-refresh] { display: block; margin: 12px auto 0; min-height: 44px; }
#smLoginOverlay #smLoginStatus:focus { outline: none; }
@media (max-width: 560px) { #smLoginOverlay .sm-modal-login-heart .sm-sync-approved-heart { width: 98.6px; } }
@media (prefers-reduced-motion: reduce) {
  #smLoginOverlay .sm-modal-login-heart .heart-motion,
  #smLoginOverlay .sm-modal-login-heart .sparkle-motion { transform: none !important; }
  #smLoginOverlay .sm-modal-login-heart .beat { opacity: 0 !important; }
  #smLoginOverlay .sm-modal-login-heart .sparkle-layer { display: none !important; }
}