.message-bubble-wrapper{box-sizing:border-box;-webkit-user-select:none;user-select:none;align-items:flex-end;width:100%;margin-bottom:4px;padding:2px 12px;display:flex}.message-bubble-wrapper.outgoing{flex-direction:row-reverse}.bubble-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px;margin-bottom:4px;margin-right:6px}.bubble-avatar-spacer{flex-shrink:0;width:34px}.bubble-content{flex-direction:column;max-width:75%;display:flex}.bubble-capsule{word-break:break-word;border-radius:18px;padding:8px 12px;line-height:1.45;transition:opacity .1s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000017}.bubble-capsule:active{opacity:.75}.bubble-capsule.media-only{padding:0;overflow:hidden}.incoming .bubble-capsule{background:var(--vkui--color_background_secondary);color:var(--vkui--color_text_primary);border-bottom-left-radius:4px}.outgoing .bubble-capsule{color:#fff;background:#007aff;border-bottom-right-radius:4px}.bubble-text{margin-bottom:2px;display:block;line-height:1.45!important}.bubble-footer{justify-content:flex-end;margin-top:2px;padding:0 2px;display:flex}.bubble-capsule.media-only .bubble-footer{padding:2px 8px 6px}.bubble-time{opacity:.65;color:inherit!important;font-size:10px!important}.bubble-attachments{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.bubble-capsule.media-only .bubble-attachments{margin-bottom:0}.bubble-photo{border-radius:12px;max-width:260px;position:relative;overflow:hidden}.bubble-photo img{width:100%;height:auto;display:block}.bubble-doc-name{opacity:.8;margin:4px 6px;font-size:12px}.bubble-video{cursor:pointer;background:#000;border-radius:12px;max-width:260px;position:relative;overflow:hidden}.bubble-video img{opacity:.85;width:100%;height:auto;display:block}.bubble-video-overlay{color:#fff;background:#00000047;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.bubble-video-overlay svg{filter:drop-shadow(0 1px 4px #0006);width:36px;height:36px}.bubble-video-duration{background:#0000008c;border-radius:4px;padding:1px 5px;font-size:12px}.bubble-video-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:4px 8px 6px;font-size:12px;overflow:hidden}.bubble-file{color:inherit;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex!important}.outgoing .bubble-file{border-color:#ffffff40}.bubble-file-icon{background:#007aff1f;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;display:flex}.outgoing .bubble-file-icon{background:#fff3}.bubble-file-icon.pdf{background:#ff3b301f}.outgoing .bubble-file-icon.pdf{background:#fff3}.bubble-file-ext{letter-spacing:.02em;font-size:9px;font-weight:700}.bubble-file-info{flex-direction:column;min-width:0;display:flex}.bubble-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:500;overflow:hidden}.bubble-file-size{opacity:.6;font-size:11px!important}.bubble-market{border-radius:12px;flex-direction:column;max-width:220px;display:flex;overflow:hidden}.bubble-market img{object-fit:cover;width:100%;height:140px;display:block}.bubble-market-info{justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.bubble-market-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.bubble-market-price{color:#007aff;flex-shrink:0;font-size:13px;font-weight:700}.outgoing .bubble-market-price{color:#ffffffe6}
.chat-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;position:absolute;inset:56px 0;overflow:hidden auto}.chat-messages{flex-direction:column;justify-content:flex-end;min-height:100%;padding:12px 0 8px;display:flex}.chat-writebar{background:var(--vkui--color_background_content);border-top:.5px solid var(--vkui--color_separator_primary);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;position:fixed;bottom:0;left:0;right:0}.chat-reply-strip{background:var(--vkui--color_background_content);border-top:.5px solid var(--vkui--color_separator_primary);z-index:9;align-items:center;gap:8px;padding:8px 12px;animation:.2s slideUp;display:flex;position:fixed;bottom:56px;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-reply-bar{background:#007aff;border-radius:2px;flex-shrink:0;width:3px;min-height:30px}.chat-reply-body{flex-direction:column;flex:1;min-width:0;display:flex}.chat-reply-label{color:#007aff;font-size:12px;font-weight:600}.chat-reply-text{color:var(--vkui--color_text_secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-reply-close{color:var(--vkui--color_text_secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}