/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/word-swap-inline/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.artefact-word-swap {
  display: inline-block;
  overflow-y: hidden;
  height: 1lh;
  margin-bottom: -0.2lh;
  animation: 2s ease-in-out 0s infinite word-swap-swipe;
}

.artefact-word-swap::after {
  content: "\a" attr(data-words);
  white-space: pre;
  display: inline;
  position: relative;
  top: 0px;
}

.artefact-word-swap, .artefact-word-swap::after {
  text-underline-offset: -0.8lh;
  text-decoration-line: underline;
  text-decoration-color: #f8e71c;
  text-decoration-thickness: 1lh;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.artefact-word-swap[data-word-count="1"]::after {
  animation: 4s ease-in-out 0s infinite word-swap-1;
}

.artefact-word-swap[data-word-count="2"]::after {
  animation: 6s ease-in-out 0s infinite word-swap-2;
}

.artefact-word-swap[data-word-count="3"]::after {
  animation: 8s ease-in-out 0s infinite word-swap-3;
}

.artefact-word-swap[data-word-count="4"]::after {
  animation: 10s ease-in-out 0s infinite word-swap-4;
}

.artefact-word-swap[data-word-count="5"]::after {
  animation: 12s ease-in-out 0s infinite word-swap-5;
}

.artefact-word-swap[data-word-count="6"]::after {
  animation: 14s ease-in-out 0s infinite word-swap-6;
}

@keyframes word-swap-swipe {
  0% {
    max-width: 100%;
  }
  25% {
    max-width: 100%;
  }
  50% {
    max-width: 0px;
  }
  75% {
    max-width: 0px;
  }
  100% {
    max-width: 100%;
  }
}
@keyframes word-swap-1 {
  0% {
    top: 0px;
  }
  25% {
    top: 0px;
  }
  26% {
    top: -1lh;
  }
  75% {
    top: -1lh;
  }
  76% {
    top: 0px;
  }
}
@keyframes word-swap-2 {
  0% {
    top: 0px;
  }
  16.67% {
    top: 0px;
  }
  17% {
    top: -1lh;
  }
  50% {
    top: -1lh;
  }
  51% {
    top: -2lh;
  }
  83% {
    top: -2lh;
  }
  84% {
    top: 0px;
  }
}
@keyframes word-swap-3 {
  0% {
    top: 0px;
  }
  12.5% {
    top: 0px;
  }
  13% {
    top: -1lh;
  }
  37.5% {
    top: -1lh;
  }
  38% {
    top: -2lh;
  }
  62.5% {
    top: -2lh;
  }
  63% {
    top: -3lh;
  }
  87.5% {
    top: -3lh;
  }
  88% {
    top: 0px;
  }
}
@keyframes word-swap-4 {
  0% {
    top: 0px;
  }
  10% {
    top: 0px;
  }
  11% {
    top: -1lh;
  }
  30% {
    top: -1lh;
  }
  31% {
    top: -2lh;
  }
  50% {
    top: -2lh;
  }
  51% {
    top: -3lh;
  }
  70% {
    top: -3lh;
  }
  71% {
    top: -4lh;
  }
  90% {
    top: -4lh;
  }
  91% {
    top: 0px;
  }
}
@keyframes word-swap-5 {
  0% {
    top: 0px;
  }
  8.33% {
    top: 0px;
  }
  9% {
    top: -1lh;
  }
  25% {
    top: -1lh;
  }
  26% {
    top: -2lh;
  }
  41.67% {
    top: -2lh;
  }
  42% {
    top: -3lh;
  }
  58.33% {
    top: -3lh;
  }
  59% {
    top: -4lh;
  }
  75% {
    top: -4lh;
  }
  76% {
    top: -5lh;
  }
  91.67% {
    top: -5lh;
  }
  92% {
    top: 0px;
  }
}
@keyframes word-swap-6 {
  0% {
    top: 0px;
  }
  7.14% {
    top: 0px;
  }
  8% {
    top: -1lh;
  }
  21.43% {
    top: -1lh;
  }
  22% {
    top: -2lh;
  }
  35.71% {
    top: -2lh;
  }
  36% {
    top: -3lh;
  }
  50% {
    top: -3lh;
  }
  51% {
    top: -4lh;
  }
  64.29% {
    top: -4lh;
  }
  65% {
    top: -5lh;
  }
  78.57% {
    top: -5lh;
  }
  79% {
    top: -6lh;
  }
  92.86% {
    top: -6lh;
  }
  93% {
    top: 0px;
  }
}

/*# sourceMappingURL=style-index.css.map*/