.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.loading-spinner{border:3px solid var(--color-surface-subtle);border-top:3px solid var(--color-primary);border-radius:50%;animation:1s linear infinite spin}.loading-small .loading-spinner{border-width:2px;width:20px;height:20px}.loading-medium .loading-spinner{border-width:3px;width:40px;height:40px}.loading-large .loading-spinner{border-width:4px;width:60px;height:60px}.loading-message{color:var(--color-text-muted);font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}