*,:before{box-sizing:border-box}.chat{display:flex;flex-direction:column-reverse;overflow:auto;height:100%;width:100%;font:.85rem/1.5 Arial,sans-serif;color:#313131;position:relative}.chat__toggleOff{animation:toggleOff .2s forwards;animation-delay:1.5s}.chat__message{max-width:100%;min-width:200px;display:flex;align-items:flex-end;transform-origin:0 100%;padding-top:0;transform:scale(0);max-height:0;animation:message .15s ease-out forwards;animation-delay:var(--delay);--bgcolor:#ffffff;--radius:8px 8px 8px 0}.chat__message_B{flex-direction:row-reverse;align-self:flex-end;transform-origin:100% 100%;--bgcolor:#d2ecd4;--radius:8px 8px 0 8px}.chat__message:before{content:"";flex:0 0 auto;width:36px;height:32px}.chat__contentR{margin:0 12px 0 0}.chat__contentL,.chat__contentR{box-sizing:border-box;width:auto;min-width:50px;height:auto;padding:8px;background:var(--bgcolor);border-radius:var(--radius);word-wrap:break-word;overflow-wrap:break-word}.chat__contentL{margin:0 0 0 12px}.chat p{margin:0;padding:0}@keyframes toggleOff{0%{display:block;max-height:1000px;transform:scale(1)}to{display:none;max-height:0;transform:scale(0)}}@keyframes toggleOn{0%{transform:scale(0);max-height:0}to{transform:scale(1);max-height:1000px}}@keyframes message{0%{max-height:100vmax;transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1);max-height:100vmax;padding-top:1rem}}.typing-bubble{display:flex;align-items:center;justify-content:center;width:60px;height:24px;background-color:#e0e0e0;border-radius:16px;padding:4px}.removeAfter{animation:toggleOff .1s forwards;animation-delay:var(--delay)}.showAfter{transform:scale(0);max-height:0;animation:toggleOn .1s forwards;animation-delay:var(--delay)}.typing-bubble span{width:8px;height:8px;margin:0 2px;background-color:#2a2a2a;border-radius:50%;animation:bounce 1.5s ease-in-out infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}.moneyBar{transform-origin:bottom center;animation:moneyBarRise .6s forwards;animation-delay:var(--delay)}@keyframes moneyBarRise{0%{transform:scaleY(1)}15%{transform:scaleY(.6)}20%{transform:scaleY(.5)}25%{transform:scaleY(.6)}to{transform:scaleY(1.4)}}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}