/* MagicUI Text Animate Replicas */

.magic-text {
    opacity: 0;
    /* Hidden initially if JS is active */
}

.magic-text.is-ready {
    opacity: 1;
}

.magic-line {
    display: block;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    white-space: pre-wrap;
}

.magic-line.animate {
    opacity: 1;
    transform: translateY(0);
}