/* ===========================
 * Chart Animation
 * =========================== */
.overlay-animation-enter {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) scale(0.98);
}

.overlay-animation-enter-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1);

    transition:
        opacity 300ms ease,
        transform 300ms ease;
}

.overlay-animation-leave {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1);
}

.overlay-animation-leave-active {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) scale(0.98);

    transition:
        opacity 600ms ease,
        transform 600ms ease;
}

/* ===========================
 * Chart Animation
 * =========================== */

.chart-animation-enter {
    opacity: 0;
    transform: scale(0.92);
}

.chart-animation-enter-active {
    opacity: 1;
    transform: scale(1);

    transition:
        opacity 250ms ease-out,
        transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
}

.chart-animation-leave {
    opacity: 1;
    transform: scale(1);
}

.chart-animation-leave-active {
    opacity: 0;
    transform: scale(0.92);

    transition:
        opacity 250ms ease-in,
        transform 250ms ease-in;
}