/* Critical equalizer CSS — loads before the app bundle */
.sk-wave-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 1.25rem;
  height: 1.25rem;
}

@keyframes sk-wave {
  0%,
  100% {
    transform: scaleY(0.28);
  }
  50% {
    transform: scaleY(1);
  }
}

.sk-wave-bar {
  display: block;
  width: 2.5px;
  height: 70%;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  will-change: transform;
  animation: sk-wave var(--sk-wave-dur, 0.9s) ease-in-out var(--sk-wave-delay, 0s)
    infinite;
}