/* Sparks.css - Welding sparks effect styles */

.sparks-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 10;
}

.spark {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  animation: spark-fade linear forwards;
}

@keyframes spark-fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}