.mg [data-g]{transform-box:fill-box;transform-origin:50%;transition:transform .42s cubic-bezier(.34,1.56,.64,1),opacity .3s}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg{--mg-on:1}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=door]{transform-origin:bottom;transform:scaleY(1.12)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=pop]{transform:translate(.5px,-1.25px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=flap]{transform-origin:top;transform:translateY(-1.5px)scaleY(.82)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=day]{transform:translate(4.5px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lens]{transform-origin:0;transform:scaleX(1.18)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=rec]{animation:.9s ease-in-out mg-blink}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=wave]{transform-origin:50%;animation:.7s ease-in-out mg-wave}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=hand]{transform-origin:0 0;transform-box:view-box;transform:rotate(120deg)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=ring]{transform-origin:30% 30%;animation:.6s ease-in-out mg-ring}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=face]{transform:translateY(-.75px)scale(1.06)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lights]{opacity:.35}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=drop]{transform:translateY(2.5px)scaleX(.6)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=send]{transform:translate(1.75px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=tick]{animation:.5s cubic-bezier(.16,1,.3,1) mg-draw}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lane]{transform-origin:top;transform:scaleY(.55)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=tilt]{transform:rotate(-8deg)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=box]{transform:translateY(-1.5px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lift]{transform:translateY(-1.25px)rotate(-3deg)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=roll]{transform:translate(1.5px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lines]{animation:.55s cubic-bezier(.16,1,.3,1) mg-draw}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=bars]{transform-origin:bottom;animation:.55s cubic-bezier(.34,1.56,.64,1) mg-grow}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=lead]{transform:translateY(-1px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=knob-a]{transform:translate(-5px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=knob-b]{transform:translate(5px)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=card]{transform:translate(-6px,1px)rotate(-6deg)}:is(.mg-host:hover,.mg-host:focus-visible,[data-hover]) .mg [data-g=spark]{transform:rotate(90deg)scale(1.15)}.mg [data-g=tick],.mg [data-g=lines]{stroke-dasharray:24;stroke-dashoffset:0}@keyframes mg-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes mg-wave{0%,to{transform:scaleY(1)}35%{transform:scaleY(1.45)}70%{transform:scaleY(.75)}}@keyframes mg-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}@keyframes mg-grow{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes mg-blink{0%,to{opacity:1}50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.mg [data-g]{transition:none;animation:none!important;transform:none!important}}