/* Still by default. A short greeting only follows an explicit interaction. */
.infi-avatar { display: block; overflow: visible; }
.infi-avatar .infi-ground { fill: #234c40; opacity: .09; }
.infi-avatar .infi-face { color: #234c40; transform-origin: 80px 74px; }
.infi-avatar[data-character=book] .infi-face, .infi-avatar[data-character=calculator] .infi-face { color: #FFF1D2; }
.infi-eye, .infi-smile, .infi-thought { fill: none; stroke: currentColor; stroke-width: 4.8; stroke-linecap: round; }
.infi-smile { stroke-width: 3.4; }
.infi-thought { opacity: 0; stroke-width: 2.5; }
.infi-character { transform-origin: 80px 126px; }
.infi-greeting-hand { transform-origin: 119px 99px; }
.infi-eyes { transform-origin: 80px 68px; }
.infi-avatar[data-pose=think] .infi-face { transform: translate(3px,-3px) rotate(-6deg); }
.infi-avatar[data-pose=think] .infi-thought { opacity: 1; }
.infi-avatar[data-pose=think] .infi-smile { transform: translate(3px,2px) scaleX(.94); }
.infi-avatar[data-pose=glad] .infi-face { transform: translateY(-2px); }
.infi-avatar[data-pose=glad] .infi-smile { stroke-width: 4.4; }
.infi-avatar[data-pose=glad] .infi-greeting-hand { transform: rotate(-30deg); }
.infi-avatar.is-waving .infi-greeting-hand { animation: infi-hand-hello 1.25s ease-in-out; }
.infi-avatar.is-waving .infi-character { animation: infi-soft-hello 1.25s ease-in-out; }
.infi-avatar.is-waving .infi-eyes { animation: infi-hello-blink 1.25s linear; }
@keyframes infi-hand-hello { 0%,100% { transform: rotate(0); } 28%,65% { transform: rotate(-65deg); } 47%,80% { transform: rotate(-35deg); } }
@keyframes infi-soft-hello { 0%,100% { transform: rotate(0); } 35%,65% { transform: rotate(-3deg); } }
@keyframes infi-hello-blink { 0%,42%,54%,100% { transform: scaleY(1); } 47%,50% { transform: scaleY(.15); } }
@media(prefers-reduced-motion:reduce) { .infi-avatar * { animation: none !important; } }
.design-reduced-motion .infi-avatar *, .infi-still .infi-avatar * { animation: none !important; }