/**
 * @file
 * Décompte de l'effacement : le bord inférieur du message se retire de
 * droite à gauche pendant le délai, dans la couleur du message.
 */
.messages-autohide {
  position: relative;
  overflow: hidden;
}

.messages-autohide__decompte {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: currentColor;
  opacity: 0.55;
  transform-origin: left center;
  animation: messages-autohide-decompte var(--messages-autohide-delai, 3.2s) linear forwards;
  pointer-events: none;
}

/* Survol ou clavier dans le message : le décompte s'arrête, on laisse lire. */
.messages-autohide--pause:hover .messages-autohide__decompte,
.messages-autohide--pause:focus-within .messages-autohide__decompte {
  animation-play-state: paused;
}

@keyframes messages-autohide-decompte {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .messages-autohide__decompte {
    display: none;
  }
}