.ollie{--ollie-color:#7048e8;vertical-align:middle;color:var(--ollie-color);flex-shrink:0;place-items:center;transition:scale .32s cubic-bezier(.34,1.56,.64,1);display:inline-grid;position:relative}.ollie-body{background:var(--ollie-color);border-radius:50% 50% 48% 52%/52% 50% 50% 48%;animation:4.8s ease-in-out infinite ollie-breathe;position:absolute;inset:5%;overflow:hidden}.ollie-eyes{translate:calc(-50% + var(--ollie-lx,0em)) calc(-50% + var(--ollie-ly,0em));pointer-events:none;gap:.15em;transition:translate .25s ease-out;display:flex;position:absolute;top:52%;left:50%}.ollie-eye{transform-origin:50% 60%;background:#fff;border-radius:.05em;width:.1em;height:.15em;animation:5.2s ease-in-out infinite ollie-blink}.ollie-thinking .ollie-body{animation-duration:1.7s}.ollie-thinking .ollie-eye{animation:1.6s ease-in-out infinite ollie-look}.ollie-blob.ollie-attention{animation:1.3s ease-in-out infinite ollie-hop}.ollie-attention .ollie-eye{height:.17em;animation:none}.ollie-blob.ollie-done{animation:.75s cubic-bezier(.34,1.56,.64,1) ollie-cheer}.ollie-done .ollie-eye{border-radius:.06em .06em 0 0;height:.06em;animation:none}.ollie-still .ollie,.ollie-still .ollie *{animation:none!important}.ollie-host:hover .ollie{scale:1.08}.ollie-host:active .ollie{scale:.9}.ollie.ollie-squish{animation:.62s cubic-bezier(.34,1.56,.64,1) ollie-squish}.ollie.ollie-boop{animation:.26s ease-out ollie-boop}@keyframes ollie-breathe{0%,to{border-radius:50% 50% 48% 52%/52% 50% 50% 48%;transform:scale(1)}35%{border-radius:54% 46% 50% 50%/48% 54% 46% 52%;transform:scale(1.035,.975)}70%{border-radius:47% 53% 54% 46%/53% 47%;transform:scale(.975,1.035)}}@keyframes ollie-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes ollie-look{0%,to{translate:-.03em}50%{translate:.03em}}@keyframes ollie-squish{0%,to{scale:1}28%{scale:1.2 .84}52%{scale:.9 1.12}74%{scale:1.05 .97}}@keyframes ollie-boop{0%,to{scale:1}40%{scale:1.14 .9}}@keyframes ollie-hop{0%,56%,to{translate:0}18%{translate:0 -.18em}32%{translate:0}43%{translate:0 -.06em}}@keyframes ollie-cheer{0%,to{translate:0;rotate:0deg;scale:1}28%{scale:1.18 .86}52%{translate:0 -.16em;rotate:-6deg;scale:.94 1.1}76%{rotate:4deg}}.ollie-spark{color:var(--ollie-color)}.ollie-grid{display:grid;position:relative}.ollie-px{opacity:var(--o,0);background:currentColor;border-radius:30%;transition:opacity .2s}@keyframes ollie-px-pulse{0%,to{opacity:var(--o)}50%{opacity:calc(var(--o) * .3)}}@keyframes ollie-px-chase{0%,to{opacity:.18}14%{opacity:1}46%{opacity:.18}}.ollie-caret{animation:1s step-end infinite ollie-caret}@keyframes ollie-caret{50%{opacity:0}}.ollie-shimmer{background:linear-gradient(90deg, var(--fg-3) 0%, var(--fg-3) 40%, var(--tone-violet) 50%, var(--fg-3) 60%, var(--fg-3) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite ollie-shimmer}@keyframes ollie-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.ollie-tip:before{content:"";top:-5px;right:var(--ollie-tip-x,14px);background:inherit;border-left:1px solid var(--line);border-top:1px solid var(--line);border-top-left-radius:2px;width:9px;height:9px;position:absolute;rotate:45deg}@media (prefers-reduced-motion:reduce){.ollie,.ollie *,.ollie.ollie-squish,.ollie.ollie-boop{transition:none!important;animation:none!important}.ollie-caret,.ollie-shimmer{animation:none!important}.ollie-shimmer{color:var(--fg-3);background:0 0}}
