/* Make the current text visible */
.content__text--current {
  opacity: 1;
  visibility: visible;
}

@supports (display: grid) {
  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x));

    /* Absolute distance from center, only positive */
    --distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y));
  }
}

/* Recommended styles for Splitting */
.splitting .word {
  display: inline-block;
  /* transition: opacity 0.2s ease; */
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

.word-wrap {
  display: inline-block;
  position: relative;
  /* overflow: hidden; */
  margin-top: var(--word-correction);
}

.word > .char:last-child {
  margin-right: var(--content-whitespace);
}
/* .about-italic {
  position: relative; !important
  display: inline-block;
  background: linear-gradient(to right, #80947f 0%, #80947f 100%); !important
  background-size: 100% 100%; !important
  background-repeat: no-repeat; !important
  background-clip: text; !important
  -webkit-background-clip: text; !important
  color: transparent; !important
} */