.chat-media-tools{position:relative;display:flex;align-items:center;gap:4px;margin:0 0 7px}.chat-media-button{position:relative;width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:#566171;display:grid;place-items:center;cursor:pointer;margin:0;padding:0}.chat-media-button:hover{background:#eef0f4;color:#17212e}.chat-media-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65}.chat-media-button input[type=file]{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer;padding:0}.chat-media-button:focus-within{outline:2px solid #536b9a}.chat-emoji-picker{position:absolute;bottom:36px;left:0;background:#fff;border:1px solid #d4dbe4;border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(8,30px);gap:1px;box-shadow:0 8px 32px #1c29311a;z-index:2}.chat-emoji-picker[hidden],.chat-attachment-preview[hidden]{display:none}.chat-emoji-picker button{background:none;border:0;padding:5px;font-size:20px;cursor:pointer;border-radius:4px}.chat-emoji-picker button:hover{background:#f0f2f5}.chat-media-status{font-size:11px;color:#667181;margin-left:7px}.chat-attachment-preview{position:relative;width:64px;height:64px;margin:0 0 10px}.chat-attachment-preview img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #d6dce4}.chat-attachment-preview button{position:absolute;right:-5px;top:-5px;border-radius:50%;width:21px;height:21px;line-height:20px;background:#253143;color:white;border:1px solid white;cursor:pointer;padding:0}.chat-image{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:7px;overflow:hidden;max-width:100%;line-height:0}.chat-image img{object-fit:contain;max-width:100%;height:auto;background:#e9edf2}.sc-bubble:has(.chat-image){padding:5px}.sc-bubble .chat-image+span,.bubble .chat-image+span{display:block;margin:8px 6px 4px}.chat-lightbox{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:48px 20px!important;background:#0c1119f2!important;color:white!important;z-index:2147483647!important}.chat-lightbox::backdrop{background:#0c1119d9}.chat-lightbox>img{display:block;max-width:100%;max-height:calc(100dvh - 96px);width:auto;height:auto;object-fit:contain;margin:auto;position:absolute;inset:0}.chat-lightbox>button{position:absolute;right:16px;top:12px;width:36px;height:36px;background:#ffffff20;border:0;border-radius:50%;font-size:26px;color:white;z-index:2;cursor:pointer}.chat-lightbox-status{position:absolute;inset:45% 0 auto;text-align:center;font-size:13px}.chat-lightbox .page-loading{background:transparent}.message-form .chat-media-tools{grid-column:1/-1}.message-form .chat-attachment-preview{grid-column:1/-1}@media(prefers-reduced-motion:no-preference){.chat-lightbox{animation:chat-image-in .15s ease-out}@keyframes chat-image-in{from{opacity:0}to{opacity:1}}}

.chat-video{position:relative;display:block;padding:0;border:0;background:#20242d;border-radius:10px;overflow:hidden;max-width:100%;cursor:pointer}.chat-video img{display:block;object-fit:contain;max-width:100%;height:auto}.chat-video>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;fill:#20242d80;stroke:#fff;stroke-width:1.6}.chat-video>span{position:absolute;bottom:7px;right:8px;background:#1119;color:#fff;font-size:11px;padding:0 4px;border-radius:4px}.chat-video-lightbox video{display:block;max-width:min(900px,90vw);max-height:80dvh;width:auto;height:auto;background:#111}.chat-video-lightbox p{color:#eee;font-size:13px}