/* Fixed art boxes: pose changes do not move the answer or surrounding layout. */
.w-motion{width:100%;max-width:340px;margin:auto;color:#47617d;text-align:center;--w-motion-size:240px}
.w-motion-stage{position:relative;width:100%;height:270px;isolation:isolate;overflow:hidden}
.w-motion-travel{position:absolute;display:block;width:var(--w-motion-size);height:var(--w-motion-size);left:calc(50% - var(--w-motion-size)/2);top:7px;animation:none!important}
.w-motion-body{display:block;width:100%;height:100%;transform-origin:50% 82%;animation:wilo-breathe 5.4s ease-in-out infinite}
.w-motion img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.w-motion-label{margin:2px 0 0;padding:0 4px;font-size:14px;line-height:1.5;min-height:42px;letter-spacing:.005em}
.w-motion-halo,.w-motion-shadow,.w-motion-prop,.w-motion-dots{display:none!important}
.w-motion-stage[data-wilo-motion-owner="question-actions"]>:not(.wilo-unit){visibility:visible!important}
.w-motion-stage[data-wilo-motion-owner="question-actions"]>.wilo-unit{display:none!important}
.w-motion[data-motion=read] .w-motion-body{animation:wilo-read 6.5s ease-in-out infinite}
.w-motion[data-motion=type] .w-motion-body{animation:wilo-type 3.8s ease-in-out infinite}
.w-motion[data-motion=think] .w-motion-body{animation:wilo-think 7s ease-in-out infinite}
.w-motion[data-motion=tablet] .w-motion-body{animation:wilo-tablet 5.5s ease-in-out infinite}
.w-motion[data-motion=note] .w-motion-body{animation:wilo-note 6s ease-in-out infinite}
.w-motion[data-motion=organize] .w-motion-body{animation:wilo-organize 6.4s ease-in-out infinite}
.w-motion[data-motion=search] .w-motion-body{animation:wilo-search 7s ease-in-out infinite}
.w-motion[data-motion=idea] .w-motion-body{animation:wilo-idea 5.6s ease-in-out infinite}
.w-motion[data-motion=ready] .w-motion-body{animation:wilo-ready 6.6s ease-in-out infinite}
.w-motion-compact{max-width:220px;--w-motion-size:142px}
.w-motion-compact .w-motion-stage{height:164px}
.w-motion-compact .w-motion-label{font-size:13px;min-height:39px}
@keyframes wilo-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes wilo-read{0%,100%{transform:rotate(0)}40%{transform:translateY(1px) rotate(-1.3deg)}75%{transform:rotate(.5deg)}}
@keyframes wilo-type{0%,100%{transform:translateY(0)}30%,70%{transform:translateY(1.2px)}50%{transform:translateY(-.6px)}}
@keyframes wilo-think{0%,100%{transform:rotate(0)}48%{transform:translateY(-2px) rotate(1.4deg)}}
@keyframes wilo-tablet{0%,100%{transform:rotate(0)}35%{transform:rotate(-.8deg)}70%{transform:translateY(-1px) rotate(.7deg)}}
@keyframes wilo-note{0%,100%{transform:rotate(0)}45%{transform:translateY(1px) rotate(-1deg)}}
@keyframes wilo-organize{0%,100%{transform:translateX(0)}35%{transform:translateX(-2px) rotate(-.5deg)}70%{transform:translateX(2px) rotate(.5deg)}}
@keyframes wilo-search{0%,100%{transform:rotate(0)}35%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}}
@keyframes wilo-idea{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px) rotate(-.7deg)}}
@keyframes wilo-ready{0%,100%{transform:rotate(0)}45%{transform:translateY(-2px) rotate(.8deg)}}
.w-motion-paused *,.w-motion-user-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.w-motion *{animation:none!important;transition:none!important}}

/* Load after wilo-style. The conversation's new motion stages own their art. */
.w-motion-stage[data-wilo-motion-owner="question-actions"]>:not(.wilo-unit){visibility:visible!important}
.w-motion-stage[data-wilo-motion-owner="question-actions"]>.wilo-unit{display:none!important}
.wilo-unit[data-question-action]>.wilo-unit-poster{animation:wilo-action-presence 5.8s ease-in-out infinite!important;transform-origin:50% 85%!important}
.wilo-unit[data-question-action="computer"]>.wilo-unit-poster,.wilo-unit[data-question-action="tablet"]>.wilo-unit-poster{animation-name:wilo-action-type!important;animation-duration:4.2s!important}
.wilo-unit[data-question-action="searching"]>.wilo-unit-poster,.wilo-unit[data-question-action="ideas"]>.wilo-unit-poster{animation-name:wilo-action-look!important;animation-duration:6.4s!important}
.wilo-unit[data-question-action]::after,.wilo-unit[data-question-action]>.wilo-unit-cue{display:none!important}
.wilo-unit[data-question-action].is-paused>.wilo-unit-poster{animation-play-state:paused!important}
@keyframes wilo-action-presence{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) rotate(.7deg)}}
@keyframes wilo-action-type{0%,100%{transform:translateY(0)}30%,70%{transform:translateY(1px)}50%{transform:translateY(-.5px)}}
@keyframes wilo-action-look{0%,100%{transform:translateX(0)}35%{transform:translateX(-2px) rotate(-.7deg)}70%{transform:translateX(2px) rotate(.7deg)}}
@media(prefers-reduced-motion:reduce){.wilo-unit[data-question-action]>.wilo-unit-poster{animation:none!important}}
