@media (prefers-reduced-motion:no-preference){.milo-mark-head{transform-box:view-box;transform-origin:100px 180px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.milo-mark-antenna{transform-box:view-box;transform-origin:140px 64px}.milo-mark-halo{transform-box:fill-box;transform-origin:50%}.milo-mark[data-motion=live] .milo-mark-eye{animation:7s ease-in-out infinite milo-mark-blink}.milo-mark[data-motion=live] .milo-mark-halo{animation:7s ease-in-out infinite milo-mark-glow}}@media (prefers-reduced-motion:no-preference) and (hover:hover){:is(.milo-mark:hover,.brand:hover .milo-mark,.brand:focus-visible .milo-mark):not([data-motion=still]) .milo-mark-head{transform:rotate(-8deg)}:is(.milo-mark:hover,.brand:hover .milo-mark,.brand:focus-visible .milo-mark):not([data-motion=still]) .milo-mark-antenna{animation:.8s ease-out milo-mark-wiggle}:is(.milo-mark:hover,.brand:hover .milo-mark,.brand:focus-visible .milo-mark):not([data-motion=still]) .milo-mark-eye{animation:.32s ease-in-out .12s milo-mark-blink-once}:is(.milo-mark:hover,.brand:hover .milo-mark,.brand:focus-visible .milo-mark):not([data-motion=still]) .milo-mark-halo{animation:.9s ease-in-out infinite alternate milo-mark-glow-on}}@keyframes milo-mark-blink{0%,91%,95%,to{ry:20.5px}93%{ry:2px}}@keyframes milo-mark-blink-once{0%,to{ry:20.5px}50%{ry:2px}}@keyframes milo-mark-glow{0%{opacity:0;transform:scale(1)}22%{opacity:.5;transform:scale(1.45)}50%,to{opacity:0;transform:scale(1.6)}}@keyframes milo-mark-glow-on{0%{opacity:.3;transform:scale(1.2)}to{opacity:.6;transform:scale(1.45)}}@keyframes milo-mark-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:no-preference){.brand .milo-mark{overflow:visible}.brand[data-hop] .milo-mark:not([data-motion=still]) .milo-mark-head{animation:.9s cubic-bezier(.3,.7,.4,1) milo-mark-hop}.brand[data-hop] .milo-mark:not([data-motion=still]) .milo-mark-antenna{animation:.8s ease-out 80ms milo-mark-boing}.brand[data-hop] .milo-mark:not([data-motion=still]) .milo-mark-halo{animation:.6s ease-out .25s milo-mark-burst}.brand[data-hop] .milo-mark:not([data-motion=still]) .milo-mark-eye{animation:.8s ease-in-out milo-mark-joy}}@keyframes milo-mark-hop{0%,to{transform:translateY(0)scale(1)}16%{transform:translateY(4px)scale(1.1,.88)}42%{transform:translateY(-40px)scale(.94,1.08)}56%{transform:translateY(-38px)scale(1)}74%{transform:translateY(0)scale(1.08,.92)}87%{transform:translateY(-6px)scale(.98,1.02)}}@keyframes milo-mark-boing{0%,to{transform:rotate(0)}25%{transform:rotate(-22deg)}45%{transform:rotate(18deg)}65%{transform:rotate(-9deg)}82%{transform:rotate(4deg)}}@keyframes milo-mark-burst{0%{opacity:0;transform:scale(1)}30%{opacity:.75;transform:scale(1.7)}to{opacity:0;transform:scale(2.6)}}@keyframes milo-mark-joy{0%,30%,72%,92%,to{ry:20.5px}45%,60%{ry:9px}82%{ry:2px}}
