.pickles-sky{position:relative;height:260px;margin-top:1rem;overflow:hidden;pointer-events:none}.pickles{position:absolute;left:0;top:50%;width:150px;height:auto;padding:0;border:0;background:0 0;pointer-events:auto;cursor:pointer;translate:-220px -50%;will-change:transform,translate}.pickles-sky.go .pickles{animation:picklesFly 9s linear infinite}.pickles-sky.go .pickles-body{animation:picklesBob 1.1s ease-in-out infinite}@keyframes picklesFly{0%{translate:-220px -50%}100%{translate:calc(100vw + 60px)-50%}}@keyframes picklesBob{0%,100%{transform:translateY(-14px)rotate(-6deg)}50%{transform:translateY(14px)rotate(4deg)}}.pickles-body{display:block;position:relative}.pickles-body img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,30,.5))}.pickles-cape{position:absolute;left:-42%;top:30%;width:60%;height:46%;z-index:-1;transform-origin:100% 30%;animation:capeFlap .35s ease-in-out infinite alternate}@keyframes capeFlap{from{transform:skewY(-6deg)scaleX(.94)}to{transform:skewY(6deg)scaleX(1.06)}}.pickles-trail{position:absolute;right:88%;top:50%;width:180px;height:8px;translate:0 -50%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,233,168,.25),rgba(255,233,168,.8));filter:blur(2px)}.pickles-trail i{position:absolute;top:50%;width:10px;height:10px;translate:0 -50%;background:var(--yellow);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:trailTwinkle 1s ease-in-out infinite}.pickles-trail i:nth-child(1){left:10%;animation-delay:-.2s}.pickles-trail i:nth-child(2){left:40%;animation-delay:-.5s;width:7px;height:7px}.pickles-trail i:nth-child(3){left:70%;animation-delay:-.8s}@keyframes trailTwinkle{50%{opacity:.2;transform:scale(.5)}}.pickles.boop .pickles-body img{animation:boop .5s ease}@keyframes boop{30%{transform:scale(1.2)rotate(-10deg)}60%{transform:scale(.95)rotate(6deg)}}.pickles-heart{position:absolute;left:50%;top:0;font-size:1.6rem;pointer-events:none;animation:heartUp 1s ease-out forwards}@keyframes heartUp{from{opacity:1;transform:translate(-50%,0)scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-80px)scale(1.2)}}.pickles-caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:var(--muted);font-size:.85rem;opacity:.8}@media(max-width:860px){.pickles-sky{height:200px}.pickles{width:110px}.pickles-sky.go .pickles{animation-duration:6s}}@media(prefers-reduced-motion:reduce){.pickles-sky.go .pickles,.pickles-sky.go .pickles-body,.pickles-cape,.pickles-trail i{animation:none}.pickles{translate:-50% -50%;left:50%}}