/* loading-animation.css */

/* Common style for all loading text */
.loading-text {
    position: relative;
    color: #cccbc8;
}

    .loading-text:before {
        content: attr(data-text);
        position: absolute;
        overflow: hidden;
        max-width: 7em;
        white-space: nowrap;
        color: #000;
        animation: loading 4s linear infinite;
    }

@keyframes loading {
    0% {
        max-width: 0;
    }

    100% {
        max-width: 7em;
    }
}

.data-loaded {
    animation: none; 
    color: #000; 
}