.icesco-motion-text-split {
    --icesco-motion-duration: 850ms;
    --icesco-motion-stagger: 40ms;
    --icesco-motion-delay: 0ms;
    --icesco-motion-offset: 0.8em;
    --icesco-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
    --icesco-motion-initial-opacity: 0;
    display: block;
    width: 100%;
}

.icesco-motion-text-split__link {
    color: inherit;
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
}

.icesco-motion-text-split__text {
    color: inherit;
    display: inline-block;
    margin: 0;
    max-width: 100%;
}

.icesco-motion-text-split__line {
    display: block;
}

.icesco-motion-text-split__line > .icesco-motion-text-split__char {
    white-space: pre-wrap;
}

.icesco-motion-text-split__measure {
    display: inline;
    visibility: hidden;
}

.icesco-motion-text-split__measure-word {
    display: inline;
}

.icesco-motion-text-split__word {
    display: inline-block;
    white-space: pre;
}

.icesco-motion-text-split__char {
    display: inline-block;
    opacity: var(--icesco-motion-initial-opacity);
    transform: translate3d(0, var(--icesco-motion-offset), 0);
    transition-duration: var(--icesco-motion-duration);
    transition-property: transform, opacity;
    transition-timing-function: var(--icesco-motion-easing);
    transition-delay: calc(var(--icesco-motion-delay) + (var(--icesco-index, 0) * var(--icesco-motion-stagger)));
    will-change: transform, opacity;
}

.icesco-motion-text-split.is-ready.is-inview .icesco-motion-text-split__char,
.icesco-motion-text-split.is-ready.is-loaded .icesco-motion-text-split__char,
.icesco-motion-text-split.is-ready.is-hovered .icesco-motion-text-split__char {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.icesco-motion-text-split.is-outview-instant .icesco-motion-text-split__char {
    opacity: var(--icesco-motion-initial-opacity);
    transform: translate3d(0, var(--icesco-motion-offset), 0);
    transition: none;
}

.icesco-motion-text-split[data-trigger="hover"] .icesco-motion-text-split__link,
.icesco-motion-text-split[data-trigger="hover"] .icesco-motion-text-split__text {
    cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    .icesco-motion-text-split__char {
        opacity: 1;
        transform: none;
        transition: none;
    }
}