/* =============================================================================
   Home page muddy paw prints that follow the mouse, or a finger on a touch screen, and fade
   away (see the script on the page). Off for anyone who has "reduce motion" switched on.
   ============================================================================= */

.ww-mudpaw {
  position: fixed; left: 0; top: 0; width: 26px; height: 26px; margin: -13px 0 0 -13px;
  pointer-events: none; z-index: 900; opacity: 0; color: #6B4A30;   /* under the sticky header (1000) */
}
.ww-mudpaw svg { width: 100%; height: 100%; display: block; fill: currentColor; }
.ww-mudpaw.is-step { animation: ww-mud 1.6s ease-out forwards; }
@keyframes ww-mud {
  0%   { opacity: 0; transform: var(--at) scale(.7); }
  8%   { opacity: .62; transform: var(--at) scale(1); }
  55%  { opacity: .45; transform: var(--at) scale(1); }
  100% { opacity: 0; transform: var(--at) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .ww-mudpaw { display: none; }
}