/* Keep the text layer inside the field content box and preserve bubble padding. */
.vt-field{position:relative;display:block;min-width:0;max-width:100%;overflow:clip;white-space:inherit;overflow-wrap:anywhere}
.wx-question,.hj-customer,.customer-message,.chat-question{min-width:0;overflow-wrap:anywhere}
.vt-field>.vt-layout{visibility:hidden;white-space:inherit;overflow-wrap:inherit}
.vt-field>.vt-layout:after{content:'';display:inline-block;width:3px}
.vt-field>.vt-ink{position:absolute;inset:0;pointer-events:none;white-space:inherit;overflow-wrap:inherit;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit}
[data-typing=true]>.vt-field>.vt-ink:after{content:'';border-right:1.5px solid currentColor;margin-left:2px;animation:vt-caret .7s steps(1) infinite}
.vt-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vt-pending{visibility:hidden!important;pointer-events:none!important}
@keyframes vt-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.vt-field>.vt-ink:after{animation:none!important;border:0!important}}