.mi-wrap{position:relative;flex:none;width:calc(80px * var(--k));height:calc(48px * var(--k))}.mi{--blue:#0000ff;position:absolute;top:0;left:0;width:80px;height:48px;transform:scale(var(--k));transform-origin:0 0}.mi i,.mi span,.mi svg{position:absolute;display:block}.mi-face{top:0;left:16px;width:48px;height:48px}.mi-look,.mi-turn{inset:0}.mi-turn{transform-origin:24px 24px}.mi-tile{inset:0;border-radius:15px;background:var(--blue)}.mi-look{transform:translate(var(--ex,0),var(--ey,0));transition:transform .22s cubic-bezier(.3,.7,.4,1)}.mi-eye{top:17px;width:10px;height:10px;border-radius:50%;background:#fff;transition:scale .07s}.mi-l{left:7px}.mi-r{left:31px}.mi[data-blink="1"] .mi-eye{scale:1 .1}.mi-rings{inset:0;overflow:visible;opacity:0}.mi-rings ellipse{fill:none;stroke:var(--blue);stroke-width:1px;opacity:.22}.mi-tilt{top:24px;left:40px;width:0;height:0;transform:scaleY(.45)}.mi-orbit,.mi-rad,.mi-size{top:0;left:0;width:0;height:0}.mi-orbit{animation:mi-orbit 7s linear infinite}.mi-size{scale:0}.mi-dot{top:-5px;left:-5px;width:10px;height:10px;animation:mi-spin 7s linear infinite}.mi-dot,.mi-sun{border-radius:50%;background:var(--blue)}.mi-sun{top:16.5px;left:32.5px;width:15px;height:15px;opacity:0}.mi-clock{width:0;height:0}.mi[data-phase=orbit] .mi-face{opacity:0}.mi[data-phase=orbit] .mi-rings,.mi[data-phase=orbit] .mi-sun{opacity:1}.mi[data-phase=orbit] .mi-rad{transform:translateX(var(--r))}.mi[data-phase=orbit] .mi-size{scale:1}.mi[data-phase=orbit] .mi-sun{animation:mi-glow 1.8s ease-in-out infinite}.mi[data-phase=out] .mi-turn{animation:mi-out-turn 1.1s both}.mi[data-phase=out] .mi-tile{animation:mi-out-tile 1.1s both}.mi[data-phase=out] .mi-eye{animation:mi-out-eye 1.1s both}.mi[data-phase=out] .mi-sun{animation:mi-out-sun 1.1s both}.mi[data-phase=out] .mi-rad{animation:mi-out-rad 1.1s both}.mi[data-phase=out] .mi-size{animation:mi-out-size 1.1s both}.mi[data-phase=out] .mi-rings{animation:mi-out-rings 1.1s both}.mi[data-phase=out] .mi-clock{animation:mi-clock-out 1.1s}.mi[data-phase=in] .mi-turn{animation:mi-in-turn 1.1s both}.mi[data-phase=in] .mi-tile{animation:mi-in-tile 1.1s both}.mi[data-phase=in] .mi-eye{animation:mi-in-eye 1.1s both}.mi[data-phase=in] .mi-sun{animation:mi-in-sun 1.1s both}.mi[data-phase=in] .mi-rad{animation:mi-in-rad 1.1s both}.mi[data-phase=in] .mi-size{animation:mi-in-size 1.1s both}.mi[data-phase=in] .mi-rings{animation:mi-in-rings 1.1s both}.mi[data-phase=in] .mi-clock{animation:mi-clock-in 1.1s}@keyframes mi-orbit{0%{transform:rotate(var(--a0))}to{transform:rotate(calc(var(--a0) + var(--tn) * 1turn))}}@keyframes mi-spin{0%{transform:rotate(calc(var(--a0) * -1)) scale(var(--s),calc(var(--s) * 2.2222))}to{transform:rotate(calc((var(--a0) + var(--tn) * 1turn) * -1)) scale(var(--s),calc(var(--s) * 2.2222))}}@keyframes mi-glow{0%,to{scale:1}50%{scale:1.1}}@keyframes mi-out-turn{0%{transform:rotate(0deg) scale(1);animation-timing-function:cubic-bezier(.5,0,.8,.5)}54.5%,to{transform:rotate(1turn) scale(.2083)}}@keyframes mi-out-tile{0%,18%{border-radius:15px;opacity:1}50%,54.4%{border-radius:24px;opacity:1}54.5%,to{border-radius:24px;opacity:0}}@keyframes mi-out-eye{0%,27%{opacity:1}45%,to{opacity:0}}@keyframes mi-out-sun{0%,54.4%{opacity:0;transform:scale(.6667)}54.5%{opacity:1;transform:scale(.6667);animation-timing-function:cubic-bezier(.2,.6,.35,1)}82%,to{opacity:1;transform:scale(1)}}@keyframes mi-out-rad{0%,54.5%{transform:translateX(0);animation-timing-function:cubic-bezier(.2,.6,.35,1)}to{transform:translateX(var(--r))}}@keyframes mi-out-size{0%,54.4%{scale:0}68%,to{scale:1}}@keyframes mi-out-rings{0%,59%{opacity:0}to{opacity:1}}@keyframes mi-in-rad{0%{transform:translateX(var(--r));animation-timing-function:cubic-bezier(.5,0,.75,0)}45.5%,to{transform:translateX(0)}}@keyframes mi-in-size{0%,36%{scale:1}45.5%,to{scale:0}}@keyframes mi-in-rings{0%{opacity:1}36%,to{opacity:0}}@keyframes mi-in-sun{0%,27%{opacity:1;transform:scale(1)}45.4%{opacity:1;transform:scale(.6667)}45.5%,to{opacity:0;transform:scale(.6667)}}@keyframes mi-in-turn{0%,45.5%{transform:rotate(1turn) scale(.2083);animation-timing-function:cubic-bezier(.2,.6,.35,1)}to{transform:rotate(2turn) scale(1)}}@keyframes mi-in-tile{0%,45.4%{border-radius:24px;opacity:0}45.5%,63%{border-radius:24px;opacity:1}91%,to{border-radius:15px;opacity:1}}@keyframes mi-in-eye{0%,77%{opacity:0}91%,to{opacity:1}}@keyframes mi-clock-out{to{opacity:0}}@keyframes mi-clock-in{to{opacity:0}}@media (prefers-reduced-motion:reduce){.mi :not(.mi-clock){animation:none!important;transition:none!important}.mi .mi-clock{animation-duration:1ms!important}}