/* PlayQI: original artwork, independent timing and optional layered animation. */
.pq-avatar-motion{--avatar-duration:7s;--avatar-delay:0s;transform-origin:50% 88%;animation:pq-avatar-sway var(--avatar-duration) ease-in-out var(--avatar-delay) infinite;will-change:transform}
.pq-avatar-motion[data-avatar-visible="false"]{animation-play-state:paused;will-change:auto}
.pq-avatar-motion [data-avatar-part="head"],.pq-avatar-motion .avatar-head{transform-origin:50% 85%;animation:pq-avatar-head calc(var(--avatar-duration) * .82) ease-in-out var(--avatar-delay) infinite}
.pq-avatar-motion [data-avatar-part="hair"],.pq-avatar-motion .avatar-hair{transform-origin:50% 15%;animation:pq-avatar-hair calc(var(--avatar-duration) * .73) ease-in-out var(--avatar-delay) infinite}
.pq-avatar-motion [data-avatar-part="eyes"],.pq-avatar-motion .avatar-eyes{transform-origin:center;transition:transform 80ms ease-out}
.pq-avatar-motion[data-avatar-blink="true"] [data-avatar-part="eyes"],.pq-avatar-motion[data-avatar-blink="true"] .avatar-eyes{transform:scaleY(.08)}
html[data-avatar-motion-paused="true"] .pq-avatar-motion,html[data-avatar-motion-paused="true"] .pq-avatar-motion [data-avatar-part],html[data-avatar-motion-paused="true"] .pq-avatar-motion .avatar-head,html[data-avatar-motion-paused="true"] .pq-avatar-motion .avatar-hair{animation-play-state:paused;will-change:auto}
@keyframes pq-avatar-sway{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-2px) rotate(.35deg)}}
@keyframes pq-avatar-head{0%,100%{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}
@keyframes pq-avatar-hair{0%,100%{transform:rotate(-.4deg)}50%{transform:rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){.pq-avatar-motion,.pq-avatar-motion [data-avatar-part],.pq-avatar-motion .avatar-head,.pq-avatar-motion .avatar-hair{animation:none!important;transition:none!important;will-change:auto!important}.pq-avatar-motion [data-avatar-part="eyes"],.pq-avatar-motion .avatar-eyes{transform:none!important}}

.pq-avatar-motion .pupil,.pq-avatar-motion .iris{transform-box:fill-box;transform-origin:center;transition:transform 80ms ease-out}
.pq-avatar-motion[data-avatar-blink="true"] .pupil,.pq-avatar-motion[data-avatar-blink="true"] .iris{transform:scaleY(.08)}
@media(prefers-reduced-motion:reduce){.pq-avatar-motion .pupil,.pq-avatar-motion .iris{transform:none!important;transition:none!important}}