/* The wildlife (critters.js): shared by the app and the getkithwell.com homepage, so they always look alike.
   Uses the page's --card and --ink colors, and the #wobble filter for the far-off flock. */
.critter{position:fixed;left:0;top:0;z-index:18;pointer-events:none;will-change:transform}
.critter .cv{width:100%;height:100%;transform-origin:50% 100%}
.critter svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 96%}
.critter .c{fill:var(--card);stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.critter .cap{fill:var(--ink);opacity:.8}
.critter .h{fill:none;stroke:var(--ink);stroke-width:.9;stroke-linecap:round;opacity:.75}
.critter .k{fill:var(--ink)}
.critter .sh{fill:var(--ink);opacity:.14}
.critter.air .sh,.critter.run .sh{display:none}
.critter.rabbit .leap,.critter.rabbit.air .sit{display:none}
.critter.rabbit.air .leap{display:inline}
.critter .head,.critter .ears{transform-box:view-box}
.critter.bird .head{transform-origin:42px 25px}
.critter.rabbit .head{transform-origin:50px 33px}
.critter.rabbit .ears{transform-origin:54px 20px}
.critter .wup,.critter .wdn{display:none}
.critter.fly .wing,.critter.fly .legs{display:none}
.critter.fly .wup{display:inline;animation:flap .2s steps(1,end) infinite}
.critter.fly .wdn{display:inline;animation:flap2 .2s steps(1,end) infinite}
@keyframes flap{0%{opacity:1}50%{opacity:0}}
@keyframes flap2{0%{opacity:0}50%{opacity:1}}
.critter.run .ears{transform:rotate(-30deg)}
@media print{.critter{display:none}}
.critter.peek{overflow:hidden}
.critter.flock{width:90px;height:34px;color:var(--ink);opacity:.55}
.critter.flock span{position:absolute;width:22px;height:8px;animation:farflap 1.6s ease-in-out infinite}
.critter.flock .skt{width:100%;height:100%}
@keyframes farflap{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45) translateY(2px)}}
.critter .skt{display:block;overflow:visible}
.critter .skt .sk{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:url(#wobble)}
.critter .skt .sk *{vector-effect:non-scaling-stroke}