.qcb-thread{--qcb-max-height:600px;--qcb-surface:color-mix(in srgb, var(--light,#fff) 9%, transparent);--qcb-left:color-mix(in srgb, var(--light,#fff) 13%, transparent);--qcb-right:color-mix(in srgb, var(--secondary,#14b8a6) 82%, var(--light,#fff));--qcb-border:color-mix(in srgb, var(--gray,#8a8a8a) 22%, transparent);--qcb-muted:color-mix(in srgb, var(--gray,#8a8a8a) 82%, transparent);--qcb-text:var(--dark,#f4f4f5);margin:1.15rem 0;position:relative}.qcb-messages{flex-direction:column;gap:.72rem;display:flex;overflow:visible}.qcb-thread.qcb-collapsible .qcb-messages{overflow:hidden}.qcb-thread.qcb-collapsed .qcb-messages{max-height:var(--qcb-max-height)}.qcb-thread.qcb-overflow.qcb-collapsed .qcb-messages{-webkit-mask-image:linear-gradient(#000 calc(100% - 4rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4rem),#0000)}.qcb-thread:not(.qcb-collapsed) .qcb-messages{max-height:none}.qcb-message{grid-template-columns:2.15rem minmax(0,1fr) 2.15rem;align-items:end;gap:.58rem;min-width:0;display:grid}.qcb-left .qcb-message-main{grid-column:2;justify-self:start}.qcb-right .qcb-message-main{grid-column:2;justify-self:end}.qcb-avatar{object-fit:cover;width:1.9rem;height:1.9rem;box-shadow:inset 0 0 0 1px var(--qcb-border);border-radius:999px;align-self:end}.qcb-left>.qcb-avatar{grid-column:1}.qcb-right>.qcb-avatar{grid-column:3}.qcb-avatar-placeholder{background:var(--qcb-surface);color:var(--qcb-muted);place-items:center;font-size:.72rem;font-weight:600;display:inline-grid}.qcb-message-main{width:max-content;min-width:0;max-width:min(34rem,84%)}.qcb-meta,.qcb-receipt{color:var(--qcb-muted);align-items:center;gap:.45rem;margin:0 0 .22rem;font-size:.72rem;line-height:1.2;display:flex}.qcb-right .qcb-meta,.qcb-right .qcb-receipt{justify-content:flex-end}.qcb-bubble{border:1px solid var(--qcb-border);background:var(--qcb-left);color:var(--qcb-text);overflow-wrap:anywhere;border-radius:.92rem;padding:.68rem .82rem;box-shadow:0 .35rem 1.25rem #0000001a}.qcb-right .qcb-bubble{background:var(--qcb-right);color:#fff;border-color:#0000;border-bottom-right-radius:.32rem}.qcb-left .qcb-bubble{border-bottom-left-radius:.32rem}.qcb-bubble p{margin:0;line-height:1.45}.qcb-bubble p+p{margin-top:.65rem}.qcb-variant-system .qcb-message-main,.qcb-variant-warning .qcb-message-main,.qcb-variant-success .qcb-message-main{grid-column:1/-1;justify-self:center;max-width:min(32rem,78%)}.qcb-variant-system .qcb-bubble{color:var(--qcb-muted);box-shadow:none;background:0 0;border-style:dashed}.qcb-variant-warning .qcb-bubble{color:color-mix(in srgb, #fef3c7 86%, var(--qcb-text));background:#f59e0b47;border-color:#f59e0b61}.qcb-variant-success .qcb-bubble{color:color-mix(in srgb, #d1fae5 86%, var(--qcb-text));background:#10b98138;border-color:#10b98157}.qcb-tone-muted{opacity:.74}.qcb-tone-emphasis .qcb-bubble{box-shadow:0 0 0 2px color-mix(in srgb, var(--secondary,#284b63) 25%, transparent)}.qcb-toggle{border:1px solid var(--qcb-border);background:var(--qcb-surface);color:var(--qcb-muted);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;align-items:center;margin:.85rem auto 0;padding:.42rem .76rem;font-size:.76rem;line-height:1.2;display:inline-flex}.qcb-thread:not(.qcb-collapsible) .qcb-toggle{display:none}.qcb-toggle:hover,.qcb-toggle:focus-visible{border-color:var(--secondary,#284b63);color:var(--secondary,#284b63)}@media (max-width:700px){.qcb-message{grid-template-columns:1.85rem minmax(0,1fr) 1.85rem;gap:.48rem}.qcb-avatar{width:1.7rem;height:1.7rem}.qcb-message-main{max-width:92%}}