.kolle-anim{transform-origin:50% 100%;opacity:0;transition:opacity .2s var(--ease-entrance,cubic-bezier(0, 0, .2, 1));display:inline-flex}.kolle-anim[data-entered=true]{opacity:1}.kolle-loop{transform-origin:50% 100%;display:inline-flex}html.dark .kolle .kolle-halo{display:inline}@media (prefers-reduced-motion:no-preference){.kolle-anim{opacity:0;transition:none}.kolle-anim[data-entered=true][data-entrance=fade]{animation:kolle-fade-in .2s var(--ease-entrance,cubic-bezier(0, 0, .2, 1)) both}.kolle-anim[data-entered=true][data-entrance=none]{opacity:1}.kolle-anim[data-entered=true][data-entrance=pop]{animation:kolle-pop .38s var(--ease-entrance,cubic-bezier(0, 0, .2, 1)) both}.kolle-anim[data-entered=true][data-entrance=hop]{animation:kolle-hop .56s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.kolle-anim[data-entered=true][data-entrance=shake]{animation:kolle-shake .34s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) both}.kolle-anim[data-entered=true][data-entrance=wave]{animation:kolle-fade-in .2s var(--ease-entrance,cubic-bezier(0, 0, .2, 1)) both}.kolle-anim[data-entered=true][data-entrance=wave] .kolle-arm-r{animation:kolle-wave .9s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) 3;transform-box:fill-box;transform-origin:0 100%}.kolle-loop[data-loop=breathe] .kolle{animation:kolle-breathe 2.6s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) infinite;transform-origin:50% 100%}.kolle-loop[data-loop=sleepy] .kolle{animation:kolle-breathe 3.4s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) infinite;transform-origin:50% 100%}.kolle-loop[data-loop=breathe] .kolle-eyes{transform-box:fill-box;transform-origin:50%;animation:6s step-end infinite kolle-blink}.kolle-loop[data-loop=thinking] .kolle-pupil{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite kolle-think-eyes}.kolle-loop[data-loop=thinking] .kolle-arm-l{animation:kolle-think-arm 1.8s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) infinite;transform-box:fill-box;transform-origin:0 100%}.kolle-spin{transform-origin:50%;animation:.9s linear infinite kolle-roll}}@keyframes kolle-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kolle-pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}60%{opacity:1;transform:scale(1.08)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes kolle-hop{0%{opacity:0;transform:translateY(0)}12%{opacity:1}28%{transform:translateY(-14px)}44%{transform:translateY(0)scaleY(.92)}56%{transform:translateY(0)scaleY(1)}72%{transform:translateY(-9px)}88%{transform:translateY(0)scaleY(.96)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes kolle-shake{0%{opacity:0;transform:translate(0)}12%{opacity:1;transform:translate(-4px)}36%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}to{opacity:1;transform:translate(0)}}@keyframes kolle-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}@keyframes kolle-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes kolle-think-eyes{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes kolle-think-arm{0%,to{transform:rotate(0)}45%,65%{transform:rotate(-9deg)}}@keyframes kolle-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}@keyframes kolle-roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kolle-peek{opacity:0;pointer-events:none;margin-left:1px;position:absolute;bottom:-4px;left:100%}@media (prefers-reduced-motion:no-preference){.kolle-peek{animation:kolle-peek 2.2s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) both;transform-origin:0 100%}.kolle-peek .kolle-arm-r{animation:kolle-wave .64s var(--ease-standard,cubic-bezier(.2, 0, 0, 1)) .62s 2;transform-box:fill-box;transform-origin:0 100%}}@keyframes kolle-peek{0%{opacity:0;transform:translate(-16px)translateY(5px)scale(.45)rotate(-12deg)}16%{opacity:1;transform:translate(2px)translateY(0)scale(1)rotate(0)}24%{transform:translate(0)translateY(0)scale(1)}70%{opacity:1;transform:translate(0)translateY(0)scale(1)}to{opacity:0;transform:translate(-12px)translateY(3px)scale(.5)rotate(-8deg)}}