@keyframes stream-status-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}

.stream-status {
  &__text {
    font-size: 0.875rem;
  }

  &__dot {
    font-size: 0.875rem;

    &.is-ready {
      color: #22c55e;
      animation: none;
    }

    &.is-connecting {
      color: #ef4444;
      animation: stream-status-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  }
}
