@charset "UTF-8";

.active_blink {
    background: linear-gradient(to right, rgb(51, 51, 51) 0%, rgb(99, 99, 99) 50%, rgb(51, 51, 51) 100%);
    background-size: 200% 100%;
    background-position: left;
    animation: blink 2s linear infinite alternate;
}

.active_blink_blue {
    background: linear-gradient(to right, rgb(0, 140, 255) 0%, rgb(1, 162, 255) 50%, rgb(0, 51, 192) 100%);
    background-size: 200% 100%;
    background-position: left;
    animation: blink 2s linear infinite alternate;
}

@keyframes blink {
    0% {
        background-position: left;
        }
        100% {
        background-position: right;
    }
}

@keyframes fadeIn {
      0% {
        opacity: 0;
        transform: translateY(20px); /* Example: start slightly below */
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
}

@keyframes exit-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 0;
        display: none;
    }
}