.rotate {
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    100% {
        transform: rotate(360deg);
    }
}

.skeleton {
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% {
        background-color: light-dark(#e0e0e0, #151b23);
    }
    50% {
        background-color: light-dark(#f5f5f5, #1c242e);
    }
    100% {
        background-color: light-dark(#e0e0e0, #151b23);
    }
}

.skeleton-text {
    width: 100%;
    min-width: 6rem;
    height: 1rem;
    margin: 8px;
}

.animation-broom {
    svg {
        animation: broom 1s infinite;
        height: 2.5rem;
    }
}

@keyframes broom {
    0% {
        transform: translate(0, 0);
    }
    70% {
        transform: translate(10px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}