.tf-loading-state{justify-content:center;align-items:center;gap:var(--space-2);min-height:9rem;padding:var(--space-4);color:var(--color-neutral-600);font-size:var(--font-size-lg);font-weight:500;display:flex}.tf-loading-state__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-right-color:#84cc16b3;border-radius:50%;width:1.7rem;height:1.7rem;animation:.75s linear infinite tf-spin}.tf-loading-state__label--hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tf-loading-state__spinner{animation:none}}@keyframes tf-spin{to{transform:rotate(360deg)}}.tf-error-state{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--color-danger-100);border:1px solid var(--color-danger-500);border-radius:var(--radius-md);color:var(--color-danger-500);font-size:var(--font-size-sm);flex-direction:column;display:flex}