/* Sample the supplied butterfly artwork without changing the original image. */
.butterfly-flight{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;mix-blend-mode:multiply;opacity:0;transition:opacity .25s}
.butterfly-flight.is-active{opacity:1}
.butterfly-follower{position:absolute;left:0;top:0;width:80px;height:72px;will-change:transform;mix-blend-mode:multiply}
.butterfly-facing{width:100%;height:100%;transform:scaleX(var(--facing,1))}
.butterfly-wing{width:80px;height:72px;background:url('images/butterfly-sprite-source.png') -8px -20px / 212px 262px no-repeat;transform-origin:55% 60%;animation:butterfly-flap .38s ease-in-out infinite alternate;animation-play-state:paused}
.is-active .butterfly-wing{animation-play-state:running}
.butterfly-follower:nth-child(2) .butterfly-wing{animation-duration:.31s;animation-delay:-.17s}
.butterfly-follower:nth-child(3) .butterfly-wing{animation-duration:.44s;animation-delay:-.25s}
@keyframes butterfly-flap{from{transform:scaleX(.55) rotate(-6deg)}to{transform:scaleX(1) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.butterfly-flight{display:none}}
body.motion-paused .butterfly-flight{display:none}

.butterfly-flight:not(.is-active) .butterfly-wing{animation-play-state:paused}