/* Keep this file minimal: Tabler provides all core styling.
   We only add behavior helpers (fixed flash rail). */

.flash-rail {
  position: fixed;
  top: 1rem;
  right: 1rem;
  width: min(420px, calc(100vw - 2rem));
  z-index: 1080;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  pointer-events: none;
}

.flash-rail > * {
  pointer-events: auto;
}

.flash-progress {
  height: 2px;
  opacity: .75;
  transform-origin: left;
  background: currentColor;
  transform: scaleX(1);
}

.flash-progress.is-animating {
  animation: flashLife linear forwards;
}

@keyframes flashLife {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}