/* Phosphor ships the `ph-spinner` glyph but no spin animation: `ph-spin` is used all over
   the app (loading alerts, refresh buttons) and, until this file existed, did nothing.
   Defining it here keeps every spinner in the app turning from one place. */
@keyframes ph-spin-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.ph-spin {
    display: inline-block;
    animation: ph-spin-rotate 1s linear infinite;
    transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: reduce) {
    .ph-spin { animation: none; }
}