.flappy-perch{position:relative;height:0}.flappy-perch-duck{bottom:-3rem;left:max(1rem,6vw);z-index:2;width:81px;padding:0;border:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAYBAMAAABw9gyhAAAAGFBMVEUAAABUOEfW1tbihgD6+vr/gh7/swD/3ngBZ6dHAAAAAXRSTlMAQObYZgAAASJJREFUKM+100GOwyAMBVB8A6gyyT6L7ivUG6B0nUUOUCXxCapy/fk20EDV7mZYVHHfxzgSMeafFjnnjgqF/UJmiJFfNcX4vNuPZByMOSOJ8f0TSRNYwUEtY0soHyGEgkNEMWVsibrb40B0CQcOsSLThdtWJ59Nsib9n/GzW8L7yJAbcDYW2/ggtJSk2O5+bCcdxHh2s6GyTcjQOJ5Zj9iXxcnDpnuXZTZOOybCNLnkOjlpkuShEJKURmG+ostpHPU4XmE62ItSUtZ6xT7qc+Vh+WUzYfUyNew6lxMmXv3i5G2nikrSez0iJVfvZTI6nStS3MJayl6SPiXfSBF2SddSEJavZUOKaFKuVo8h/aXcnoaAlQFrayh9Arb+OtwX+uv1C0IRmpuZt1EHAAAAAElFTkSuQmCC) 0 0/243px 72px no-repeat;cursor:pointer}.flappy-perch-duck,.flappy-perch-duck:after{position:absolute;height:72px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.flappy-perch-duck:after{content:"";bottom:calc(100% + 6px);left:50%;width:228px;transform:translateX(-30%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAkBAMAAACnJHOkAAAAD1BMVEUAAABUOEfW1tb/KQ3///8rAVlfAAAAAXRSTlMAQObYZgAAAKNJREFUSMfl1NEJgDAMBNCscCtkhaxw+8/kR2rTVoVqiggGxZ97EGJTkeuCPK0PSo4VCq0+5hLShmLbasBjLCNJmvnLhvbTMBtyOWn749+gGHrtcotloSDRjWe1JLlPqP6XKptua26BLF10AwrptMsl5enpcwncP7cT8nzLRACSzZBm93NCXl4ldMnbt1FG8hdSoO/LQvVVKVDVRzAjgVizhXID8LS7IwjSdmwAAAAASUVORK5CYII=) 50%/contain no-repeat;opacity:0%;transition:opacity 0.2s;pointer-events:none}.flappy-perch-duck:focus-visible:after,.flappy-perch-duck:hover:after{opacity:100%}@media (prefers-reduced-motion:no-preference){@-webkit-keyframes flappy-flap{to{background-position:-243px 0}}@keyframes flappy-flap{to{background-position:-243px 0}}@-webkit-keyframes flappy-bob{50%{transform:translateY(-8px)}}@keyframes flappy-bob{50%{transform:translateY(-8px)}}.flappy-perch-duck{-webkit-animation:flappy-flap 0.36s steps(3) infinite,flappy-bob 0.9s ease-in-out infinite;animation:flappy-flap 0.36s steps(3) infinite,flappy-bob 0.9s ease-in-out infinite}}