#chatMediaShare{position:fixed;inset:var(--vobix-menu-top,0px) 0 auto;width:100%;height:100%;height:var(--vobix-menu-height,100dvh);max-width:520px;max-height:100%;margin:0 auto;padding:0;border:0;border-radius:0;background:#fff;color:#142b3e;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain}
#chatMediaShare[open]{display:flex;flex-direction:column}
#chatMediaShare::backdrop{background:#102d4370}
#chatMediaShare header{display:flex;align-items:center;gap:14px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #e5edf3;flex:none}
#chatMediaShare header button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#142b3e;font-size:26px}
#chatMediaShare header>div{min-width:0;overflow-wrap:anywhere}
#chatMediaShare .chatMediaShareBody{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:8px}
#chatMediaShare h2{margin:0;font:650 20px/1.3 system-ui,sans-serif}
#chatMediaShare header p{margin:3px 0 0;font-size:13px;color:#4b6474}
#chatMediaShare .chatMediaShareSearch{display:block;flex:none;padding:12px 16px 0;font-size:0}
#chatMediaShare input{display:block;box-sizing:border-box;width:100%;min-height:46px;border:1px solid #cfdeea;border-radius:24px;padding:11px 16px;background:#f2f6fa;color:#142b3e;font:16px/1.4 system-ui,sans-serif}
#chatMediaShare .chatMediaShareFile{flex:none;margin:9px 18px 0;color:#4b6474;font:13px/1.4 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatMediaShare .chatMediaShareFeedback{flex:none;margin:8px 18px;font:14px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
#chatMediaShare .chatMediaShareFeedback:empty{display:none}
#chatMediaShare .chatMediaShareFeedback button{min-height:44px;padding:8px 14px;border:1px solid #a8c8e3;border-radius:20px;background:#f1f7ff;color:#075ac2;font-weight:600}
#chatMediaShare .chatMediaShareList{padding:8px 0}
#chatMediaShare .chatMediaSharePerson{width:100%;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 18px;border:0;border-radius:0;background:#fff;color:#142b3e;text-align:left;font:16px/1.4 system-ui,sans-serif}
#chatMediaShare .chatMediaSharePerson[aria-pressed=true]{background:#eaf3ff}
#chatMediaShare .chatMediaShareAvatar{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#def3fb;color:#075ac2;font-weight:700}
#chatMediaShare .chatMediaShareAvatar img{width:100%;height:100%;object-fit:cover}
#chatMediaShare .chatMediaShareIdentity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
#chatMediaShare .chatMediaShareIdentity strong{font-weight:600;overflow-wrap:anywhere}
#chatMediaShare .chatMediaShareIdentity small{font-size:13px;color:#4b6474;overflow-wrap:anywhere}
#chatMediaShare .chatMediaShareCheck{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid #9cb4c6;border-radius:50%;font-size:14px}
#chatMediaShare [aria-pressed=true] .chatMediaShareCheck{background:#0a5cff;border-color:#0a5cff;color:white}
#chatMediaShare .chatMediaShareEmpty{padding:16px 24px;color:#4b6474;text-align:center}
#chatMediaShare footer{flex:none;display:flex;align-items:center;gap:14px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e5edf3;background:#fff}
#chatMediaShare footer p{flex:1;min-width:0;max-height:4.2em;overflow-y:auto;margin:0;overflow-wrap:anywhere;font:600 16px/1.4 system-ui,sans-serif}
#chatMediaShare .chatMediaShareSend{flex:none;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#0a5cff;color:#fff;font-size:25px}
#chatMediaShare button:disabled{opacity:.5;cursor:default}
html.vobixInstalled #chatMediaShare header{padding-top:max(20px,var(--vobix-safe-top,env(safe-area-inset-top,0px)))}
html.vobixInstalled #chatMediaShare footer{padding-bottom:max(12px,var(--vobix-menu-safe-bottom,var(--vobix-safe-bottom,env(safe-area-inset-bottom,0px))))}
@layer vobixLight{
 body #chatMediaShare,body #chatMediaShare footer,body #chatMediaShare .chatMediaSharePerson{background:#fff!important;color:#142b3e!important}
 body #chatMediaShare header button{background:transparent!important;color:#142b3e!important;border:0!important;box-shadow:none!important}
 body #chatMediaShare .chatMediaSharePerson[aria-pressed=true]{background:#eaf3ff!important}
 body #chatMediaShare .chatMediaShareSend{background:#0a5cff!important;color:#fff!important;border:0!important}
}