.mk{--s:36px;--mk1:#ffb391;--mk2:#f26a3e;--mk-finger:#fff8f1;--mk-ink:#e8795a;width:var(--s);height:var(--s);position:relative;display:inline-block;flex:none}.dark .mk{--mk1:#ffa586;--mk2:#f0643a;--mk-finger:#fff3ea;--mk-ink:#ff9b78}.mk-svg{width:100%;height:100%;overflow:visible;position:relative;z-index:2;display:block}.mk-glow{inset:-22%;background:radial-gradient(closest-side,rgba(255,130,89,.34),transparent);z-index:0}.mk-glow,.mk-ring{position:absolute;border-radius:50%;opacity:0}.mk-ring{inset:-16%;border:1.5px dashed rgba(232,121,90,.55);z-index:1}.mk-ring:after{content:"";width:max(5px,calc(var(--s) * .1));height:max(5px,calc(var(--s) * .1));background:rgb(var(--cb-accent));top:-3%;left:50%;margin-left:calc(max(5px,calc(var(--s) * .1)) / -2)}.mk-ring:after,.mk-ripple{position:absolute;border-radius:50%}.mk-ripple{inset:-8%;border:2px solid rgb(var(--cb-warning));opacity:0;z-index:1}.mk-check{position:absolute;right:-12%;bottom:-6%;width:max(14px,calc(var(--s) * .36));height:max(14px,calc(var(--s) * .36));border-radius:50%;background:rgb(var(--cb-success));display:grid;place-items:center;transform:scale(0);z-index:3;box-shadow:0 0 0 2px rgb(var(--cb-bg))}.mk-check svg{width:62%;height:62%;fill:none;stroke:#0f2b20;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}.mk-body{transform-origin:50% 55%}.mk-body,.mk-finger{transform-box:fill-box}.mk-finger{transform-origin:50% 88%}.mk-draw{opacity:0;stroke-dasharray:100;stroke-dashoffset:100}.mk-comet{opacity:0;stroke-dashoffset:0}.mk[data-state=thinking] .mk-body{animation:mkBreathe 3.4s ease-in-out infinite}.mk[data-state=thinking] .mk-ring{opacity:1;animation:mkOrbit 5.5s linear infinite}.mk[data-state=thinking] .mk-glow{animation:mkPulse 3.4s ease-in-out infinite}.mk[data-state=thinking] .mk-comet{opacity:.55;animation:mkComet 5s linear infinite}.mk[data-state=working] .mk-draw{opacity:1;animation:mkDraw 2.6s cubic-bezier(.5,0,.4,1) infinite}.mk[data-state=working] .mk-comet{opacity:1;animation:mkComet 1.9s linear infinite}.mk[data-state=working] .mk-glow{animation:mkPulse 1.7s ease-in-out infinite}.mk[data-state=working] .mk-body{animation:mkBreathe 1.7s ease-in-out infinite}.mk[data-state=needs] .mk-finger{animation:mkWob 2.6s ease-in-out infinite}.mk[data-state=needs] .mk-ripple{animation:mkRipple 2.6s ease-out infinite}.mk[data-state=needs] .mk-glow{opacity:.5;background:radial-gradient(closest-side,rgba(224,168,88,.4),transparent)}.mk[data-state=done] .mk-body{animation:mkSettle .9s cubic-bezier(.3,1.4,.5,1) 1}.mk[data-state=done] .mk-check{animation:mkPop .5s cubic-bezier(.3,1.6,.5,1) .25s forwards}.mk[data-state=done] .mk-check svg{animation:mkTick .4s ease-out .6s forwards}.mk[data-intro=true] .mk-ribbon{animation:mkIn 1.5s cubic-bezier(.65,0,.35,1) 1 backwards}.mk[data-intro=true] .mk-finger{animation:mkFingerIn .6s ease-out 1.15s 1 backwards}@keyframes mkBreathe{50%{transform:scale(1.045)}}@keyframes mkOrbit{to{transform:rotate(1turn)}}@keyframes mkPulse{0%,to{opacity:.15;transform:scale(.92)}50%{opacity:.85;transform:scale(1.08)}}@keyframes mkComet{to{stroke-dashoffset:-100}}@keyframes mkDraw{0%{stroke-dashoffset:100}55%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes mkWob{0%,60%,to{transform:rotate(0)}15%{transform:rotate(-7deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-4deg)}}@keyframes mkRipple{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}@keyframes mkSettle{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes mkPop{to{transform:scale(1)}}@keyframes mkTick{to{stroke-dashoffset:0}}@keyframes mkIn{0%{fill-opacity:0;stroke-dasharray:100;stroke-dashoffset:100}62%{fill-opacity:0;stroke-dasharray:100;stroke-dashoffset:0}to{fill-opacity:1;stroke-dasharray:100;stroke-dashoffset:0}}@keyframes mkFingerIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mk,.mk *{animation:none!important}.mk[data-state=needs] .mk-ripple,.mk[data-state=thinking] .mk-ring{opacity:.8}.mk[data-state=working] .mk-draw{stroke-dashoffset:0}.mk[data-state=thinking] .mk-comet,.mk[data-state=working] .mk-comet{opacity:0}.mk[data-state=thinking] .mk-glow,.mk[data-state=working] .mk-glow{opacity:.5}.mk[data-state=done] .mk-check{transform:scale(1)}.mk[data-state=done] .mk-check svg{stroke-dashoffset:0}}