/*******************
 ! Spinner animation
********************/

@include exports("spinner") {
    @keyframes spin {
        to { -gtk-icon-transform: rotate(1turn); }
    }

    spinner {
        background-image: none;
        color: $selected_bg_color;
        opacity: 0; // non spinning spinner makes no sense

        -gtk-icon-source: -gtk-icontheme("process-working-symbolic");

        &:checked {
            opacity: 1;
            animation: spin 1s linear infinite;

            &:disabled { opacity: .5; }
        }
    }
}