/* Configurable SiteGuard-style transient Joomla notices. */
#system-message-container > .sg-transient-notice,
#system-message-container > joomla-alert.sg-transient-notice,
#gp-async-message-container > .sg-transient-notice,
#gp-async-message-container > joomla-alert.sg-transient-notice {
  opacity: 0 !important;
  transition: opacity var(--sg-notice-fade-in, 250ms) ease, transform var(--sg-notice-fade-in, 250ms) ease !important;
}

#system-message-container > .sg-transient-notice-fade-slide,
#system-message-container > joomla-alert.sg-transient-notice-fade-slide,
#gp-async-message-container > .sg-transient-notice-fade-slide,
#gp-async-message-container > joomla-alert.sg-transient-notice-fade-slide {
  transform: translateY(-7px) !important;
}

#system-message-container > .sg-transient-notice.sg-transient-notice-visible,
#system-message-container > joomla-alert.sg-transient-notice.sg-transient-notice-visible,
#gp-async-message-container > .sg-transient-notice.sg-transient-notice-visible,
#gp-async-message-container > joomla-alert.sg-transient-notice.sg-transient-notice-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#system-message-container > .sg-transient-notice.sg-transient-notice-leave,
#system-message-container > joomla-alert.sg-transient-notice.sg-transient-notice-leave,
#gp-async-message-container > .sg-transient-notice.sg-transient-notice-leave,
#gp-async-message-container > joomla-alert.sg-transient-notice.sg-transient-notice-leave {
  opacity: 0 !important;
  transition-duration: var(--sg-notice-fade-out, 380ms) !important;
}

#system-message-container > .sg-transient-notice-fade.sg-transient-notice-leave,
#system-message-container > joomla-alert.sg-transient-notice-fade.sg-transient-notice-leave,
#gp-async-message-container > .sg-transient-notice-fade.sg-transient-notice-leave,
#gp-async-message-container > joomla-alert.sg-transient-notice-fade.sg-transient-notice-leave {
  transform: none !important;
}

#system-message-container > .sg-transient-notice-none,
#system-message-container > joomla-alert.sg-transient-notice-none,
#gp-async-message-container > .sg-transient-notice-none,
#gp-async-message-container > joomla-alert.sg-transient-notice-none {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #system-message-container > .sg-transient-notice,
  #system-message-container > joomla-alert.sg-transient-notice,
  #gp-async-message-container > .sg-transient-notice,
  #gp-async-message-container > joomla-alert.sg-transient-notice {
    transition: none !important;
    transform: none !important;
  }
}