Blink crosshair for skyvector.com by nicholascw

/* ==UserStyle==
@name       skyvector.com
@version    20250504.00.29
@namespace  ?
==/UserStyle== */

@-moz-document domain("skyvector.com") {
img[src*="/images/chart/crosshairs.gif"] {
    mix-blend-mode: exclusion;
    width: 12px !important;
    height: 12px !important;
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    0% {
        filter: invert(0%);
        mix-blend-mode: normal;
    }
    50% {
        filter: invert(100%) brightness(200%);
        mix-blend-mode: exclusion;
    }
    100% {
        filter: invert(0%);
        mix-blend-mode: normal;
    }
}
}