@tailwind base;
@tailwind components;
@tailwind utilities;

[data-controller="flashes"]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: #4CAF50;
  animation-duration: 10s;
  animation-name: borderShrink;
}

@keyframes borderShrink {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}