.spinner {
    aspect-ratio: 1;
    width: 50px;
    border: 0.5em solid #bdbdbd;
    
    border-top: .5em solid var(--primary-foreground);
    border-radius: 50%;
    animation: 1.5s linear 0s infinite normal forwards running spinning;
}

@keyframes spinning {
    0% {
        transform: rotate(0deg);
    }
    45% {
        transform: rotate(360deg);
    }
    80% {
        transform: rotate(900deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}