/* A question, a chart inside Sona's reply, and a contextual next step. */
.scene.results-study{background:#e9eddf;min-height:620px;color:#14151a}
.scene .context-study{display:block;width:100%;height:auto;max-height:660px;fill:initial;stroke:none;stroke-width:0;overflow:visible}
.context-study text{font-family:Inter,Arial,sans-serif;fill:#14151a;stroke:none}
.context-question text{font-size:20px;font-weight:550;letter-spacing:-.6px}
.chat-intro{font-size:23px;font-weight:550;letter-spacing:-.6px}
.chat-chart-label{font-size:17px;font-weight:550}
.chat-unit,.chat-date{font-size:15px;fill:#7b8070!important}
.chat-value{font-size:24px;font-weight:650;letter-spacing:-.6px}
.chat-source{font-size:17px;fill:#757b69!important}
.chat-source-small{font-size:15px;fill:#92968a!important}
.chat-next{font-size:21px;font-weight:500;letter-spacing:-.5px}
.context-study [class]{animation-duration:9s;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-timing-function:cubic-bezier(.32,.72,0,1)}
.context-cycle{animation-name:context-cycle}
.context-question{animation-name:context-question}
.chat-typing{animation-name:chat-typing}
.chat-reply{animation-name:chat-reply}
.chat-trend{stroke-dasharray:340;stroke-dashoffset:340;animation-name:chat-trend}
.chat-point-before{animation-name:chat-point-before}
.chat-point-after{animation-name:chat-point-after}
.chat-suggestion{animation-name:chat-suggestion}
@keyframes context-cycle{0%{opacity:0}5%,93%{opacity:1}99%,100%{opacity:0}}
@keyframes context-question{0%{opacity:0;transform:translateY(10px)}8%,100%{opacity:1;transform:none}}
@keyframes chat-typing{0%,10%{opacity:0;transform:translateY(5px)}15%,23%{opacity:1;transform:none}27%,100%{opacity:0}}
@keyframes chat-reply{0%,24%{opacity:0;transform:translateY(9px)}33%,100%{opacity:1;transform:none}}
@keyframes chat-point-before{0%,31%{opacity:0}38%,100%{opacity:1}}
@keyframes chat-trend{0%,35%{stroke-dashoffset:340}49%,100%{stroke-dashoffset:0}}
@keyframes chat-point-after{0%,46%{opacity:0}53%,100%{opacity:1}}
@keyframes chat-suggestion{0%,55%{opacity:0;transform:translateY(9px)}64%,100%{opacity:1;transform:none}}
@media(max-width:800px){
.scene.results-study{min-height:0;aspect-ratio:640/720}
.scene .context-study{width:108%;max-width:none;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){
.context-study [class]{animation:none!important}
.context-cycle,.context-question,.chat-reply,.chat-point-before,.chat-point-after,.chat-suggestion{opacity:1;transform:none}
.chat-typing{display:none}
.chat-trend{stroke-dashoffset:0}
}