header.mud-appbar {
    color: var(--black-color-opacity-3) !important;
}
header .mud-badge.mud-badge-default {
    background-color: rgb(var(--error-color));
}

header .mud-badge.mud-badge-default::after {
    content: "";
    position: absolute;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 100%;
    background-color: rgba(var(--error-color), var(--opacity-4));
    -webkit-animation: alarmCircle ease-out 1.5s infinite; /* Chrome, Safari, Opera */
    animation: alarmCircle ease-out 1.5s infinite;
}

@keyframes alarmCircle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}