.kpp{--ink:#17171a;flex:none;display:block;overflow:visible}.kpp[data-color=blue]{--pf:#3a8fef;--pb:#e4f0ff}@supports (color:lab(0% 0 0)){.kpp[data-color=blue]{--pf:lab(57.7995% -.663877 -56.6533);--pb:lab(94.3784% -2.11895 -9.42009)}}.kpp[data-color=amber]{--pf:#f4a93c;--pb:#fff2d9}@supports (color:lab(0% 0 0)){.kpp[data-color=amber]{--pf:lab(75.4203% 21.9158 64.453);--pb:lab(96.1815% 1.63135 14.7048)}}.kpp[data-color=purple]{--pf:#9667e5;--pb:#f2edff}@supports (color:lab(0% 0 0)){.kpp[data-color=purple]{--pf:lab(53.0848% 39.5225 -58.3399);--pb:lab(94.4415% 5.32156 -9.73147)}}.kpp[data-color=green]{--pf:#5ab66b;--pb:#e2f8e4}@supports (color:lab(0% 0 0)){.kpp[data-color=green]{--pf:lab(66.9531% -41.0222 29.459);--pb:lab(95.6058% -10.4254 7.21792)}}.kpp[data-color=pink]{--pf:#ef7dab;--pb:#ffedf3}@supports (color:lab(0% 0 0)){.kpp[data-color=pink]{--pf:lab(66.7651% 48.3599 -3.36096);--pb:lab(95.2565% 8.7415 -.603616)}}.kpp[data-color=teal]{--pf:#3cb3aa;--pb:#def6f4}@supports (color:lab(0% 0 0)){.kpp[data-color=teal]{--pf:lab(66.4231% -35.7887 -5.73291);--pb:lab(95.1933% -8.67027 -1.79156)}}.kpp[data-color=red]{--pf:#f0584b;--pb:#ffece7}@supports (color:lab(0% 0 0)){.kpp[data-color=red]{--pf:lab(58.7326% 59.101 40.1409);--pb:lab(94.8047% 7.4715 5.36522)}}.dark .kpp[data-color]{--pb:color-mix(in oklab, var(--pf) 16%, #e2ddd5)}@supports (color:lab(0% 0 0)){.dark .kpp[data-color]{--pb:color-mix(in oklab, var(--pf) 16%, lab(88.4338% .706792 4.53427))}}@property --front{syntax:"<color>";inherits:true;initial-value:#999}@property --back{syntax:"<color>";inherits:true;initial-value:#eee}.kpp{--front:var(--pf);--back:var(--pb);transition:--front .52s,--back .52s}.kpp[data-mood=idle]{--front:color-mix(in oklab, var(--pf) 50%, var(--pb));--back:color-mix(in oklab, var(--pb) 70%, #fff)}.dark .kpp[data-mood=idle]{--front:color-mix(in oklab, var(--pf) 66%, #2f2e2c);--back:color-mix(in oklab, var(--pb) 82%, var(--pf))}@supports (color:lab(0% 0 0)){.dark .kpp[data-mood=idle]{--front:color-mix(in oklab, var(--pf) 66%, lab(18.8113% .235587 1.51143))}}.kpp-sheet{fill:var(--front)}.kpp-sheet,.kpp-paper{transition:fill 0s linear .25s}.kpp-part{transition:opacity 0s linear .25s}.kpp[data-mood=paused] .kpp-sheet,.kpp[data-mood=paused] .kpp-corner .kpp-paper{fill:var(--back)!important}.kpp[data-mood=paused] .kpp-part,.kpp[data-mood=paused] .kpp-ground polygon:not(:first-child){opacity:0}.kpp[data-mood=paused] .kpp-sway{animation:.52s cubic-bezier(.45,0,.25,1) kpp-turn}@keyframes kpp-turn{0%,to{transform:scaleX(1)}50%{transform:scaleX(.02)}}.kpp-ground polygon{fill:#14161e3d;transform:translate(.012px,.024px)}.dark .kpp-ground polygon{fill:#0009}.kpp-cast{fill:#000;opacity:0}.kpp-tone{opacity:0;pointer-events:none}.kpp-disc{fill:var(--back)}.kpp-ink{fill:var(--ink)}.kpp-line{fill:none;stroke:var(--ink);stroke-width:.026px;stroke-linecap:round}.kpp-glint{fill:#fff;opacity:.9}.kpp-eye-happy{fill:none;stroke:var(--ink);stroke-linecap:round}.kpp-face{transition:opacity .24s}.kpp[data-eyes=shut] .kpp-face{opacity:0;transition-duration:.12s}.kpp[data-eyes=open] .kpp-face,.kpp[data-eyes=happy] .kpp-face,.kpp[data-eyes=worried] .kpp-face{transition-delay:var(--face-delay,.52s)}.kpp-eye-open,.kpp-eye-happy,.kpp-eye-worried{opacity:0;transition:opacity .16s}.kpp[data-eyes=open] .kpp-eye-open,.kpp[data-eyes=shut] .kpp-eye-open,.kpp[data-eyes=happy] .kpp-eye-happy,.kpp[data-eyes=worried] .kpp-eye-worried{opacity:1}.kpp-eye-open{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite kpp-blink}.kpp-eye:nth-of-type(2n) .kpp-eye-open{animation-delay:40ms}@keyframes kpp-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}.kpp-eye-look{transition:transform .42s cubic-bezier(.3,.7,.2,1)}.kpp[data-look=up] .kpp-eye-look{transform:translateY(-.03px)}.kpp[data-look=work] .kpp-eye-look{animation:2.8s ease-in-out infinite kpp-scan}@keyframes kpp-scan{0%,to{transform:translate(-.022px,.012px)}45%,55%{transform:translate(.022px,.012px)}}.kpp-body{transform-box:view-box;transform-origin:0 .5px;transition:transform .5s cubic-bezier(.3,.7,.2,1)}.kpp[data-mood=working] .kpp-body{animation:1.3s ease-in-out infinite kpp-bob}.kpp[data-mood=done] .kpp-body{animation:.62s cubic-bezier(.3,.7,.2,1) .52s both kpp-hop}.kpp[data-mood=waiting] .kpp-body{transform:rotate(-3deg)}@keyframes kpp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.022px)}}@keyframes kpp-hop{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-.09px)scale(1.03,.98)}70%{transform:translateY(0)scale(1.02,.97)}to{transform:translateY(0)scale(1)}}.kpp-sway{transform-box:view-box;transform-origin:0 .5px;transform:rotate(var(--sway,0deg));transition:transform .6s cubic-bezier(.3,.7,.2,1)}@media (prefers-reduced-motion:reduce){.kpp-eye-open,.kpp[data-look=work] .kpp-eye-look,.kpp[data-mood] .kpp-body{animation:none}.kpp-face,.kpp-eye-look,.kpp-body,.kpp-sway{transition:none}}