.chat-conversation{container-type:inline-size}.chat-conversation .str-chat{--str-chat__font-family:var(--font-be-vietnam-pro);--str-chat__message-with-attachment-max-width:calc(var(--str-chat__spacing-px) * 400);--str-chat__own-message-bubble-background-color:hsl(var(--primary));--str-chat__own-message-bubble-color:hsl(var(--primary-foreground));--str-chat__message-bubble-border-radius:12px;background:0 0}.chat-conversation .str-chat__message-bubble{overflow:hidden}.chat-conversation .str-chat__message--me .str-chat__message-bubble{border-radius:12px 12px 4px}.chat-conversation .str-chat__message:not(.str-chat__message--me) .str-chat__message-bubble{border-radius:12px 12px 12px 4px}.chat-conversation .str-chat__message-simple-timestamp{font-size:12px}.chat-conversation .str-chat__attachment-list .str-chat__message-attachment--video .str-chat__player-wrapper{aspect-ratio:16/9;height:auto;max-height:var(--str-chat__video-height)}.chat-conversation .str-chat,.chat-conversation .str-chat__channel,.chat-conversation .str-chat__container,.chat-conversation .str-chat__main-panel,.chat-conversation .str-chat__main-panel-inner{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-conversation .str-chat__list{background:hsl(var(--background-pg));flex:auto;min-height:0}.chat-conversation .str-chat__list-notifications{display:none}.chat-conversation .conversation-composer .str-chat__quoted-message-preview{--str-chat__message-max-width:var(--str-chat__quoted-message-inside-message-input-max-width);padding:var(--str-chat__spacing-2)}.chat-conversation .conversation-composer .str-chat__quoted-message-preview .str-chat__quoted-message-bubble{max-height:var(--str-chat__quoted-message-inside-message-input-max-height);background-color:var(--str-chat__message-bubble-background-color)}.chat-conversation .conversation-composer .str-chat__quoted-message-preview .str-chat__quoted-message-text{min-height:0;max-height:100%;overflow:hidden}.chat-conversation .conversation-composer .str-chat__quoted-message-preview .str-chat__quoted-message-text p{max-height:100%;overflow:hidden auto}.chat-conversation .conversation-composer .str-chat__quoted-message-preview-header{justify-content:center;align-items:center;width:100%;display:flex}.chat-conversation .conversation-composer .str-chat__quoted-message-preview-header .str-chat__quoted-message-reply-to-message{text-align:center;width:100%;font:var(--str-chat__subtitle-medium-text)}.chat-conversation .conversation-composer .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove{width:calc(var(--str-chat__spacing-px) * 40);height:calc(var(--str-chat__spacing-px) * 40);cursor:pointer;background-color:#0000;border:none}.chat-conversation .conversation-composer .str-chat__quoted-message-preview-header .str-chat__quoted-message-remove svg path{fill:var(--str-chat__message-input-tools-color)}@container (max-width:480px){.chat-conversation .conversation-resource-card .crc-headline{flex-direction:column-reverse;align-items:stretch;gap:4px}.chat-conversation .conversation-resource-card .crc-pricebox{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.chat-conversation .str-chat__message.str-chat__message--other>.str-chat__message-sender-avatar{display:none}.chat-conversation .str-chat__message.str-chat__message--other{-moz-column-gap:0;column-gap:0}}@container (max-width:400px){.chat-conversation .conversation-composer{gap:8px;padding:12px}.chat-conversation .conversation-resource-card{gap:8px;padding:8px}.chat-conversation .conversation-resource-card .crc-media{height:96px}.chat-conversation .conversation-resource-card .crc-title{font-size:var(--fs-sm);line-height:var(--lh-sm)}.chat-conversation .conversation-resource-card .crc-price{font-size:var(--fs-base);line-height:var(--lh-base)}.chat-conversation .conversation-resource-card .crc-meta,.chat-conversation .conversation-resource-card .crc-meta span{-moz-column-gap:10px;font-size:var(--fs-sm);line-height:var(--lh-sm);column-gap:10px}.chat-conversation .conversation-resource-card .crc-meta svg{width:14px;height:14px}}.chat-conversation .str-chat__message-simple-name{display:none}.chat-conversation .conversation-message-read svg path{fill:hsl(var(--primary))}