.bf-fly{--line:var(--accent);--grain:#3b8cf2;--star:#3b8cf2;display:block;aspect-ratio:390/420}.not-found-fly{width:120px;margin:0 0 32px 12px;cursor:pointer}.dark .bf-fly{--line:var(--accent-on-dark);--star:var(--accent-on-dark)}.bf-fly svg{display:block;width:100%;height:100%;overflow:visible}.bf-lines{fill:none;stroke:var(--line);stroke-linecap:round;stroke-linejoin:round}.bf-knob,.bf-torso{fill:var(--line);stroke:none}.bf-legs{fill:none;stroke:var(--line);stroke-width:2.6;stroke-linecap:round}.bf-grain{flood-color:var(--grain)}.bf-star{fill:var(--star)}.bf-glow{fill:none;stroke:var(--star);stroke-width:4;opacity:0}.bf-zz{fill:var(--star);opacity:0}.bf-flyer,.bf-half-l,.bf-half-r,.bf-mover,.bf-torso{transform-box:view-box;transform-origin:414px 512px}.bf-w-ur{transform-origin:426px 500px}.bf-antennae,.bf-w-ur{transform-box:view-box}.bf-antennae{transform-origin:421px 480px;transition:transform .2s ease-out}.bf-ant-a{transform-origin:423px 481px}.bf-ant-a,.bf-ant-b{transform-box:view-box}.bf-ant-b{transform-origin:427px 480px}.bf-logo{transform-box:view-box;transform-origin:424px 498px;opacity:0}.bf-glow,.bf-star,.bf-zz{transform-box:fill-box;transform-origin:center}.bf-flyer,.bf-half-l,.bf-half-r,.bf-torso{transition:transform .35s cubic-bezier(.3,1.2,.5,1)}.bf-fly:not(.bf-sleep):not(.bf-off):not(.bf-open) .bf-s1{animation:bfTwinkle 2.8s ease-in-out infinite}.bf-fly:not(.bf-sleep):not(.bf-off):not(.bf-open) .bf-s2{animation:bfTwinkle 2.8s ease-in-out -1.4s infinite}@keyframes bfTwinkle{50%{transform:scale(.6) rotate(20deg);opacity:.6}}.bf-fly.bf-open .bf-logo{animation:bfLogoOut 1.3s ease-in-out both}@keyframes bfLogoOut{0%,35%{opacity:1;transform:none}75%,to{opacity:0;transform:scale(.9)}}.bf-fly.bf-open .bf-half-r{animation:bfGrow .8s cubic-bezier(.3,1.2,.5,1) .45s both}@keyframes bfGrow{0%{opacity:0;transform:scale(.55)}}.bf-fly.bf-open .bf-half-l{animation:bfUnfold .9s cubic-bezier(.3,1.2,.5,1) .8s both}@keyframes bfUnfold{0%{transform:scaleX(0)}}.bf-fly.bf-open .bf-antennae,.bf-fly.bf-open .bf-torso{animation:bfFadeIn .45s ease-out 1.05s both}.bf-fly.bf-open .bf-star{animation:bfPop .5s cubic-bezier(.3,1.6,.5,1) 1.4s both}.bf-fly.bf-open .bf-s2{animation-delay:1.6s}@keyframes bfFadeIn{0%{opacity:0}}@keyframes bfPop{0%{transform:scale(0)}}.bf-fly.bf-rest .bf-half-l,.bf-fly.bf-rest .bf-half-r{animation:bfSlow 4s ease-in-out infinite}@keyframes bfSlow{0%,72%,to{transform:none}82%{transform:scaleX(.5)}92%{transform:scaleX(.92)}}.bf-fly.bf-rest .bf-flyer{animation:bfBob 4s ease-in-out infinite}@keyframes bfBob{0%,72%,to{transform:none}82%{transform:translateY(-7px)}92%{transform:translateY(2px)}}.bf-fly.bf-rest .bf-torso{animation:bfBreathe 4s ease-in-out infinite}@keyframes bfBreathe{0%,to{transform:none}30%{transform:rotate(1.5deg) scaleY(1.03)}60%{transform:none}82%{transform:rotate(-4deg)}92%{transform:rotate(2deg)}}.bf-fly.bf-rest .bf-antennae{animation:bfSway 4s ease-in-out infinite}@keyframes bfSway{0%,to{transform:none}22%{transform:rotate(4deg)}34%{transform:rotate(-2deg)}45%{transform:none}85%{transform:rotate(9deg)}95%{transform:rotate(-4deg)}}.bf-fly.bf-preen .bf-ant-a{animation:bfPreenA 1.6s ease-in-out both}.bf-fly.bf-preen .bf-ant-b{animation:bfPreenB 1.6s ease-in-out .15s both}@keyframes bfPreenA{0%,to{transform:none}25%{transform:rotate(-26deg) scaleY(.82)}50%{transform:rotate(-4deg)}72%{transform:rotate(-18deg) scaleY(.86)}}@keyframes bfPreenB{0%,to{transform:none}25%{transform:rotate(22deg) scaleY(.82)}50%{transform:rotate(4deg)}72%{transform:rotate(16deg) scaleY(.86)}}.bf-fly.bf-preen .bf-torso{animation:bfNod 1.6s ease-in-out both}@keyframes bfNod{0%,to{transform:none}25%,72%{transform:rotate(-4deg) translateY(2px)}}.bf-fly.bf-look .bf-flyer{animation:bfTurn 2.4s ease-in-out both}@keyframes bfTurn{0%,to{transform:none}25%,38%{transform:rotate(-7deg)}62%,75%{transform:rotate(7deg)}}.bf-fly.bf-look .bf-antennae{animation:bfLead 2.4s ease-in-out both}@keyframes bfLead{0%,to{transform:none}20%,38%{transform:rotate(-16deg)}57%,75%{transform:rotate(16deg)}}.bf-fly.bf-hello .bf-w-ur{animation:bfWave 1.6s ease-in-out both}@keyframes bfWave{0%,to{transform:none}18%{transform:rotate(-22deg)}36%{transform:rotate(4deg)}56%{transform:rotate(-18deg)}76%{transform:rotate(2deg)}}.bf-fly.bf-hello .bf-antennae{animation:bfHi 1.6s ease-in-out both}@keyframes bfHi{0%,to{transform:none}20%,80%{transform:rotate(10deg)}}.bf-fly.bf-hello .bf-flyer{animation:bfRise 1.6s ease-in-out both}@keyframes bfRise{0%,to{transform:none}20%,80%{transform:translateY(-5px)}}.bf-fly.bf-focus .bf-half-l{transform:rotate(-6deg)}.bf-fly.bf-focus .bf-half-r{transform:rotate(6deg)}.bf-fly.bf-focus .bf-flyer{transform:translateY(-4px)}.bf-fly.bf-type .bf-half-l{transform:rotate(-6deg)}.bf-fly.bf-type .bf-half-r{transform:rotate(6deg)}.bf-fly.bf-type .bf-ant-a{animation:bfTapA .36s ease-in-out infinite}.bf-fly.bf-type .bf-ant-b{animation:bfTapB .36s ease-in-out .18s infinite}@keyframes bfTapA{50%{transform:rotate(-11deg)}}@keyframes bfTapB{50%{transform:rotate(11deg)}}.bf-fly.bf-search .bf-mover{animation:bfLiftOff .45s cubic-bezier(.2,.7,.2,1) both}@keyframes bfLiftOff{to{transform:translate(-10px,-26px)}}.bf-fly.bf-search .bf-flyer{animation:bfHover .5s ease-in-out infinite alternate}@keyframes bfHover{to{transform:translateY(-6px)}}.bf-fly.bf-search .bf-half-l,.bf-fly.bf-search .bf-half-r{animation:bfFlutter .13s ease-in-out infinite alternate}@keyframes bfFlutter{to{transform:scaleX(.25)}}.bf-fly.bf-search .bf-torso{animation:bfBeatTilt .26s ease-in-out infinite alternate}@keyframes bfBeatTilt{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.bf-fly.bf-search .bf-antennae{animation:bfBeatAnt .26s ease-in-out .06s infinite alternate}@keyframes bfBeatAnt{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.bf-fly.bf-think .bf-half-l,.bf-fly.bf-think .bf-half-r{animation:bfFan 1.2s ease-in-out infinite}@keyframes bfFan{50%{transform:scaleX(.35)}}.bf-fly.bf-think .bf-flyer{animation:bfFloat 2.4s ease-in-out infinite}@keyframes bfFloat{50%{transform:translateY(-6px) rotate(-2deg)}}.bf-fly.bf-think .bf-ant-a{animation:bfTapA .7s ease-in-out infinite}.bf-fly.bf-think .bf-ant-b{animation:bfTapB .7s ease-in-out .35s infinite}.bf-fly.bf-think .bf-s1{animation:bfThink 1.2s ease-in-out infinite}.bf-fly.bf-think .bf-s2{animation:bfThink 1.2s ease-in-out .6s infinite}@keyframes bfThink{50%{opacity:.25;transform:scale(.7)}}.bf-fly.bf-found .bf-half-l,.bf-fly.bf-found .bf-half-r{animation:bfDouble 1.2s ease-out both}@keyframes bfDouble{0%,60%,to{transform:none}15%,45%{transform:scaleX(.3)}30%{transform:none}}.bf-fly.bf-found .bf-flyer{animation:bfHop 1.2s ease-out both}@keyframes bfHop{0%,55%,to{transform:none}20%{transform:translateY(-10px)}}.bf-fly.bf-found .bf-glow{animation:bfGlow .9s ease-out .1s forwards}@keyframes bfGlow{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.bf-fly.bf-answer .bf-mover{animation:bfLoop 2.2s cubic-bezier(.45,0,.25,1) both}@keyframes bfLoop{0%,to{transform:none}18%{transform:translate(24px,-40px) rotate(14deg)}38%{transform:translate(62px,-22px) rotate(30deg)}58%{transform:translate(44px,22px) rotate(-8deg)}80%{transform:translate(10px,8px) rotate(-4deg)}}.bf-fly.bf-answer .bf-half-l,.bf-fly.bf-answer .bf-half-r{animation:bfFlutter .14s ease-in-out 14 alternate}.bf-fly.bf-answer .bf-star{animation:bfFlare 2.2s ease-in-out both}@keyframes bfFlare{0%,to{transform:none}40%{transform:scale(1.6) rotate(36deg)}}.bf-fly.bf-answer .bf-glow{animation:bfGlow .9s ease-out 1.7s forwards}.bf-fly.bf-empty .bf-half-l{transform:scaleX(.7) rotate(9deg)}.bf-fly.bf-empty .bf-half-r{transform:scaleX(.7) rotate(-9deg)}.bf-fly.bf-empty .bf-torso{transform:rotate(4deg) translateY(3px)}.bf-fly.bf-empty .bf-ant-a{transform:rotate(-16deg)}.bf-fly.bf-empty .bf-ant-b{transform:rotate(14deg)}.bf-fly.bf-empty .bf-ant-a,.bf-fly.bf-empty .bf-ant-b{transition:transform .4s ease-out}.bf-fly.bf-off .bf-half-l,.bf-fly.bf-off .bf-half-r{transform:scaleX(.62)}.bf-fly.bf-off svg{opacity:.6;transition:opacity .3s}.bf-fly.bf-off .bf-ant-a{transform:rotate(-14deg)}.bf-fly.bf-off .bf-ant-b{transform:rotate(12deg)}.bf-fly.bf-sleep .bf-half-l,.bf-fly.bf-sleep .bf-half-r{transform:scaleX(.5);animation:bfSleepWings 3.2s ease-in-out infinite}@keyframes bfSleepWings{0%,to{transform:scaleX(.5)}50%{transform:scaleX(.58)}}.bf-fly.bf-sleep .bf-torso{animation:bfSleepBreath 3.2s ease-in-out infinite}@keyframes bfSleepBreath{50%{transform:scaleY(1.05) translateY(-1px)}}.bf-fly.bf-sleep .bf-ant-a{transform:rotate(-20deg)}.bf-fly.bf-sleep .bf-ant-b{transform:rotate(18deg)}.bf-fly.bf-sleep .bf-star{opacity:.35}.bf-fly.bf-sleep .bf-zz{animation:bfDrift 3s ease-out infinite}.bf-fly.bf-sleep .bf-z2{animation-delay:1s}.bf-fly.bf-sleep .bf-z3{animation-delay:2s}@keyframes bfDrift{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(28px,-46px) scale(1.1) rotate(40deg)}}.bf-fly.bf-wake .bf-half-l,.bf-fly.bf-wake .bf-half-r{animation:bfStretch 1.8s cubic-bezier(.2,.7,.2,1) both}@keyframes bfStretch{0%{transform:scaleX(.5)}60%{transform:scaleX(1.06)}to{transform:none}}.bf-fly.bf-wake .bf-ant-a{animation:bfLiftA 1.8s ease-out both}.bf-fly.bf-wake .bf-ant-b{animation:bfLiftB 1.8s ease-out both}@keyframes bfLiftA{0%{transform:rotate(-20deg)}60%{transform:rotate(5deg)}to{transform:none}}@keyframes bfLiftB{0%{transform:rotate(18deg)}60%{transform:rotate(-5deg)}to{transform:none}}.bf-fly.bf-wake .bf-flyer{animation:bfYawn 1.8s ease-in-out both}@keyframes bfYawn{0%,to{transform:none}55%{transform:translateY(-6px) scaleY(1.03)}}.bf-fly.bf-tap .bf-half-l,.bf-fly.bf-tap .bf-half-r{animation:bfFlutter .12s ease-in-out 6 alternate}.bf-fly.bf-tap .bf-flyer{animation:bfJump .8s ease-out both}@keyframes bfJump{0%,to{transform:none}30%{transform:translateY(-12px) rotate(-3deg)}60%{transform:translateY(-3px)}}.bf-fly.bf-tap .bf-antennae{animation:bfSpring .8s ease-out both}@keyframes bfSpring{0%,to{transform:none}25%{transform:rotate(-12deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-3deg)}}.bf-fly.bf-lost .bf-mover{animation:bfEight 6s ease-in-out infinite}@keyframes bfEight{0%,to{transform:none}25%{transform:translate(34px,-18px) rotate(12deg)}50%{transform:translateY(-8px)}75%{transform:translate(-34px,-18px) rotate(-12deg)}}.bf-fly.bf-lost .bf-half-l,.bf-fly.bf-lost .bf-half-r{animation:bfFlutter .2s ease-in-out infinite alternate}.bf-fly.bf-lost .bf-antennae{animation:bfLead 3s ease-in-out infinite}.bf-fly[data-paused],.bf-fly[data-paused] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.bf-fly,.bf-fly *{animation:none!important;transition-property:opacity!important;transition-duration:.15s!important}.bf-fly .bf-logo{display:none}}