/* ------------------------
  Splitting Text
------------------------*/
.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.ht-text-animated .char {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: calc(200ms + calc(15ms * var(--char-index)));
}

.splitting.ht-text-animated .char {
    animation-name: uicoreFadeInUp, uicoreFadeIn !important;
    animation-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(0, 0, .2, 1);
}

@keyframes uicoreFadeInUp {
    0% {
        transform: translate3d(0,40px,0);
    }

    100% {
        transform: translateZ(0);
    }
}

@keyframes uicoreFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes weight {
    from {
        font-weight: 100;
    }

    50% {
        font-weight: 600;
    }

    to {
        font-weight: 500;
    }
}/* ------------------------
  Splitting Text
------------------------*/
.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.ht-text-animated .char {
    animation-fill-mode: both;
    animation-duration: 1000ms;
    animation-delay: calc(200ms + calc(15ms * var(--char-index)));
}

.splitting.ht-text-animated .char {
    animation-name: uicoreFadeInUp, uicoreFadeIn !important;
    animation-timing-function: cubic-bezier(.22, 1, .36, 1), cubic-bezier(0, 0, .2, 1);
}

@keyframes uicoreFadeInUp {
    0% {
        transform: translate3d(0,40px,0);
    }

    100% {
        transform: translateZ(0);
    }
}
@keyframes uicoreFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes weight {
    from {
        font-weight: 100;
    }

    50% {
        font-weight: 600;
    }

    to {
        font-weight: 500;
    }
}