/* Scoped styles; inherit the surrounding headline's typography. */
.pw-word {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  color: var(--particle-color, #50baee);
}
.pw-word > .pw-text { opacity: 1; }
.pw-word.pw-ready > .pw-text { opacity: 0; }
.pw-word > .pw-baseline {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: baseline;
}
.pw-word > .pw-canvas {
  position: absolute;
  display: block;
  pointer-events: none;
  max-width: none;
  z-index: 1;
}
/* Wrap the changing word and its following phrase when they must share a line. */
.pw-run { display: inline-block; white-space: nowrap; }
.pw-suffix { display: inline-block; white-space: pre; }
.pw-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .pw-word.pw-ready > .pw-text { opacity: 1; }
  .pw-word > .pw-canvas { display: none; }
  .pw-suffix { transform: none !important; }
}