
.success-pulse{
    animation: success-pulse 0.3s ease-out;
}

@keyframes success-pulse{
    0%{
        border: 0.08rem solid var(--success-color);
        width: 2.375rem;
        height: 2.375rem;
    }
    10%{
        width: 2.2rem;
        height: 2.2rem;
    }
    15%{
        box-shadow: 0 0 0.3rem var(--success-color);
    }
    20%{
        border: 0.2rem solid var(--success-color);
        width: 2.375rem;
        height: 2.375rem;
        box-shadow: 0 0 1rem var(--success-color);
    }
    100%{
        border: 0.08rem solid var(--success-color);
        box-shadow: 0 0 0.8rem transparent;
    }
}


.success-pulse-today{
    animation: success-pulse-today 0.25s ease-out;
}

@keyframes success-pulse-today{
    0%{
        box-shadow: 0 0 0rem var(--success-color);
        border: 0.12rem solid var(--number-color-transparent);
        outline: 0 var(--success-color) solid;
    }
    25%{
        outline: 0.3rem var(--success-color) solid;
    }
    50%{
        box-shadow: 0 0 2.5rem var(--success-color);
        
        border: 0.3rem solid var(--success-color);
    }
   
    100%{
        box-shadow: 0 0 1rem var(--success-color);
        outline: 0.12rem var(--success-color) solid;
        border: 0.12rem solid var(--success-color);
    }
}

.transition-to-failure{
    animation: transition-to-failure 0.2s ease-out;
}
@keyframes transition-to-failure{
    0%{
        border-color: var(--success-color);
    }
    100%{
        border-color: var(--failure-color);
    }
}


.transition-to-neutral{
    animation: transition-to-neutral 0.8s ease-out;
}
@keyframes transition-to-neutral{
    0%{
        border: solid 0.1rem;
        border-color: var(--failure-color);
    }
    100%{
        border-color: transparent;
    }
}

.transition-to-neutral-today{
    animation: transition-to-neutral-today 1s ease-out;
}
@keyframes transition-to-neutral-today{
    0%{
        border: solid 0.1rem;
        border-color: var(--failure-color);
    }
    100%{
        border-color: var(--number-color-transparent);
    }
}