body.communityPage.groupChatOpen{overflow:hidden!important}
body.communityPage.groupChatOpen>.phaseHeader{visibility:hidden}
body.communityPage #groupRoom.groupChat:not([hidden]){position:fixed!important;z-index:10000;inset:var(--vobix-menu-top,0px) 0 auto!important;display:flex!important;flex-direction:column;box-sizing:border-box;width:min(100%,860px)!important;height:var(--vobix-menu-height,100dvh)!important;margin:0 auto!important;padding:var(--vobix-safe-top,0px) 0 var(--vobix-menu-safe-bottom,0px)!important;border:0!important;border-radius:0!important;overflow:hidden;background:#edf5fa!important;color:#173c55!important;text-align:left!important}
body.communityPage #groupRoom *{box-sizing:border-box}body.communityPage #groupRoom [hidden]{display:none!important}
body.communityPage #groupRoom button{cursor:pointer;font-family:inherit;touch-action:manipulation;box-shadow:none!important}
body.communityPage #groupRoom .groupChatHeader{display:flex;align-items:center;gap:10px;padding:9px 12px!important;min-height:66px;flex:none;background:#fff!important;border-bottom:1px solid #dce9f2}
body.communityPage #groupRoom .groupIconButton{display:grid;place-items:center;flex:none;width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;font-size:26px!important;font-weight:500!important;line-height:1!important}
body.communityPage #groupRoom #groupPhoto{width:43px!important;height:43px!important;border-radius:50%!important}
body.communityPage #groupRoom #groupInfo{display:block;flex:1;min-width:0!important;padding:0!important;margin:0!important;border:0!important;text-align:left!important;border-radius:4px!important}
body.communityPage #groupRoom #groupName{display:block!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.communityPage #groupRoom #groupCount{display:block;font-size:12px!important;font-weight:400!important;line-height:1.4!important;margin:3px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.communityPage #groupRoom #groupDetails{position:absolute;z-index:3;inset:calc(var(--vobix-safe-top,0px) + 66px) 8px auto auto;width:min(400px,calc(100% - 16px));max-height:70%;overflow:auto;margin:0!important;padding:12px 16px 16px!important;background:#fff!important;border:1px solid #dce9f2;border-radius:18px;box-shadow:0 12px 35px #17455d26}
body.communityPage #groupRoom .groupDetailsTitle{display:flex;align-items:center;justify-content:space-between}
body.communityPage #groupRoom .groupDetailsTitle h3{font-size:16px!important;margin:0!important;line-height:1.4!important}
body.communityPage #groupRoom #groupDetails :is(summary,.communityMemberName,p){font-size:14px!important;line-height:1.45!important}
body.communityPage #groupRoom #groupDetails button:not(.groupIconButton){font-size:13px!important;min-height:44px!important;padding:8px 10px!important}
body.communityPage #groupRoom #groupOptions{margin-top:10px!important}
body.communityPage #groupRoom :is(#groupPrivacy,#groupReadOnly){flex:none;margin:0!important;padding:8px 16px!important;font-size:11px!important;font-weight:400!important;line-height:1.45!important;text-align:center!important;color:#6b8192!important;background:#f7fbfe!important}
body.communityPage #groupRoom #olderGroupMessages{flex:none;margin:0!important;min-height:36px!important;padding:6px 10px!important;font-size:12px!important}
body.communityPage #groupRoom #groupMessages{flex:1!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px 14px!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;border:0!important;border-radius:0!important;gap:10px!important}
body.communityPage #groupRoom .groupMessage{max-width:min(86%,560px)!important;padding:10px 12px 7px!important;border-radius:4px 17px 17px 17px!important;border:1px solid #dae8f0!important;box-shadow:0 1px 2px #17455d0a!important}
body.communityPage #groupRoom .groupMessage.mine{border-radius:17px 4px 17px 17px!important;border-color:#c5e4fa!important}
body.communityPage #groupRoom .groupMessage b{display:block;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
body.communityPage #groupRoom .groupMessage p{margin:4px 0!important;font-size:16px!important;font-weight:400!important;line-height:1.45!important;white-space:pre-wrap}
body.communityPage #groupRoom .groupMessage small{display:block;text-align:right;font-size:10px!important;line-height:1.4!important}
body.communityPage #groupRoom #groupFeedback{flex:none;max-height:65px;overflow:auto;font-size:12px!important;line-height:1.4!important;margin:0!important;padding:6px 16px!important;color:#40679b!important}
body.communityPage #groupRoom #groupFeedback:empty{display:none}
body.communityPage #groupRoom #groupMessageForm{display:flex;align-items:flex-end;gap:8px;flex:none;margin:0!important;padding:10px 12px!important;background:#fff!important;border-top:1px solid #dce9f2!important}
body.communityPage #groupRoom #groupMessage{display:block;flex:1;min-width:0!important;width:0!important;min-height:44px!important;max-height:112px!important;margin:0!important;padding:11px 16px!important;border:1px solid #d9e8f1!important;border-radius:24px!important;font:400 16px/22px system-ui!important;resize:none!important;box-shadow:none!important;overflow-y:auto}
body.communityPage #groupRoom #sendGroupMessage{display:grid;place-items:center;flex:none;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:12px!important;margin:0!important;border:0!important;border-radius:50%!important}
body.communityPage #groupRoom #sendGroupMessage svg{width:22px;height:22px}
body.communityPage #groupRoom button:disabled{opacity:.45;cursor:default}
html.vobixMenuKeyboardOpen body.communityPage #groupRoom.groupChat{padding-bottom:0!important}
@layer vobixLight{
 body.communityPage #groupRoom :is(#groupInfo,.groupIconButton){background:transparent!important;background-image:none!important;color:#087ac2!important}
 body.communityPage #groupRoom #groupName{color:#173c55!important}body.communityPage #groupRoom #groupCount{color:#6b8192!important}
 body.communityPage #groupRoom #groupMessages{background:radial-gradient(circle at 20% 10%,#d9eefa80,transparent 65%),#eff5f9!important}
 body.communityPage #groupRoom .groupMessage{background:#fff!important;color:#173c55!important}
 body.communityPage #groupRoom .groupMessage.mine{background:#d7efff!important}
 body.communityPage #groupRoom .groupMessage small{color:#5d7e92!important}
 body.communityPage #groupRoom #groupMessage{background:#f2f7fa!important;color:#173c55!important;border-color:#d9e8f1!important}
 body.communityPage #groupRoom #groupMessage::placeholder{color:#738998!important}
 body.communityPage #groupRoom #sendGroupMessage{background:#098bea!important;color:#fff!important}
 body.communityPage #groupRoom #sendGroupMessage :is(svg,path){fill:currentColor!important;stroke:none!important;color:#fff!important}
}
@media(max-width:360px){body.communityPage #groupRoom .groupChatHeader{gap:6px;padding-inline:6px!important}body.communityPage #groupRoom #groupName{font-size:16px!important}}
@media(max-height:480px){body.communityPage #groupRoom #groupPrivacy{font-size:10px!important;padding-block:4px!important}body.communityPage #groupRoom .groupChatHeader{min-height:56px;padding-block:4px!important}body.communityPage #groupRoom #groupMessageForm{padding-block:6px!important}}
html[data-vobix-font=large] body.communityPage #groupRoom :is(.groupMessage p,#groupMessage){font-size:18px!important;line-height:1.45!important}
html[data-vobix-font=xlarge] body.communityPage #groupRoom :is(.groupMessage p,#groupMessage){font-size:20px!important;line-height:1.45!important}