/* Layered community window. Conversation mode is owned by friends-premium.css. */
html[data-site-theme] body #friends-floating-window{--friend-line:#a2caff22;--friend-muted:#9ab1cc;width:min(410px,calc(100vw - 24px));border-radius:24px!important;}
html[data-site-theme] body #friends-floating-window>header{padding:13px 16px;background:linear-gradient(120deg,#94baff12,#94baff03)!important;border-bottom:1px solid var(--friend-line)!important;}
#friends-floating-window .friends-window-title>span:first-child{font-size:12px;font-weight:600;letter-spacing:.25px;color:#dceaff;}
#friends-floating-window .friends-drag-hint{font-size:9px;opacity:.65;}
#friends-floating-window .friends-window-actions{gap:5px;}
#friends-floating-window:not(.is-chatting) [data-friends-self]{padding:14px!important;}
html[data-site-theme] body #friends-floating-window .friends-self{padding:13px;background:linear-gradient(125deg,#679ded1d,#4560880a)!important;border:1px solid var(--friend-line);border-radius:17px;box-shadow:inset 0 1px #ffffff08;}
#friends-floating-window .friends-self-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:14px;overflow:hidden;}
#friends-floating-window .friends-self-avatar :is(img,.friends-self-monogram){display:grid;width:46px!important;height:46px!important;max-width:none;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:14px!important;box-sizing:border-box;}
#friends-floating-window .friends-self>div:not(.friends-self-preview){min-width:0;flex:1;}
#friends-floating-window .friends-self>div>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
#friends-floating-window [data-self-online]{display:inline-flex;align-items:center;gap:5px;font-size:10px;margin-top:4px;}
#friends-floating-window [data-self-online]::before{content:'';width:6px;height:6px;border-radius:50%;background:#889bb3;}
#friends-floating-window [data-self-online].is-online::before{background:#6ee2b6;box-shadow:0 0 0 3px #6ee2b610;}
#friends-floating-window .friends-recent{display:none!important;}
#friends-floating-window [data-friends-content]{padding:0 14px 14px!important;scrollbar-width:thin;}
#friends-floating-window .friends-toolbar{padding:2px 2px 12px;}
#friends-floating-window .friends-toolbar h3{font-size:14px;}
html[data-site-theme] body #friends-floating-window .friends-compact nav{padding:5px;background:#040c185c;border:1px solid var(--friend-line);border-radius:15px;gap:5px;margin-bottom:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
html[data-site-theme] body #friends-floating-window .friends-compact nav button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;padding:9px 10px;background:transparent!important;border-color:transparent!important;border-radius:10px;font-size:11px;}
html[data-site-theme] body #friends-floating-window .friends-compact nav button[aria-pressed=true]{background:linear-gradient(125deg,#4376b84d,#3a558c35)!important;border-color:#8bbfff40!important;color:#e2f0ff!important;}
#friends-floating-window .friends-compact nav svg{width:16px;height:16px;flex:none;opacity:.85;}
#friends-floating-window .friends-presence-group{padding:0 0 12px;}
#friends-floating-window .friends-presence-group h4{display:flex;align-items:center;gap:7px;border:0;padding:0 3px;margin:0 0 10px;font-size:11px;color:var(--friend-muted);}
#friends-floating-window .friends-presence-group h4::before{content:'';width:7px;height:7px;border-radius:50%;background:#7c8ca3;box-shadow:0 0 0 3px #7c8ca30e;}
#friends-floating-window .friends-presence-group:first-child h4::before{background:#6ce1b0;}
#friends-floating-window .friends-presence-group h4 small{margin-left:auto;border:1px solid var(--friend-line);border-radius:6px;padding:1px 6px;}
html[data-site-theme] body #friends-floating-window .friend-person{display:flex;flex-wrap:nowrap;gap:10px;padding:11px!important;margin:7px 0;border:1px solid var(--friend-line)!important;border-radius:14px;background:#92beef08!important;}
html[data-site-theme] body #friends-floating-window .friend-person:hover{background:#92beef13!important;border-color:#a2caff3b!important;}
#friends-floating-window .friend-person>a{min-width:0;flex:1;gap:10px;align-items:center;}
#friends-floating-window .friend-person>a>span:not(.friend-avatar-placeholder){min-width:0;}
#friends-floating-window .friend-person :is(img,.friend-avatar-placeholder){display:grid!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px;max-width:40px;aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid var(--friend-line);border-radius:12px!important;overflow:hidden;box-sizing:border-box;}
#friends-floating-window .friend-person .friend-avatar-placeholder svg{width:21px;height:21px;}
#friends-floating-window .friend-person strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#friends-floating-window .friend-person small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--friend-muted);}
#friends-floating-window .friend-person>div{display:flex;flex-direction:column;gap:5px;flex:none;}
#friends-floating-window .friend-person button{min-height:30px;padding:5px 9px;font-size:10px;white-space:nowrap;}
html[data-site-theme] body #friends-floating-window .friend-person [data-action=remove]{background:transparent!important;border-color:transparent!important;color:#96a6bd!important;font-size:9px;min-height:23px;}
#friends-floating-window .friend-online,#friends-floating-window .friend-offline{font-size:9px;margin-top:4px;line-height:1.4;}
#friends-floating-window .friend-online i{box-shadow:0 0 0 3px #6ee2b614;width:6px;height:6px;}
#friends-floating-window .friend-offline i{width:6px;height:6px;background:transparent;border:1px solid #93a6bd;}
html[data-site-theme] body #friends-floating-window .friends-suggestions{padding:13px;margin:4px 0 0;border:1px solid var(--friend-line);border-radius:17px;background:linear-gradient(135deg,#759fef0c,transparent);}
#friends-floating-window .friends-suggestions>header{margin-bottom:10px;}
#friends-floating-window .friends-suggestions>header button{font-size:10px;padding:6px 9px;}
#friends-floating-window .friends-suggestions .friend-person{background:transparent!important;padding:8px 0!important;border:0!important;margin:4px 0;}
#friends-floating-window .friends-social-status{font-size:10px;color:var(--friend-muted);}
html[data-site-theme] body .member-friend-bar [data-chat-user]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:11px;border:1px solid var(--theme-edge);background:var(--theme-button);color:var(--theme-accent);cursor:pointer;font:inherit;font-size:12px;}
.member-friend-bar [data-chat-user]:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px;}
@media(max-width:380px){#friends-floating-window .friend-person{gap:7px;padding:9px!important;}#friends-floating-window .friend-person>a{gap:7px;}}