@layer components{.spinner{--spinner-size: 2.5rem;--spinner-color: var(--color-primary);width:var(--spinner-size);height:var(--spinner-size);border:3px solid var(--color-border);border-top-color:var(--spinner-color);border-radius:var(--radius-full);animation:spinner-rotate .8s linear infinite}.spinner--small{--spinner-size: 1.25rem;border-width:2px}.spinner--large{--spinner-size: 3.5rem;border-width:4px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}}