/*
 * About Quote widget — typewriter entrance animation.
 *
 * The opening quote mark is always visible.
 * The content characters (.tw-char) and the closing mark type in
 * one-by-one once the widget enters the viewport.
 */

/* Hide chars and closing mark until animated */
.boxcar-about-quote.will-animate .tw-char {
    opacity: 0;
    transition: opacity 40ms linear;
    /* transition-delay is set inline per character by JS */
}

.boxcar-about-quote.will-animate .boxcar-about-quote__mark--close {
    opacity: 0;
    transition: opacity 200ms ease;
    /* transition-delay set inline by JS */
}

/* Reveal on is-animated */
.boxcar-about-quote.is-animated .tw-char,
.boxcar-about-quote.is-animated .boxcar-about-quote__mark--close {
    opacity: 1;
}

/* Always visible in the Elementor editor */
.elementor-editor-active .boxcar-about-quote .tw-char,
.elementor-editor-active .boxcar-about-quote .boxcar-about-quote__mark--close {
    opacity: 1;
    transition: none;
}