#communityPage .room-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
#communityPage .room-layout-label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;color:#9caec5}
#communityPage .room-layout-label select{background:#0f1722;color:#dce5f2;border:1px solid #314159;border-radius:8px;padding:8px;font-size:12px;max-width:220px}
#communityPage .room-support-button{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid #35445c;border-radius:9px;background:#141e2f;color:#c0ccdd;padding:5px 12px;margin:0;cursor:default;opacity:1;font-size:12px;line-height:1.5}
#communityPage .room-support-button small{font-size:9px;color:#97a8c0;white-space:nowrap}
#communityPage .room-toolbar>.community-account-actions{margin-left:6px}
#communityPage .layout[data-room-layout] #roomDivider,#communityPage .layout[data-room-layout] #memberDivider{position:relative!important;left:auto!important;top:auto!important;grid-row:1!important;align-self:stretch;width:12px!important;height:auto!important;min-height:100%;display:block;z-index:10;cursor:col-resize;touch-action:none;background:transparent}
#communityPage .layout[data-room-layout] :is(#roomDivider,#memberDivider)::after{content:"";position:absolute;left:5px;top:16px;bottom:16px;width:2px;border-radius:2px;background:#ef4444;opacity:0!important}
#communityPage .layout[data-room-layout] :is(#roomDivider,#memberDivider):is(:hover,:focus-visible,.is-dragging)::after{opacity:.75!important}
@media(min-width:1250px){
 #communityPage .layout[data-room-layout]{grid-template-columns:minmax(0,var(--video-width,1.15fr)) 12px minmax(340px,1fr) 12px var(--member-width,240px)!important}
 #communityPage .layout[data-room-layout=classic]>.watch{grid-column:1!important}
 #communityPage .layout[data-room-layout=classic]>.conversation-column{grid-column:3!important}
 #communityPage .layout[data-room-layout=classic]>.community-roles{grid-column:5!important}
 #communityPage .layout[data-room-layout=classic]>#roomDivider{grid-column:2!important}
 #communityPage .layout[data-room-layout=classic]>#memberDivider{grid-column:4!important}
 #communityPage .layout[data-room-layout=mirror]{grid-template-columns:var(--member-width,240px) 12px minmax(340px,1fr) 12px minmax(0,var(--video-width,1.15fr))!important}
 #communityPage .layout[data-room-layout=mirror]>.community-roles{grid-column:1!important}
 #communityPage .layout[data-room-layout=mirror]>.conversation-column{grid-column:3!important}
 #communityPage .layout[data-room-layout=mirror]>.watch{grid-column:5!important}
 #communityPage .layout[data-room-layout=mirror]>#memberDivider{grid-column:2!important}
 #communityPage .layout[data-room-layout=mirror]>#roomDivider{grid-column:4!important}
 #communityPage .layout[data-room-layout=chatfirst]{grid-template-columns:minmax(340px,1fr) 12px minmax(0,var(--video-width,1.15fr)) 12px var(--member-width,240px)!important}
 #communityPage .layout[data-room-layout=chatfirst]>.conversation-column{grid-column:1!important}
 #communityPage .layout[data-room-layout=chatfirst]>.watch{grid-column:3!important}
 #communityPage .layout[data-room-layout=chatfirst]>.community-roles{grid-column:5!important}
 #communityPage .layout[data-room-layout=chatfirst]>#roomDivider{grid-column:2!important}
 #communityPage .layout[data-room-layout=chatfirst]>#memberDivider{grid-column:4!important}
 #communityPage .layout[data-room-layout].members-collapsed{padding-right:28px;grid-template-columns:minmax(0,var(--video-width,1.15fr)) 12px minmax(340px,1fr)!important}
 #communityPage .layout[data-room-layout].members-collapsed>.watch{grid-column:1!important}
 #communityPage .layout[data-room-layout].members-collapsed>.conversation-column{grid-column:3!important}
 #communityPage .layout[data-room-layout].members-collapsed>#roomDivider{grid-column:2!important}
 #communityPage .layout[data-room-layout]:is([data-room-layout=mirror],[data-room-layout=chatfirst]).members-collapsed{grid-template-columns:minmax(340px,1fr) 12px minmax(0,var(--video-width,1.15fr))!important}
 #communityPage .layout[data-room-layout]:is([data-room-layout=mirror],[data-room-layout=chatfirst]).members-collapsed>.watch{grid-column:3!important}
 #communityPage .layout[data-room-layout]:is([data-room-layout=mirror],[data-room-layout=chatfirst]).members-collapsed>.conversation-column{grid-column:1!important}
}
@media(min-width:801px) and (max-width:1249px){
 #communityPage .layout[data-room-layout]>#memberDivider{display:none!important}
 #communityPage .layout[data-room-layout=mirror],#communityPage .layout[data-room-layout=chatfirst]{grid-template-columns:minmax(340px,1fr) 12px minmax(0,var(--video-width,1fr))!important}
 #communityPage .layout[data-room-layout=mirror]>.watch,#communityPage .layout[data-room-layout=chatfirst]>.watch{grid-column:3!important}
 #communityPage .layout[data-room-layout=mirror]>.conversation-column,#communityPage .layout[data-room-layout=chatfirst]>.conversation-column{grid-column:1!important}
}
@media(max-width:800px){#communityPage .room-toolbar{justify-content:flex-start;gap:8px;width:100%}#communityPage .room-toolbar>.community-account-actions{margin-left:auto}#communityPage .room-layout-label{width:100%}#communityPage .layout[data-room-layout]>:is(#roomDivider,#memberDivider){display:none!important}#communityPage .layout>.watch{order:0}#communityPage .layout>.conversation-column{order:1}#communityPage .layout>.community-roles{order:2}}