@layer components{.pip{--pip-level:0;vertical-align:middle;flex:none;line-height:0;display:inline-block;position:relative}.pip-travel{width:100%;height:100%;display:block}.pip-svg{width:100%;height:100%;display:block;overflow:visible}.pip-clock{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.pip[data-hidden=on] .pip-travel{visibility:hidden}.pip-svg g,.pip-svg ellipse,.pip-svg rect,.pip-svg path,.pip-svg circle{transform-box:view-box}.pip-body{transform-origin:50px 84px}.pip-shadow{transform-origin:50px 91px}.pip-pose{transform-origin:50px 84px;transform:translateY(calc(var(--pip-sink) * 1px)) rotate(calc(var(--pip-lean) * 1deg));transition:transform var(--pip-lean-ms) var(--pip-lean-ease) var(--pip-lean-delay)}.pip-level{transform-origin:50px 47px;transform:scale(calc(1 + var(--pip-level) * .035));transition:transform 90ms linear}.pip-face{transform:translate(calc(var(--pip-look-x) * .22px), calc(var(--pip-look-y) * .18px));transition:transform var(--pip-look-ms) var(--pip-look-ease) var(--pip-look-delay)}.pip-look{transform:translate(calc(var(--pip-look-x) * 1px), calc(var(--pip-look-y) * 1px));transition:transform var(--pip-look-ms) var(--pip-look-ease) var(--pip-look-delay)}.pip-arm-l{transform:rotate(calc(var(--pip-arm-l) * 1deg))}.pip-arm-r{transform:rotate(calc(var(--pip-arm-r) * -1deg))}.pip-fore-l{transform:rotate(calc(var(--pip-fore-l) * 1deg))}.pip-fore-r{transform:rotate(calc(var(--pip-fore-r) * -1deg))}.pip-arm,.pip-fore{transition:transform var(--pip-arms-ms) var(--pip-arms-ease) var(--pip-arms-delay)}.pip-eye-l .pip-eye-size{transform:scale(var(--pip-eye-l-size))}.pip-eye-r .pip-eye-size{transform:scale(var(--pip-eye-r-size))}.pip-eye-l .pip-pupil-size{transform:scale(var(--pip-eye-l-pupil))}.pip-eye-r .pip-pupil-size{transform:scale(var(--pip-eye-r-pupil))}.pip-eye-l .pip-lid{transform:rotate(calc(var(--pip-eye-l-tilt) * -1deg)) translateY(calc((1 - var(--pip-eye-l-lid)) * -27px))}.pip-eye-r .pip-lid{transform:rotate(calc(var(--pip-eye-r-tilt) * 1deg)) translateY(calc((1 - var(--pip-eye-r-lid)) * -27px))}.pip-eye-l .pip-lower{transform:translateY(calc((1 - var(--pip-eye-l-lower)) * 28px))}.pip-eye-r .pip-lower{transform:translateY(calc((1 - var(--pip-eye-r-lower)) * 28px))}.pip-eye-size,.pip-pupil-size,.pip-lid,.pip-lower{transition:transform var(--pip-face-ms) var(--pip-face-ease) var(--pip-face-delay)}.pip-eye-open,.pip-eye-happy,.pip-eye-closed,.pip-mouth,.pip-blush{transition:opacity var(--pip-face-ms) var(--pip-face-ease) var(--pip-face-delay), transform var(--pip-face-ms) var(--pip-face-ease) var(--pip-face-delay)}.pip-eye-happy,.pip-eye-closed{opacity:0;transform:scaleY(.4)}.pip[data-eye-l=happy] .pip-eye-l .pip-eye-open,.pip[data-eye-l=closed] .pip-eye-l .pip-eye-open,.pip[data-eye-r=happy] .pip-eye-r .pip-eye-open,.pip[data-eye-r=closed] .pip-eye-r .pip-eye-open{opacity:0;transform:scaleY(.15)}.pip[data-eye-l=happy] .pip-eye-l .pip-eye-happy,.pip[data-eye-l=closed] .pip-eye-l .pip-eye-closed,.pip[data-eye-r=happy] .pip-eye-r .pip-eye-happy,.pip[data-eye-r=closed] .pip-eye-r .pip-eye-closed{opacity:1;transform:none}.pip-mouth,.pip-blush{opacity:0}.pip[data-mouth=smile] .pip-mouth-smile,.pip[data-mouth=flat] .pip-mouth-flat,.pip[data-mouth=open] .pip-mouth-open,.pip[data-mouth=grin] .pip-mouth-grin,.pip[data-mouth=o] .pip-mouth-o,.pip[data-blush=on] .pip-blush{opacity:1}.pip-props{transform-origin:50px 47px}.pip[data-mirror=on] .pip-props{transform:scaleX(-1)}.pip-prop{opacity:0;transition:opacity .26s cubic-bezier(.4,0,.2,1)}.pip[data-props~=check] .pip-prop-check,.pip[data-props~=glint] .pip-prop-glint,.pip[data-props~=wave] .pip-prop-wave,.pip[data-props~=thought] .pip-prop-thought,.pip[data-props~=tiles] .pip-prop-tiles,.pip[data-props~=card] .pip-prop-card,.pip[data-props~=line] .pip-prop-line,.pip[data-props~=rows] .pip-prop-rows,.pip[data-props~=pulse] .pip-prop-pulse,.pip[data-props~=confetti] .pip-prop-confetti,.pip[data-props~=zzz] .pip-prop-zzz{opacity:1}.pip-z{opacity:0}.pip-wave-level{transform-origin:50px 47px;transform:scaleY(calc(.7 + var(--pip-level) * .7));transition:transform 90ms linear}.pip[data-intensity=quiet] .pip-wave-level{transform:scaleY(calc(.5 + var(--pip-level) * .35))}.pip-halo{transform-origin:50px 47px;opacity:0;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);transform:scale(.92)}.pip[data-state=listen] .pip-halo{opacity:calc(.25 + var(--pip-level) * .75);transform:scale(calc(.94 + var(--pip-level) * .3));transition:opacity 90ms linear,transform 90ms linear}.pip[data-state=listen][data-intensity=quiet] .pip-halo{opacity:0}.pip[data-state=speak] .pip-level{transform:none}.pip[data-state=speak] .pip-mouth-open{transform-origin:50px 53.2px;transform:scaleY(calc(.15 + min(1, var(--pip-level) * 2.2) * .85));transition:opacity var(--pip-face-ms) var(--pip-face-ease) var(--pip-face-delay), transform 70ms linear}.pip[data-pose=reset],.pip[data-pose=reset] *{transition:none!important}.pip[data-reduced=on] *{transition-property:opacity!important}.pip[data-reduced=on] .pip-level,.pip[data-reduced=on][data-state=listen] .pip-halo,.pip[data-reduced=on][data-state=speak] .pip-mouth-open{transform:none}@media (prefers-color-scheme:dark){.pip-floor{stop-color:#8a63ff}.pip-floor:first-child{stop-opacity:.42}.pip-z-light{stop-color:#dfd3ff}.pip-z-deep{stop-color:#a386ff}.pip-z-glow{stroke:#8a63ff;stroke-opacity:.42}}.pip-edge{--pip-room:80px;line-height:0;display:inline-block;position:relative}.pip-edge[data-side=bottom]{padding-top:var(--pip-room);margin-top:calc(-1 * var(--pip-room));overflow-y:clip}.pip-edge[data-side=right]{padding-left:var(--pip-room);margin-left:calc(-1 * var(--pip-room));overflow-x:clip}.pip-edge[data-side=left]{padding-right:var(--pip-room);margin-right:calc(-1 * var(--pip-room));overflow-x:clip}}