.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}}.ss-wrap{--ss-k:1;--ss-color:#0000ff;position:relative;flex:none;width:calc(112px * var(--ss-k));height:calc(112px * var(--ss-k))}.ss-wrap>.ss{transform:scale(var(--ss-k));transform-origin:0 0}.ss-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ss{position:relative;width:112px;height:112px}.ss-rings{position:absolute;inset:0;overflow:visible;animation:ss-rings 6s infinite}.ss-rings ellipse{fill:none;stroke:var(--ss-color);stroke-width:1px;opacity:.22}.ss-orbit,.ss-tilt,.ss-x,.ss-y{position:absolute;top:0;left:0;width:10px;height:10px}.ss-x{top:31px;left:51px}.ss-tilt{transform:scaleY(.45)}.ss-orbit i{position:absolute;inset:0;border-radius:50%;background:var(--ss-color)}.ss-orbit,.ss-orbit i,.ss-x,.ss-y{animation-duration:6s;animation-delay:var(--dl,0s);animation-iteration-count:infinite}.ss-x{animation-name:ss-x}.ss-y{animation-name:ss-y}.ss-orbit{animation-name:ss-orbit}.ss-orbit i{animation-name:ss-dot}.ss-sun .ss-orbit i{animation-name:ss-dot,ss-glow}@keyframes ss-rings{0%,42%,to{opacity:1}47%,90%{opacity:0}}@keyframes ss-orbit{0%{transform:rotate(var(--a0));animation-timing-function:linear}45%,88%{transform:rotate(var(--a1));animation-timing-function:cubic-bezier(.45,0,.4,1)}to{transform:rotate(var(--a2))}}@keyframes ss-dot{0%{transform:translateX(var(--r)) rotate(calc(var(--a0) * -1)) scale(var(--s0),calc(var(--s0) * 2.2222));animation-timing-function:linear}45%,47%{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scale(var(--s0),calc(var(--s0) * 2.2222));animation-timing-function:cubic-bezier(.55,0,1,.45)}55.5%{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scaleY(2.2222)}56.5%{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scale(1.3,1.5556)}58.5%{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scale(.9,2.4444)}61%,88%{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scaleY(2.2222);animation-timing-function:cubic-bezier(.45,0,.4,1)}to{transform:translateX(var(--r)) rotate(calc(var(--a2) * -1)) scale(var(--s0),calc(var(--s0) * 2.2222))}}@keyframes ss-glow{0%,22%,44%,to{scale:1}11%,33%{scale:1.1}}@keyframes ss-y{0%,47%{transform:none;animation-timing-function:cubic-bezier(.55,0,1,.45)}56%{transform:translateY(var(--dy));animation-timing-function:cubic-bezier(0,.55,.45,1)}60%{transform:translateY(calc(var(--dy) - 9px));animation-timing-function:cubic-bezier(.55,0,1,.45)}64%{transform:translateY(var(--dy));animation-timing-function:cubic-bezier(0,.55,.45,1)}66.5%{transform:translateY(calc(var(--dy) - 3px));animation-timing-function:cubic-bezier(.55,0,1,.45)}69%,88%{transform:translateY(var(--dy));animation-timing-function:cubic-bezier(.45,0,.4,1)}to{transform:none}}@keyframes ss-x{0%,47%{transform:none;animation-timing-function:linear}56%,88%{transform:translateX(var(--dx));animation-timing-function:cubic-bezier(.45,0,.4,1)}to{transform:none}}@media (prefers-reduced-motion:reduce){.ss *,.ss-rings{animation:none!important}.ss-x{transform:translateX(var(--dx))}.ss-y{transform:translateY(var(--dy))}.ss-orbit{transform:rotate(var(--a1))}.ss-orbit i{transform:translateX(var(--r)) rotate(calc(var(--a1) * -1)) scaleY(2.2222)}.ss-rings{opacity:0}}