:host {
  display: inline-block;
}

.eo-loading {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;

  /* Inheritable-property reset (L2). */
  font-family: var(--eo-font, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 14px;
  line-height: 1.5;
  color: var(--eo-text, #1d1d1b);
  letter-spacing: normal;
  text-transform: none;
  text-align: start;
  font-style: normal;
  font-weight: 400;
}

.eo-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--eo-green, #50c878);
  animation: eo-pulse 1.2s ease-in-out infinite;
}

.eo-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.eo-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes eo-pulse {
  0%,
  80%,
  100% {
    opacity: 0.25;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}