@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-animation-type="fade-up"] {
    opacity: 0;
    transform: translateY(100px);
}

[data-animation-type="fade-up"].animation-active {
    animation: fade-up 0.4s cubic-bezier(.25,.46,.45,.94) forwards;
}

@keyframes fade-down {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1000px);
    }
}

[data-animation-type="fade-down"] {
    opacity: 0;
    transform: translateY(100px);
}

[data-animation-type="fade-down"].animation-active {
    animation: fade-down 0.4s cubic-bezier(.25,.46,.45,.94) forwards;
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

[data-animation-type="zoom-in"] {
    transform: scale(0.6);
    opacity: 0;
}

[data-animation-type="zoom-in"].animation-active {
    animation: zoom-in 0.4s cubic-bezier(.25, .46, .45, .94) forwards;
}

@keyframes fade-zoom-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

[data-animation-type="fade-zoom-in"] {
    opacity: 0;
}

[data-animation-type="fade-zoom-in"].animation-active {
    animation: fade-zoom-in 0.4s cubic-bezier(.25, .46, .45, .94) forwards;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

[data-animation-type="fade-out"].animation-active {
    animation: fade-out 0.15s ease-out forwards;
}

@keyframes other-activity-typewriter-reveal {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    20%, 100% {
        clip-path: inset(0 0 0 0);
    }
}

.animation-active.other-activity-typewriter-text {
    display: inline-flex;
    clip-path: inset(0 100% 0 0);
    animation: other-activity-typewriter-reveal 3s steps(14, end) infinite;
}