.bee-mascot{--bee-gold:#f2c865;--bee-deep:#a87a1e;--bee-ink:#242723;--bee-cream:#fff4d6;--bee-flap:.13s;width:100%;height:100%;display:block;overflow:visible}.bee-mascot[data-size=full]{width:128%;height:128%;position:absolute;inset:-14%}.bee-gold{fill:var(--bee-gold)}.bee-deep{fill:var(--bee-deep)}.bee-ink{fill:var(--bee-ink)}.bee-cream{fill:var(--bee-cream)}.bee-white{fill:#fff}.bee-iris{fill:#6b3f12}.bee-star{fill:#ffd23f}.bee-tear{fill:#7fb2e6}.bee-cheek{fill:#ef8f7c}.bee-inside{fill:#c8483f}.bee-tongue{fill:#f49a8a}.bee-badge{fill:#3e7656}.bee-wing-skin{fill:#cfe3f2;fill-opacity:.68;stroke:#8fb2cc;stroke-width:2px}.bee-limb{fill:none;stroke:var(--bee-deep);stroke-linecap:round}.bee-tip{fill:var(--bee-gold);stroke:var(--bee-deep);stroke-width:3px}.bee-shine{fill:none;stroke:#fff;stroke-opacity:.14;stroke-width:4px;stroke-linecap:round}.bee-brow{fill:none;stroke:var(--bee-cream);stroke-width:5px;stroke-linecap:round}.bee-lips{fill:none;stroke:var(--bee-cream);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.bee-tick{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.bee-mascot[data-size=small] .bee-arm,.bee-mascot[data-size=small] .bee-stinger{display:none}.bee-mascot[data-size=small] .bee-brow{stroke-width:8px}.bee-mascot[data-size=small] .bee-lips{stroke-width:6px}.bee-x{opacity:0;transition:opacity var(--duration-fast,.18s)}.bee-x.on{opacity:1}.bee-mascot[data-animated=on] .bee-wing{transform-origin:68px 90px;animation:bee-flap var(--bee-flap) ease-in-out infinite alternate}.bee-mascot[data-animated=on] .bee-float{animation:3s ease-in-out infinite bee-bob}.bee-mascot[data-size=small][data-emotion=idle] .bee-wing,.bee-mascot[data-size=small][data-emotion=idle] .bee-float,.bee-mascot[data-size=small][data-emotion=sleepy] .bee-wing,.bee-mascot[data-size=small][data-emotion=sleepy] .bee-float{animation:none}.honey-glass{fill:#cfe3f2;fill-opacity:.28}.honey-rim{fill:none;stroke:#8fb2cc;stroke-width:2px}.honey-fill{fill:#f2c865;transition:transform .8s cubic-bezier(.34,1.3,.64,1)}.honey-lid{fill:#a87a1e}.honey-shine{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:2px;stroke-linecap:round}.honey-jar{transition:transform var(--duration-fast,.18s);transform-origin:50% 100%}.honey-jar:hover{transform:scale(1.12)}.bee-shrink{transform-origin:50% 74%;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}[data-bee-small] .bee-shrink{transform:scale(.5)}@media (width<=820px){[data-bee-small] .bee-shrink{transform:scale(.65)}}[data-bee-small] .bee-mascot:is([data-emotion=idle],[data-emotion=worried],[data-emotion=relaxed],[data-emotion=sleepy]) :is(.bee-wing,.bee-float){animation:none}.bee-mascot[data-emotion=working],.bee-mascot[data-emotion=excited]{--bee-flap:80ms}.bee-mascot[data-emotion=sorry]{--bee-flap:.45s}.bee-mascot[data-emotion=sleepy]{--bee-flap:1s}.bee-mascot[data-animated=on][data-emotion=sleepy] .bee-float,.bee-mascot[data-animated=on][data-emotion=sorry] .bee-float{animation-duration:5s}.bee-mascot[data-animated=on][data-emotion=excited] .bee-float{animation:.46s ease-in-out infinite alternate bee-bounce}.bee-mascot[data-animated=on][data-emotion=confused] .bee-float{transform-origin:120px 130px;animation:2.2s ease-in-out infinite bee-sway}.bee-mascot[data-animated=on][data-emotion=nervous] .bee-float{animation:90ms linear infinite alternate bee-tremble}.bee-mascot[data-animated=on][data-emotion=highfive] .bee-wave{animation:.2s ease-in-out 4 alternate bee-wave}.bee-mascot[data-animated=on][data-emotion=waiting] .bee-wave{animation:.55s ease-in-out infinite alternate bee-wave}.bee-mascot[data-animated=on][data-emotion=talking] .bee-talk{animation:.24s ease-in-out infinite alternate bee-talk}.bee-mascot[data-animated=on][data-emotion=talking][data-lipsync] .bee-talk{animation:none}.bee-mascot[data-animated=on] .bee-x.on circle,.bee-mascot[data-animated=on] .bee-x-spark.on path,.bee-mascot[data-animated=on] .bee-x-z.on path,.bee-mascot[data-animated=on] .bee-x-arcs.on path{animation:1.2s ease-in-out infinite bee-pulse}.bee-x>:nth-child(2){animation-delay:.2s}.bee-x>:nth-child(3){animation-delay:.4s}.bee-peek{animation:.7s cubic-bezier(.34,1.56,.64,1) both bee-peek}@keyframes bee-peek{0%{transform:translateY(55%)}}@keyframes bee-flap{0%{transform:rotate(4deg)}to{transform:rotate(-16deg)}}@keyframes bee-tremble{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}@keyframes bee-bob{50%{transform:translateY(-5px)}}@keyframes bee-bounce{to{transform:translateY(-12px)}}@keyframes bee-sway{50%{transform:rotate(4deg)}}@keyframes bee-wave{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}@keyframes bee-talk{0%{transform:scaleY(.45)}to{transform:scaleY(1.1)}}@keyframes bee-pulse{0%,to{opacity:.3}50%{opacity:1}}
