:host {
  width: 100%;
}

.mic-icon {
  fill: var(--ai12z-mic-color);
}

.mic-botIcon {
  fill: var(--ai12zBot-v2-searchbar-mic-color);
}

/* Ollama Open WebUI style activity spinner */
.activity-spinner {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  animation: activity-rotate 1s steps(12, end) infinite;
}

.activity-spinner line {
  /* Static opacity trail — line 0 is brightest, line 11 is dimmest */
  opacity: calc(1 - var(--n) / 11 * 0.85);
}

@keyframes activity-rotate {
  to { transform: rotate(360deg); }
}
