/* GENERATED by tools/anim/gen_anim_css.py — do not edit.
 * Fully-literal animation longhands per sequence (no var()/calc() in
 * animation properties — browser-agnostic), plus frame-width vars for
 * strip sizing and per-creature aspect boxes.
 * Longhands, never the `animation` shorthand: .play-rev (scene.css)
 * must keep its animation-direction. */
.fb--heron-hunt { --fb-n: 23; }
.fb--heron-hunt img, .fb img.fb--heron-hunt { animation-name: fbo-23; animation-duration: 4400ms; animation-timing-function: steps(22); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--heron-gape { --fb-n: 10; }
.fb--heron-gape img, .fb img.fb--heron-gape { animation-name: fbo-10; animation-duration: 1620ms; animation-timing-function: steps(9); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--heron-takeoff { --fb-n: 4; }
.fb--heron-takeoff img, .fb img.fb--heron-takeoff { animation-name: fbo-4; animation-duration: 780ms; animation-timing-function: steps(3); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--heron-flight { --fb-n: 4; }
.fb--heron-flight img, .fb img.fb--heron-flight { animation-name: fb-play; animation-duration: 880ms; animation-timing-function: steps(4); animation-iteration-count: infinite; }
.fb--owl-blink { --fb-n: 7; }
.fb--owl-blink img, .fb img.fb--owl-blink { animation-name: fbo-7; animation-duration: 1530ms; animation-timing-function: steps(6); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-head-turn-r { --fb-n: 16; }
.fb--owl-head-turn-r img, .fb img.fb--owl-head-turn-r { animation-name: fbo-16; animation-duration: 3300ms; animation-timing-function: steps(15); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-head-turn-l { --fb-n: 16; }
.fb--owl-head-turn-l img, .fb img.fb--owl-head-turn-l { animation-name: fbo-16; animation-duration: 3300ms; animation-timing-function: steps(15); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-ear-tilt { --fb-n: 10; }
.fb--owl-ear-tilt img, .fb img.fb--owl-ear-tilt { animation-name: fbo-10; animation-duration: 1980ms; animation-timing-function: steps(9); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-settle { --fb-n: 7; }
.fb--owl-settle img, .fb img.fb--owl-settle { animation-name: fbo-7; animation-duration: 1560ms; animation-timing-function: steps(6); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-takeoff { --fb-n: 4; }
.fb--owl-takeoff img, .fb img.fb--owl-takeoff { animation-name: fbo-4; animation-duration: 780ms; animation-timing-function: steps(3); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--owl-flight { --fb-n: 4; }
.fb--owl-flight img, .fb img.fb--owl-flight { animation-name: fb-play; animation-duration: 880ms; animation-timing-function: steps(4); animation-iteration-count: infinite; }
.fb--toad-blink { --fb-n: 4; }
.fb--toad-blink img, .fb img.fb--toad-blink { animation-name: fbo-4; animation-duration: 420ms; animation-timing-function: steps(3); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--toad-shift { --fb-n: 6; }
.fb--toad-shift img, .fb img.fb--toad-shift { animation-name: fbo-6; animation-duration: 900ms; animation-timing-function: steps(5); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--toad-hop { --fb-n: 5; }
.fb--toad-hop img, .fb img.fb--toad-hop { animation-name: fbo-5; animation-duration: 480ms; animation-timing-function: steps(4); animation-iteration-count: 1; animation-fill-mode: forwards; }
.fb--dragonfly-flap { --fb-n: 2; }
.fb--dragonfly-flap img, .fb img.fb--dragonfly-flap { animation-name: fb-play; animation-duration: 180ms; animation-timing-function: steps(2); animation-iteration-count: infinite; }
.fb--cattail-a-sway { --fb-n: 12; }
.fb--cattail-a-sway img, .fb img.fb--cattail-a-sway { animation-name: fb-play; animation-duration: 6600ms; animation-timing-function: steps(12); animation-iteration-count: infinite; }
.fb--cattail-b-sway { --fb-n: 12; }
.fb--cattail-b-sway img, .fb img.fb--cattail-b-sway { animation-name: fb-play; animation-duration: 6600ms; animation-timing-function: steps(12); animation-iteration-count: infinite; }
@keyframes fbo-4 { to { transform: translateX(-75.0000%); } }
@keyframes fbo-5 { to { transform: translateX(-80.0000%); } }
@keyframes fbo-6 { to { transform: translateX(-83.3333%); } }
@keyframes fbo-7 { to { transform: translateX(-85.7143%); } }
@keyframes fbo-10 { to { transform: translateX(-90.0000%); } }
@keyframes fbo-16 { to { transform: translateX(-93.7500%); } }
@keyframes fbo-23 { to { transform: translateX(-95.6522%); } }
.box--cattail-a { aspect-ratio: 556 / 604; }
.box--cattail-b { aspect-ratio: 556 / 604; }
.box--dragonfly { aspect-ratio: 1410 / 1190; }
.box--heron { aspect-ratio: 722 / 1030; }
.box--owl { aspect-ratio: 710 / 986; }
.box--toad { aspect-ratio: 1692 / 1504; }