/* The dove: flies in, lands, walks, flies back (dove.js drives it) */
.dove{position:absolute;top:0;left:0;z-index:2;width:64px;height:40px;pointer-events:none;opacity:0}
.dove svg{display:block}
.dove.face-left svg{transform:scaleX(-1)}
.dove .wing{transform-box:fill-box;transform-origin:50% 100%;animation:flap .5s linear infinite}
.dove.perched .wing{animation:fold .45s ease-out forwards}
@keyframes flap{0%{transform:rotate(-14deg) scaleY(1);animation-timing-function:cubic-bezier(.5,0,.8,.6)}35%{transform:rotate(8deg) scaleY(-.7);animation-timing-function:ease-out}70%{transform:rotate(-2deg) scaleY(.35)}100%{transform:rotate(-14deg) scaleY(1)}}
@keyframes fold{from{transform:rotate(-10deg) scaleY(.6)}to{transform:rotate(6deg) scaleY(-.45)}}
@media (prefers-reduced-motion:reduce){.dove{display:none}}
.dove.perched .legs{stroke-width:1.800}
.dove.scared .wing{animation:flap .16s linear infinite}
.dove.flap2 .wing{animation:flap .25s linear infinite}
.dove .head,.dove .bodyg,.dove .leg{transform-box:fill-box}
.dove .leg{transform-origin:50% 0}
.dove.walking .l1{animation:step .5s ease-in-out infinite alternate}
.dove.walking .l2{animation:step .5s ease-in-out infinite alternate-reverse}
.dove.walking .head{animation:headbob .55s ease-in-out infinite}
.dove.walking .bodyg{transform-origin:50% 100%;animation:squat .55s ease-in-out infinite}
@keyframes step{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
@keyframes headbob{0%{transform:translateX(-1.500px) scaleX(.92)}35%{transform:translateX(3.500px) scaleX(1.06)}65%{transform:translateX(3.500px) scaleX(1.06)}100%{transform:translateX(-1.500px) scaleX(.92)}}
@keyframes squat{0%,100%{transform:scaleY(.94)}40%,65%{transform:scaleY(1)}}
.dove .legs{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(.22) rotate(-8deg);transition:transform .5s ease-out}
.dove.land .legs,.dove.perched .legs,.dove.walking .legs{transform:none}
.dove-host{position:relative;overflow-x:hidden;overflow-x:clip}
body.dove-clip{overflow-x:hidden;overflow-x:clip}