@layer components{[data-ui=spinner]{width:32px;height:32px}[data-ui=spinner][data-size=xs]{width:14px;height:14px}[data-ui=spinner][data-size=sm]{width:16px;height:16px}[data-ui=spinner][data-size=md]{width:32px;height:32px}[data-ui=spinner][data-size=lg]{width:48px;height:48px}[data-ui=spinner] svg{fill:currentColor;width:100%;height:100%;animation:rotate var(--transition-standard-slow-spatial) infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=spinner] svg{animation:none}}}