/* purgecss start ignore */
/* These animation classes are used dynamically in JSX (e.g., className="status-icon spin")
   and Next.js's CSS optimizer cannot detect them as being used, so they would be removed
   during the build process. The purgecss ignore comments prevent tree-shaking of these classes. */
.spin {
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spin-backwards {
    animation-name: spin-backwards;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin-backwards {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}
/* purgecss end ignore */