.tg-mock{background:#f1f1f3;background:lab(95.3428% .194937 -.729167);border-radius:.75rem;flex-direction:column;width:100%;display:flex;overflow:hidden}.tg-header{background:#f8f8f9;background:lab(97.6714% .0972152 -.364745);border-bottom:1px solid #e1e1e4;border-bottom:1px solid lab(89.5255% .392109 -1.45693);align-items:center;gap:10px;padding:12px 16px;display:flex}.tg-avatar{color:#54555b;color:lab(36.1127% .966162 -3.63401);background:#e7e7ea;background:lab(91.8542% .293314 -1.09327);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tg-header-info{flex-direction:column;gap:1px;display:flex}.tg-header-name{color:#07070b;color:lab(1.94666% .435621 -1.59158);font-size:.8rem;font-weight:600;line-height:1.3}.tg-header-status{color:#717177;color:lab(47.7134% .956506 -3.63976);align-items:center;gap:5px;font-size:.68rem;line-height:1.3;display:flex}.tg-online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tg-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.tg-msg{border-radius:10px;flex-direction:column;gap:2px;max-width:82%;padding:8px 12px;display:flex;position:relative}.tg-msg--bot{background:#fff;border:1px solid #e1e1e4;border:1px solid lab(89.5255% .392109 -1.45693);border-bottom-left-radius:3px;align-self:flex-start}.tg-msg--user{background:#122f87;background:lab(22.5881% 18.2068 -52.8932);border-bottom-right-radius:3px;align-self:flex-end}.tg-msg-name{color:#122f87;color:lab(22.5881% 18.2068 -52.8932);font-size:.68rem;font-weight:600;line-height:1.3}.tg-msg-text{font-size:.78rem;line-height:1.5}.tg-msg--bot .tg-msg-text{color:#212126;color:lab(12.9098% 1.00888 -3.61021)}.tg-msg--user .tg-msg-text{color:#fff}.tg-msg-time{align-self:flex-end;font-size:.6rem;line-height:1}.tg-msg--bot .tg-msg-time{color:#7f7f86;color:lab(53.5136% .95287 -3.64196)}.tg-msg--user .tg-msg-time{color:#c4cee2;color:lab(82.4563% -.452012 -11.2092)}.tg-mock .tg-msg{opacity:0}@keyframes tgMsgSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tg-mock.is-visible .tg-msg{animation:.35s ease-out forwards tgMsgSlide;animation-delay:calc(var(--i) * .2s + .15s)}@media (max-width:768px){.tg-mock{min-height:300px}}