/* ProgressWave Component */
.progress-wave {
  position: relative;
  width: 100%;
  height: 64px;
  overflow: hidden;
}

.progress-wave svg {
  width: 100%;
  height: 100%;
}

.progress-wave .idle {
  fill: #D5DBE5;
}

.progress-wave .running {
  fill: var(--color-info);
}

.progress-wave .finished {
  fill: var(--color-success);
}

/* Анимация волны - оставляем, так как это часть функциональности */
.progress-wave .wave-animation {
  animation: wave 2s infinite ease-in-out;
}

@keyframes wave {
  0% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(-5px);
  }
}