@layer components{.spinner-root{display:inline-block;animation:spinner-rotate var(--spinner-duration,4s) linear infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.spinner-track{stroke:hsl(var(--border));opacity:.35;fill:none}.comet-shape{stroke:none}.spinner-default{color:color-mix(in srgb,hsl(var(--primary)) 80%,white 20%)}.spinner-on-primary{color:#ffffff}.spinner-on-primary .comet-shape{fill:#ffffff}.spinner-bubble{color:color-mix(in srgb,var(--bb-energy-color,hsl(var(--primary))) 70%,black 30%)}.spinner-bubble .comet-shape{opacity:.85}:where(html.dark,html.dark *) .spinner-default{color:hsl(var(--primary))}:where(html.dark,html.dark *) .spinner-bubble{color:color-mix(in srgb,var(--bb-energy-color,hsl(var(--primary))) 80%,black 20%)}:where(html.dark,html.dark *) .spinner-bubble .comet-shape{opacity:.8}@media (prefers-reduced-motion:reduce){.spinner-root{animation:none}}}