@media (min-width: 1024px) {
    .lines-shift-container {
        --shift-base-delay: 140ms; /* 200ms default */
        --anim-duration: calc(var(--shift-base-delay) * 10);
        --shift-delay: 0ms;
        visibility: hidden;
    }

    .lines-shift-container--200ms-delay { --shift-delay: var(--shift-base-delay); }
    .lines-shift-container--400ms-delay { --shift-delay: calc(var(--shift-base-delay) * 2); }
    .lines-shift-container--600ms-delay { --shift-delay: calc(var(--shift-base-delay) * 3); }

    .shift-line {
        --line-number: var(--nth-child-idx);
        overflow: hidden;
        display: inline-flex;
        position: relative;
        width: 100%;
    }

    .lines-shift-container--center .shift-line {
        justify-content: center;
    }

    .shift-line > span {
        display: inline-block;
        will-change: opacity, transform;
        transition: opacity calc(var(--anim-duration) / 3) linear, transform var(--anim-duration) cubic-bezier(0.19, 1, 0.22, 1);
        transform: translateY(103%);
        transition-delay: calc(var(--shift-base-delay) + var(--shift-delay) + (var(--anim-duration) / 10) * (var(--line-number) - 1));
    }

    body.lines-shift-page--loaded .lines-shift-container,
    body.wp-admin .lines-shift-container {
        visibility: initial;
    }

    body.lines-shift-page--loaded .lines-shift-container:not(.lines-shift-container--vt) .shift-line > span {
        transform: translateY(0%);
    }

    body.lines-shift-page--loaded .visible-tag--visible .lines-shift-container.lines-shift-container--vt .shift-line > span {
        transform: translateY(0%);
    }

    body.wp-admin .shift-line > span {
        transform: translateY(0%);
    }
}
