.situational-dialogue{box-sizing:border-box;text-align:left;width:100%;min-height:0;color:var(--on-dark);flex-direction:column;flex:1;align-items:center;gap:.8rem;padding:2rem;display:flex}.situational-dialogue__badge-row{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.situational-dialogue__badge{letter-spacing:.65px;text-transform:uppercase;background:#774caf33;border:.7px solid #ffffff1a;border-radius:2.567rem;align-items:center;gap:.86rem;height:4.2rem;margin:0;padding:.65rem 1.29rem .65rem 1.27rem;font-size:1.6rem;font-weight:600;line-height:1.724rem;display:inline-flex}.situational-dialogue__badge-icon{flex-shrink:0;width:2.4rem;height:2.4rem;display:block}.situational-dialogue__body{max-width:122.7rem;font-size:3.2rem;position:relative}.situational-dialogue__body,.situational-dialogue__content{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}.situational-dialogue__content{gap:1.8rem}.situational-dialogue__scenario-wrap{justify-content:center;align-items:flex-start;width:100%;max-width:122.7rem;min-height:9.2rem;display:flex}.situational-dialogue__scenario{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex}.situational-dialogue__scenario-en{letter-spacing:var(--letter-spacing);text-align:center;color:var(--on-dark);margin:0;font-size:2.4rem;font-weight:600;line-height:normal}.situational-dialogue__thread-viewport{width:100%;max-width:71.1rem;min-height:0;max-height:63.6rem;color:var(--on-dark);flex:1;justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}.situational-dialogue__thread-viewport--anchor-end{justify-content:flex-end;align-items:stretch}.situational-dialogue__thread-viewport--anchor-end .situational-dialogue__thread-track{justify-content:flex-end}.situational-dialogue__body--awaiting-speech .situational-dialogue__thread-viewport{padding-bottom:12.8rem}.situational-dialogue__thread-track{flex-direction:column;justify-content:center;gap:1.2rem;width:100%;display:flex}.situational-dialogue__thread-slot--empty{display:none}.situational-dialogue__msg{align-self:stretch;width:100%;display:flex}.situational-dialogue__msg--teacher{justify-content:flex-start}.situational-dialogue__msg--student{justify-content:flex-end}.situational-dialogue__msg--masked{opacity:.1}.situational-dialogue__msg--active,.situational-dialogue__msg:not(.situational-dialogue__msg--masked){opacity:1}.situational-dialogue__msg-block{box-sizing:border-box;flex-direction:column;max-width:54.4rem;display:flex}.situational-dialogue__msg--teacher .situational-dialogue__msg-block{align-items:flex-start;width:min(100%,54.4rem)}.situational-dialogue__msg--student .situational-dialogue__msg-block{align-items:flex-end;width:min(100%,54.4rem);margin-left:auto}.situational-dialogue__msg-head{color:var(--on-dark);align-items:center;gap:1.2rem;margin-bottom:1.8rem;font-size:2.2rem;line-height:125%;display:flex}.situational-dialogue__msg--teacher .situational-dialogue__msg-head{padding-left:1.2rem}.situational-dialogue__msg--student .situational-dialogue__msg-head{flex-direction:row-reverse;padding-right:1.2rem}.situational-dialogue__avatar{-o-object-fit:cover;object-fit:cover;border-radius:4rem;flex-shrink:0;width:3rem;height:3rem}.situational-dialogue__role{font-weight:400}.situational-dialogue__bubble-shell{box-sizing:border-box;color:#0d0d12;width:100%;max-width:54.4rem}.situational-dialogue__msg--teacher .situational-dialogue__bubble-shell{padding-left:1.2rem}.situational-dialogue__msg--student .situational-dialogue__bubble-shell{max-width:53.13rem;padding-right:1.2rem}.situational-dialogue__bubble-row{align-items:flex-end;max-width:53.2rem;display:flex}.situational-dialogue__msg--student .situational-dialogue__bubble-row{max-width:53.13rem}.situational-dialogue__bubble{box-sizing:border-box;border-radius:1.335rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;min-width:0;padding:.83rem;display:flex}.situational-dialogue__msg--student .situational-dialogue__bubble{gap:.83rem}.situational-dialogue__bubble--teacher{background:var(--surface)}.situational-dialogue__bubble--student{background:#00a921}.situational-dialogue__bubble-zh{text-align:center;word-break:break-word;align-self:stretch;margin:0;font-size:3rem;font-weight:400;line-height:125%}.situational-dialogue__msg--student .situational-dialogue__bubble-zh{font-size:3rem}.situational-dialogue__bubble-meta{text-align:center;word-break:break-word;align-self:stretch;margin:0;font-size:2.4rem;font-weight:400;line-height:125%}@media (width<=900px){.situational-dialogue{padding:1.6rem}.situational-dialogue__msg-block,.situational-dialogue__thread-viewport{max-width:100%}.situational-dialogue__scenario-en{font-size:2rem}}