.chat-media-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;flex:none;border-top:1px solid #d4e3dd;background:#f6faf8}.chat-media-toolbar button,.chat-media-preview button{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;flex:0 0 44px!important}.chat-media-toolbar button svg,.chat-media-preview button svg{width:22px;height:22px;flex:none}.chat-media-limit{color:#48665a;font-size:12px}.chat-media-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#eaf4ef;flex:none;max-height:200px;overflow:auto;overflow-wrap:anywhere}.chat-media-preview[hidden]{display:none!important}.chat-media-preview img{max-width:120px;max-height:110px;object-fit:contain}.chat-media-preview audio,.chat-media-received audio{width:280px;max-width:100%;min-width:0}.chat-media-preview span{flex:1;min-width:100px}.chat-media-received{margin-top:8px;max-width:100%;overflow-wrap:anywhere}.chat-media-received img{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.chat-media-received button{max-width:100%;width:auto!important;height:auto!important;min-height:44px;white-space:normal!important;overflow-wrap:anywhere}.chat-media-received a{display:block;overflow-wrap:anywhere;min-height:44px;padding:8px 0}.chat-media-compose{min-width:0}.chat-media-compose textarea{min-width:0}@media(max-width:480px){.chat-media-toolbar{padding:6px 8px;gap:6px}.chat-media-limit{flex:1;min-width:80px}.chat-media-preview{max-height:160px}.chat-media-preview audio{width:100%}}@media(max-height:500px){.chat-media-preview{max-height:100px}.chat-media-toolbar{padding-block:2px}}

.ms-thread.chat-has-media{overflow-y:auto;overscroll-behavior:contain}.chat-has-media .chat-media-preview{max-height:min(24dvh,160px)}.gj-visitor-chat .messages.chat-has-media{overflow-y:auto}.gj-visitor-chat .messages.chat-has-media .log{min-height:80px}.portal-chat-window[open].chat-has-media{overflow-y:auto}.portal-chat-window.chat-has-media>header{position:sticky;top:0;z-index:2}.portal-chat-window.chat-has-media .portal-chat-log{min-height:80px}@media(max-height:500px){.chat-has-media .chat-media-preview{max-height:80px}.gj-visitor-chat .chat-media-toolbar{padding-block:2px}}
