/* ------------------------
  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;
  }
}