.avatar-typing-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.typing-hand {
  transform: translate(0, 0);
  transition: transform 70ms ease-out;
  will-change: transform;
}
.typing-night {
  opacity: 0;
  transition: opacity 1.1s ease;
}
[data-time="night"] .typing-night {
  opacity: 1;
}
[data-typing="left"] .typing-hand-left,
[data-typing="right"] .typing-hand-right {
  transform: translate(0.4px, -2.6px);
}
[data-typing="rest"] .typing-hand {
  transform: translate(0, 0);
}
/* Raised-hand poses and the coffee sip cover this region with their own art. */
[data-avatar="busy"] .avatar-typing-layer,
[data-avatar="scold"] .avatar-typing-layer,
[data-coffee] .avatar-typing-layer,
.motion-paused .avatar-typing-layer {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .avatar-typing-layer {
    display: none;
  }
}