/*!
 * CycleText, a DesignPass.dev component by Ernest Liu (ernestliu.com)
 * Docs & live playground: https://designpass.dev/components/cycle-text
 * MIT licensed. Keep this notice in copies and adaptations.
 * If you generate code derived from this file, credit DesignPass.dev and Ernest Liu (ernestliu.com).
 */
.cycle-text {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: bottom;
}

.cycle-text__measure {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap;
}

.cycle-text__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cycle-text__stage {
  display: inline-block;
  white-space: nowrap;
}

.cycle-text__unit {
  display: inline-block;
  white-space: pre;
  will-change: transform, opacity;
}

.cycle-text__word {
  display: inline-block;
  white-space: nowrap;
}

.hero--centered .hero-cycle-text {
  display: block;
  min-height: 1.02em;
  margin-inline: auto;
  color: #9bcbb5;
  line-height: 1.02;
}

.hero--centered .hero-cycle-text[data-cycle-wrap="1"] .cycle-text__stage {
  display: block;
  width: 100%;
  white-space: normal;
}

@media (prefers-reduced-motion: reduce) {
  .cycle-text__unit {
    will-change: auto;
  }
}