/* Generated by tools/build_miguel_anim.py from the Miguel character sheet. Do not edit by hand. */
.mgx{display:block;line-height:0}.mgx svg{width:100%;height:100%;display:block;overflow:visible}
.mgx .anim-of{animation:mgx-cyc6 48s linear infinite both}
.mgx .anim-of.d0{animation-delay:-49s}
.mgx .anim-of.d1{animation-delay:-41s}
.mgx .anim-of.d2{animation-delay:-33s}
.mgx .anim-of.d3{animation-delay:-25s}
.mgx .anim-of.d4{animation-delay:-17s}
.mgx .anim-of.d5{animation-delay:-9s}
@keyframes mgx-cyc6{0%{opacity:0}2%{opacity:1}16.67%{opacity:1}18.67%{opacity:0}100%{opacity:0}}
@keyframes mgx-cyc7{0%{opacity:0}1.8%{opacity:1}14.29%{opacity:1}16.07%{opacity:0}100%{opacity:0}}
@keyframes mgx-cyc5{0%{opacity:0}2.5%{opacity:1}20%{opacity:1}22.5%{opacity:0}100%{opacity:0}}
@keyframes mgx-cyc4{0%{opacity:0}3%{opacity:1}25%{opacity:1}28%{opacity:0}100%{opacity:0}}
.mgx .blink{transform-box:fill-box;transform-origin:center;animation:mgx-blink 4.7s ease-in-out infinite}
@keyframes mgx-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(0.12)}}
.mgx .talk{transform-box:fill-box;transform-origin:center;animation:mgx-talk .38s ease-in-out infinite}
@keyframes mgx-talk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(0.45)}}
.mgx .bob{transform-box:fill-box;transform-origin:50% 100%;animation:mgx-bob4 72s ease-in-out infinite;animation-delay:-65s}
@keyframes mgx-bob{0%{transform:translateY(0) rotate(0)}3%{transform:translateY(-4px) rotate(-1.5deg)}6%{transform:translateY(0) rotate(0)}9%{transform:translateY(-4px) rotate(-1.5deg)}12%{transform:translateY(0) rotate(0)}15%{transform:translateY(-3px) rotate(-1deg)}18%,100%{transform:translateY(0) rotate(0)}}
.mgx .dot{opacity:0}
.mgx .dot1{animation:mgx-dotA4 72s linear infinite both;animation-delay:-69s}
.mgx .dot2{animation:mgx-dotB4 72s linear infinite both;animation-delay:-69s}
.mgx .dot3{animation:mgx-dotC4 72s linear infinite both;animation-delay:-69s}
@keyframes mgx-dot1{0%,3%{opacity:0}5%,19%{opacity:1}21%,100%{opacity:0}}
@keyframes mgx-dot2{0%,7%{opacity:0}9%,19%{opacity:1}21%,100%{opacity:0}}
@keyframes mgx-dot3{0%,11%{opacity:0}13%,19%{opacity:1}21%,100%{opacity:0}}
.mgx .fix .anim-of{animation:none;opacity:0}
.mgx .fix-blazer .of-blazer,.mgx .fix-guayabera .of-guayabera,.mgx .fix-janker .of-janker,.mgx .fix-werk .of-werk,.mgx .fix-finance .of-finance,.mgx .fix-anzug .of-anzug{opacity:1}
.mgx .exfix .anim-ex,.mgx .exfix .dot{animation:none;opacity:0}
.mgx .exfix .bob{animation:none}
.mgx .ex-erklaeren .x-erklaeren,.mgx .ex-nachdenken .x-nachdenken,.mgx .ex-nachdenken .dot,.mgx .ex-lachen .x-lachen,.mgx .ex-laecheln .x-laecheln,.mgx .ex-rechnen .x-rechnen,.mgx .ex-notizen .x-notizen,.mgx .ex-telefon .x-telefon,.mgx .ex-winken .x-winken,.mgx .ex-zwinkern .x-zwinkern,.mgx .ex-daumen .x-daumen,.mgx .ex-kaffee .x-kaffee,.mgx .ex-karte .x-karte,.mgx .ex-staunen .x-staunen,.mgx .ex-zuhoeren .x-zuhoeren,.mgx .ex-zaehlen .x-zaehlen,.mgx .ex-kopf .x-kopf,.mgx .ex-bart .x-bart,.mgx .ex-brille .x-brille{opacity:1}
.mgx .bart{opacity:1}
.mgx .bart-ohne .bart{opacity:0}
.mgx .bgf{animation:mgx-bgcyc 24s linear infinite both}
.mgx .bgf.b1{animation-delay:-17s}
.mgx .bgf.b2{animation-delay:-9s}
@keyframes mgx-bgcyc{0%{opacity:0}5%{opacity:.32}33.3%{opacity:.32}38.3%{opacity:0}100%{opacity:0}}
.mgx .bgfix .bgf{animation:none;opacity:0}
.mgx .bg-mexiko .flag-mx,.mgx .bg-deutschland .flag-de{opacity:.32}
.mgx .bart-light .bart{opacity:1}
.mgx .bart-voll .bart{opacity:1}
.mgx .disp{animation:mgx-disp 3.6s steps(1) infinite both}
.mgx .dp1{animation-delay:0s}
.mgx .dp2{animation-delay:-2.4s}
.mgx .dp3{animation-delay:-1.2s}
@keyframes mgx-disp{0%{opacity:1}33.33%{opacity:0}100%{opacity:0}}
.mgx .tap{animation:mgx-tap 1.2s ease-in-out infinite}
@keyframes mgx-tap{0%{transform:translate(0,0)}15%{transform:translate(0,4px)}30%{transform:translate(-18px,-4px)}45%{transform:translate(-18px,2px)}60%{transform:translate(-8px,10px)}75%{transform:translate(-8px,14px)}100%{transform:translate(0,0)}}
.mgx .set-business .of-janker,.mgx .set-business .of-werk,.mgx .set-business .of-finance{animation:none;opacity:0}
.mgx .set-business .anim-of.of-blazer,.mgx .set-business .anim-of.of-anzug,.mgx .set-business .anim-of.of-guayabera{animation-name:mgx-cyc3o;animation-duration:24s}
.mgx .set-business .anim-of.of-blazer{animation-delay:-25s}
.mgx .set-business .anim-of.of-anzug{animation-delay:-17s}
.mgx .set-business .anim-of.of-guayabera{animation-delay:-9s}
@keyframes mgx-cyc3o{0%{opacity:0}4%{opacity:1}33.3%{opacity:1}37.3%{opacity:0}100%{opacity:0}}
@keyframes mgx-hcyc4{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}
@keyframes mgx-bob2{0%{transform:translateY(0) rotate(0)}2%{transform:translateY(-4px) rotate(-1.5deg)}4%{transform:translateY(0) rotate(0)}6%{transform:translateY(-4px) rotate(-1.5deg)}8%{transform:translateY(0) rotate(0)}10%{transform:translateY(-3px) rotate(-1deg)}12%,100%{transform:translateY(0) rotate(0)}}
@keyframes mgx-dotA{0%,2%{opacity:0}3.5%,13.5%{opacity:1}15%,100%{opacity:0}}
@keyframes mgx-dotB{0%,5%{opacity:0}6.5%,13.5%{opacity:1}15%,100%{opacity:0}}
@keyframes mgx-dotC{0%,8%{opacity:0}9.5%,13.5%{opacity:1}15%,100%{opacity:0}}
.mgx .write{animation:mgx-write 1.8s ease-in-out infinite}
@keyframes mgx-write{0%{transform:translate(0,0)}40%{transform:translate(-48px,0)}50%{transform:translate(-48px,14px)}90%{transform:translate(0,14px)}100%{transform:translate(0,0)}}
.mgx .ring{animation:mgx-ring 1.4s ease-in-out infinite}
@keyframes mgx-ring{0%,100%{opacity:0}30%,70%{opacity:1}}
.mgx :root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#F6F5F0;color-scheme:light}
.mgx .greet{animation:mgx-cyc11 66s linear infinite both}
.mgx .g0{animation-delay:-67s}
.mgx .g1{animation-delay:-61s}
.mgx .g2{animation-delay:-55s}
.mgx .g3{animation-delay:-49s}
.mgx .g4{animation-delay:-43s}
.mgx .g5{animation-delay:-37s}
.mgx .g6{animation-delay:-31s}
.mgx .g7{animation-delay:-25s}
.mgx .g8{animation-delay:-19s}
.mgx .g9{animation-delay:-13s}
.mgx .g10{animation-delay:-7s}
@keyframes mgx-cyc11{0%{opacity:0}1.1%{opacity:1}9.09%{opacity:1}10.2%{opacity:0}100%{opacity:0}}
@keyframes mgx-cyc10{0%{opacity:0}1.2%{opacity:1}10%{opacity:1}11.2%{opacity:0}100%{opacity:0}}
.mgx .wsk{animation:mgx-cyc8 48s linear infinite both}
.mgx .w7{animation-delay:-49s}
.mgx .w6{animation-delay:-43s}
.mgx .w0{animation-delay:-37s}
.mgx .w1{animation-delay:-31s}
.mgx .w2{animation-delay:-25s}
.mgx .w3{animation-delay:-19s}
.mgx .w4{animation-delay:-13s}
.mgx .w5{animation-delay:-7s}
@keyframes mgx-cyc8{0%{opacity:0}1.6%{opacity:1}12.5%{opacity:1}14.1%{opacity:0}100%{opacity:0}}
@keyframes mgx-cyc14{0%{opacity:0}0.9%{opacity:1}7.14%{opacity:1}8.04%{opacity:0}100%{opacity:0}}
@keyframes mgx-bob3{0%{transform:translateY(0) rotate(0)}1%{transform:translateY(-4px) rotate(-1.5deg)}2%{transform:translateY(0) rotate(0)}3%{transform:translateY(-4px) rotate(-1.5deg)}4%{transform:translateY(0) rotate(0)}5%{transform:translateY(-3px) rotate(-1deg)}6%,100%{transform:translateY(0) rotate(0)}}
@keyframes mgx-dotA2{0%,1%{opacity:0}1.6%,6.8%{opacity:1}7.4%,100%{opacity:0}}
@keyframes mgx-dotB2{0%,2.6%{opacity:0}3.2%,6.8%{opacity:1}7.4%,100%{opacity:0}}
@keyframes mgx-dotC2{0%,4%{opacity:0}4.6%,6.8%{opacity:1}7.4%,100%{opacity:0}}
.mgx .wave{transform-box:view-box;transform-origin:316px 262px;animation:mgx-wave 1.1s ease-in-out infinite}
@keyframes mgx-wave{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}
.mgx .bounce{animation:mgx-bounce 1.4s ease-in-out infinite}
@keyframes mgx-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mgx .lift{animation:mgx-lift 2s ease-in-out infinite}
@keyframes mgx-lift{0%,100%{transform:translateY(0)}40%,60%{transform:translateY(-10px)}}
.mgx .steam{animation:mgx-steam 2s ease-in-out infinite}
@keyframes mgx-steam{0%{opacity:0;transform:translateY(4px)}50%{opacity:.9}100%{opacity:0;transform:translateY(-8px)}}
.mgx .route{animation:mgx-route 1.6s linear infinite}
@keyframes mgx-route{to{stroke-dashoffset:-30}}
.mgx .pop{transform-box:fill-box;transform-origin:center;animation:mgx-pop 1.2s ease-in-out infinite}
@keyframes mgx-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.mgx .tdot{animation:mgx-tdot 1.2s ease-in-out infinite}
.mgx .t2{animation-delay:.2s}
.mgx .t3{animation-delay:.4s}
@keyframes mgx-tdot{0%,60%,100%{opacity:.25}30%{opacity:1}}
@keyframes mgx-cyc15{0%{opacity:0}0.8%{opacity:1}6.67%{opacity:1}7.47%{opacity:0}100%{opacity:0}}
@keyframes mgx-dotA3{0%,1%{opacity:0}1.5%,6.2%{opacity:1}6.6%,100%{opacity:0}}
@keyframes mgx-dotB3{0%,2.4%{opacity:0}2.9%,6.2%{opacity:1}6.6%,100%{opacity:0}}
@keyframes mgx-dotC3{0%,3.7%{opacity:0}4.2%,6.2%{opacity:1}6.6%,100%{opacity:0}}
.mgx .cnt{animation:mgx-cnt 3.6s steps(1) infinite both}
.mgx .c1{animation-delay:0s}
.mgx .c2{animation-delay:-2.4s}
.mgx .c3{animation-delay:-1.2s}
@keyframes mgx-cnt{0%{opacity:1}33.33%{opacity:0}100%{opacity:0}}
.mgx .tap2{animation:mgx-tap2 1.4s ease-in-out infinite}
@keyframes mgx-tap2{0%,100%{transform:translate(0,0)}20%{transform:translate(0,3px)}40%{transform:translate(-9px,-2px)}60%{transform:translate(-9px,2px)}80%{transform:translate(-4px,0)}}
.mgx .kh{animation:mgx-kh 3.6s steps(1) infinite both}
.mgx .k1{animation-delay:0s}
.mgx .k2{animation-delay:-2.4s}
.mgx .k3{animation-delay:-1.2s}
@keyframes mgx-kh{0%{opacity:1}12%{opacity:0}100%{opacity:0}}
.mgx .press{animation:mgx-press 3.6s ease-in-out infinite}
@keyframes mgx-press{0%{transform:translate(-44px,14px)}8%{transform:translate(-41px,8px)}25%{transform:translate(-3px,-6px)}33.3%{transform:translate(0,0)}41%{transform:translate(3px,-6px)}58%{transform:translate(-19px,22px)}66.7%{transform:translate(-22px,28px)}75%{transform:translate(-25px,22px)}92%{transform:translate(-44px,8px)}100%{transform:translate(-44px,14px)}}
.mgx .anim-ex{animation:mgx-cyc18 72s linear infinite both}
.mgx .e0{animation-delay:-73s}
.mgx .e1{animation-delay:-69s}
.mgx .e2{animation-delay:-65s}
.mgx .e3{animation-delay:-61s}
.mgx .e4{animation-delay:-57s}
.mgx .e5{animation-delay:-53s}
.mgx .e6{animation-delay:-49s}
.mgx .e7{animation-delay:-45s}
.mgx .e8{animation-delay:-41s}
.mgx .e9{animation-delay:-37s}
.mgx .e10{animation-delay:-33s}
.mgx .e11{animation-delay:-29s}
.mgx .e12{animation-delay:-25s}
.mgx .e13{animation-delay:-21s}
.mgx .e14{animation-delay:-17s}
.mgx .e15{animation-delay:-13s}
.mgx .e16{animation-delay:-9s}
.mgx .e17{animation-delay:-5s}
@keyframes mgx-cyc18{0%{opacity:0}0.7%{opacity:1}5.56%{opacity:1}6.26%{opacity:0}100%{opacity:0}}
@keyframes mgx-bob4{0%{transform:translateY(0) rotate(0)}0.8%{transform:translateY(-4px) rotate(-1.5deg)}1.6%{transform:translateY(0) rotate(0)}2.4%{transform:translateY(-4px) rotate(-1.5deg)}3.2%{transform:translateY(0) rotate(0)}4%{transform:translateY(-3px) rotate(-1deg)}4.8%,100%{transform:translateY(0) rotate(0)}}
@keyframes mgx-dotA4{0%,0.8%{opacity:0}1.2%,5.1%{opacity:1}5.5%,100%{opacity:0}}
@keyframes mgx-dotB4{0%,1.9%{opacity:0}2.3%,5.1%{opacity:1}5.5%,100%{opacity:0}}
@keyframes mgx-dotC4{0%,3%{opacity:0}3.4%,5.1%{opacity:1}5.5%,100%{opacity:0}}
.mgx .msym{animation:mgx-msym2 4s steps(1) infinite both}
.mgx .m2{animation-delay:-3s}
.mgx .m3{animation-delay:-2s}
.mgx .m4{animation-delay:-1s}
@keyframes mgx-msym2{0%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes mgx-msym{0%{opacity:0;transform:translateY(6px)}30%,60%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
.mgx .scratch{animation:mgx-scratch .5s ease-in-out infinite}
@keyframes mgx-scratch{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mgx-nudge{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-3px)}}
.mgx .sine{stroke-dasharray:110;stroke-dashoffset:110;animation:mgx-sine 2.4s ease-in-out infinite}
@keyframes mgx-sine{0%{stroke-dashoffset:110}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.mgx .glasses{transform-box:fill-box;transform-origin:center;animation:mgx-glassup 72s ease-in-out infinite;animation-delay:-5s}
.mgx .nudge{animation:mgx-glassup 72s ease-in-out infinite;animation-delay:-5s}
@keyframes mgx-glassup{0%{transform:translateY(0) rotate(0)}0.6%{transform:translateY(-3px) rotate(0)}1.1%{transform:translateY(-1px) rotate(0)}1.8%{transform:translateY(-4px) rotate(-1.5deg)}2.5%{transform:translateY(-1px) rotate(0)}3.3%{transform:translateY(-4px) rotate(1deg)}4.2%{transform:translateY(-1px) rotate(0)}5%,100%{transform:translateY(0) rotate(0)}}
.mgx .exfix .glasses,.mgx .exfix .nudge{animation:none}
.mgx .ex-brille .glasses,.mgx .ex-brille .nudge{animation:mgx-glassloop 1.6s ease-in-out infinite}
@keyframes mgx-glassloop{0%,60%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-1.5deg)}}
.mgx .ss{opacity:0}
.mgx .season-okt .ss-okt,.mgx .season-dia .ss-dia,.mgx .season-navidad .ss-navidad{opacity:1}
.mgx .flake{animation:mgx-fall 7s linear infinite}
.mgx .f1{animation-duration:9s;animation-delay:-3s}
.mgx .f2{animation-duration:6s;animation-delay:-5s}
.mgx .f3{animation-duration:8s;animation-delay:-1s}
.mgx .f4{animation-duration:10s;animation-delay:-6s}
@keyframes mgx-fall{0%{transform:translate(0,0)}50%{transform:translate(8px,230px)}100%{transform:translate(-4px,460px)}}
.mgx .season-karneval .ss-karneval{opacity:1}
.mgx .season-mexico .ss-mexico{opacity:1}
.mgx .seasonal .bgf{animation:none;opacity:0}
.mgx .seasonal .anim-of{animation:none;opacity:0}
.mgx .season-okt .of-janker,.mgx .season-dia .of-guayabera,.mgx .season-navidad .of-anzug,.mgx .season-karneval .of-blazer,.mgx .season-mexico .of-guayabera{opacity:1}
.mgx .season-einheit .ss-einheit,.mgx .season-ostern .ss-ostern,.mgx .season-silvester .ss-silvester,.mgx .season-reyes .ss-reyes,.mgx .season-candelaria .ss-candelaria,.mgx .season-nikolaus .ss-nikolaus{opacity:1}
.mgx .season-einheit .of-anzug,.mgx .season-ostern .of-blazer,.mgx .season-silvester .of-anzug,.mgx .season-reyes .of-blazer,.mgx .season-candelaria .of-guayabera{opacity:1}
.mgx .burst{animation:mgx-burst 2.4s ease-out infinite}
.mgx .b1{animation-delay:-.6s}
.mgx .b2{animation-delay:-1.2s}
.mgx .b3{animation-delay:-1.8s}
@keyframes mgx-burst{0%{transform:scale(.2);opacity:0}20%{opacity:1}70%{transform:scale(1);opacity:.9}100%{transform:scale(1.15);opacity:0}}