/* The original text holds its layout; only its decorative ink follows the pointer. */
.kinetic-word { position:relative; display:inline-block; white-space:nowrap; }
.kinetic-base { color:transparent; }
.kinetic-ink { position:absolute; inset:0; color:inherit; pointer-events:none; user-select:none; }
.kinetic-glyph {
  position:absolute; top:0; display:block; text-align:center;
  translate:var(--kinetic-x,0px) var(--kinetic-y,0px);
  font-variation-settings:'wght' var(--kinetic-weight,500);
  transition:translate .35s cubic-bezier(.23,1,.32,1),font-variation-settings .35s cubic-bezier(.23,1,.32,1);
}
.kinetic-glyph::before { content:attr(data-glyph); }
html:not(.kinetic-enabled) .kinetic-base { color:inherit; }
html:not(.kinetic-enabled) .kinetic-ink { visibility:hidden; }
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse) {
  .kinetic-base { color:inherit; }
  .kinetic-ink { display:none; }
  .kinetic-glyph { translate:none; transition:none; }
}