/* Reusable spinner */
.tv3-spinner-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

/* size via CSS var (default set in PHP) */
.tv3-spinner {
  width: var(--tv3-spinner-size, 22px);
  height: var(--tv3-spinner-size, 22px);
  border-radius: 50%;
  border: 2px solid var(--wp--preset--color--deep-black);
  border-top-color: var(--wp--preset--color--accent);
  animation: tv3-spin 0.8s linear infinite;
}

/* contrast for light backgrounds */
.tv3-spinner-wrap.is-dark .tv3-spinner {
  border-color: rgba(0, 0, 0, 0.25);
  border-top-color: rgba(0, 0, 0, 0.9);
}

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