@media screen {

    :root {}

    html .sparkling, html .temp-sparkling {
        position: relative;
        display: inline-block;
        z-index: 0;
    }

    html .sparkling > span, html .temp-sparkling > span {
        z-index: 1;
        position: absolute;
        display: block;
        animation: comeInOut 700ms forwards;
    }

    html .sparkling > span > svg, html .temp-sparkling > span > svg {
        display: block;
        animation: spin 1000ms linear;
        transition: all 1000ms ease 0s;
    }

    @keyframes comeInOut {
        0% {
            transform: scale(0);
        }
        50% {
            transform: scale(1);
        }
        100% {
            transform: scale(0);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(180deg);
        }
    }

}