.spinner{position:relative;width:3rem;height:3rem;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--primary)}.spin-linear{animation:spin 1s 0s linear infinite;}.spin-eased{animation:spin 1.5s 0s infinite;}@keyframes spin{100%{transform:rotate(360deg);}}.spinner>.spinner-inner{position:relative;min-width:80%;min-height:80%;background-color:var(--background-light);border-radius:100%}.spinner>.spinner-hole{position:absolute;left:-1rem;width:100%;height:1rem;background-color:var(--background-light)}.spinner-primary{background-color:var(--primary);}.spinner-accent{background-color:var(--accent);}.spinner-info{background-color:var(--info);}.spinner-success{background-color:var(--success);}.spinner-warning{background-color:var(--warning);}.spinner-error{background-color:var(--error);}