.Spinner{border:3px solid transparent;border-top-color:hsl(var(--accent));border-right-color:hsl(var(--accent));border-bottom-color:hsl(var(--accent));border-radius:50%;width:24px;height:24px;animation:spin 1.2s linear infinite}.Spinner.primary{border-top-color:hsl(var(--primary));border-right-color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.Spinner.accent{border-top-color:hsl(var(--accent));border-right-color:hsl(var(--accent));border-bottom-color:hsl(var(--accent))}.Spinner.secondary{border-top-color:hsl(var(--secondary));border-right-color:hsl(var(--secondary));border-bottom-color:hsl(var(--secondary))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}