.df-chips button.on{background:var(--df-p);color:#fff;border-color:var(--df-p)}.df-bq{align-self:flex-end;max-width:82%;padding:12px 16px;border-radius:18px 18px 4px 18px;background:var(--df-g);color:var(--df-ink);font-size:15px;font-weight:600;line-height:1.45;animation:dfIn .3s ease-out both}.df-typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;border-radius:18px 18px 18px 4px;background:var(--df-pt)}.df-typing i{width:8px;height:8px;border-radius:50%;background:var(--df-p);animation:dfBlink 1s infinite}.df-typing i:nth-child(2){animation-delay:.15s}.df-typing i:nth-child(3){animation-delay:.3s}@media (min-width:1024px){.df-bq{font-size:16px}}