@import '_content/StorbieLibrary.RazorComponents/StorbieLibrary.RazorComponents.bundle.scp.css';

/* /Shared/HeaderView.razor.rz.scp.css */
.blink-animation:hover[b-dhzzlx5bxn] {
    animation: blink-b-dhzzlx5bxn 4s ease-in-out infinite;
    color: hsl(0,100%,80%);
}

@keyframes blink-b-dhzzlx5bxn {
    0%

    {
        opacity: 0.3;
        filter: hue-rotate(0deg);
    }
    10% {
        opacity: 1;
        filter: hue-rotate(36deg);
    }
    20% {
        opacity: 0.3;
        filter: hue-rotate(72deg);
    }
    30% {
        opacity: 1;
        filter: hue-rotate(108deg);
    }
    40% {
        opacity: 0.3;
        filter: hue-rotate(144deg);
    }
    50% {
        opacity: 1;
        filter: hue-rotate(180deg);
    }

    60% {
        opacity: 0.3;
        filter: hue-rotate(216deg);
    }

    70% {
        opacity: 1;
        filter: hue-rotate(252deg);
    }

    80% {
        opacity: 0.3;
        filter: hue-rotate(288deg);
    }

    90% {
        opacity: 1;
        filter: hue-rotate(324deg);
    }

    100% {
        opacity: 0.3;
        filter: hue-rotate(360deg);
    }
}