#farmdewButterflies{position:absolute;z-index:3;display:none;inset:0;pointer-events:none}
html.farmdew-butterfly-ambience-active #farmdewButterflies{display:block}
.farmdew-butterfly{position:absolute;width:32px;height:32px;pointer-events:none;background-image:url("/farmdew/pixel/v1/ambient/phase4f/butterfly-wing-loop-a.png?v=3130-farmdew-butterfly-ambience");background-repeat:no-repeat;background-position:0 0;background-size:224px 32px;image-rendering:pixelated;will-change:background-position,transform;animation:farmdew-butterfly-wing-loop-a 3.5s steps(7,end) infinite}
.farmdew-butterfly.butterfly-one{left:14%;top:23%;animation-name:farmdew-butterfly-wing-loop-a,farmdew-butterfly-drift-one;animation-duration:3.5s,18s;animation-timing-function:steps(7,end),steps(18,end);animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-delay:-.6s,-5s}
.farmdew-butterfly.butterfly-two{left:67%;top:34%;animation-name:farmdew-butterfly-wing-loop-a,farmdew-butterfly-drift-two;animation-duration:3.5s,22s;animation-timing-function:steps(7,end),steps(22,end);animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-delay:-1.9s,-11s}
html.farmdew-butterfly-ambience-paused .farmdew-butterfly{animation-play-state:paused}
@keyframes farmdew-butterfly-wing-loop-a{from{background-position:0 0}to{background-position:-224px 0}}
@keyframes farmdew-butterfly-drift-one{0%{transform:translate(0,0)}35%{transform:translate(8px,-4px)}70%{transform:translate(3px,7px)}100%{transform:translate(-6px,2px)}}
@keyframes farmdew-butterfly-drift-two{0%{transform:translate(0,0)}30%{transform:translate(-7px,5px)}68%{transform:translate(5px,-3px)}100%{transform:translate(8px,4px)}}
@media(prefers-reduced-motion:reduce){#farmdewButterflies{display:none!important}}