.community-header-account{display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0}.community-header-account .community-return{margin-left:0}.community-header-account [data-community-viewer]{min-width:0;max-width:220px}.community-header-account [data-community-viewer]>button{display:flex;align-items:center;gap:10px;text-align:left;padding:4px 8px;background:#f2f8f7;color:#214f55;min-width:0;max-width:100%;border:1px solid #deebe8}.community-header-account :is(img,.community-presence-avatar){width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover}.community-header-account button>span{min-width:0}.community-header-account small{display:block;font-size:9px;letter-spacing:.08em;color:#526f75}.community-header-account b{display:block;font-size:12px;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-presence-avatar{display:grid;place-items:center;background:#e3f1ed;color:#176b62;font-weight:700}
.community-presence{max-width:1480px;margin:22px auto 0;padding:10px 20px;background:#fff;border:1px solid #dce8e7;border-radius:17px;width:calc(100% - 48px);min-width:0}.community-presence header{display:flex;justify-content:space-between;align-items:center;gap:12px}.community-presence h2{font-size:12px;font-weight:600;line-height:1.4;margin:0;color:#234e52}.community-presence header small{display:block;font-size:11px;line-height:1.5;margin-top:1px;color:#526f78}.community-presence-refresh{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#176c61;padding:0;font-size:20px!important}.community-presence-refresh:hover{background:#edf6f3}.community-presence-refresh:focus-visible{outline:2px solid #087f75;outline-offset:2px}.community-presence-list{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 1px 4px;scrollbar-width:thin}.community-presence-list:empty{padding:0}.community-presence-list>button{display:grid;justify-items:center;gap:6px;flex:0 0 64px;width:64px;min-height:72px;border:0;background:transparent;padding:2px;color:#355b60;min-width:0}.community-presence-list :is(img,.community-presence-avatar){height:44px;width:44px;border-radius:50%;object-fit:cover;outline:2px solid #b6ded2;outline-offset:2px}.community-presence-name{font-size:10px;line-height:1.3;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-presence-list>button:hover :is(img,.community-presence-avatar){outline-color:#138675}.community-presence-list button:focus-visible{outline-offset:-1px}
@media(min-width:761px) and (max-width:1200px){.community-header{gap:14px;flex-wrap:wrap}.community-header nav{order:3;flex:1 0 100%;justify-content:center}.community-header-account{margin-left:auto}}
@media(max-width:760px){.community-header-account{gap:7px;max-width:100%}.community-header-account [data-community-viewer]{max-width:145px}.community-header-account b{max-width:84px;font-size:11px}.community-header-account .community-return{font-size:10px!important;padding:8px;min-height:44px;display:flex;align-items:center}.community-header-account [data-community-viewer]>button{gap:6px}.community-presence{width:calc(100% - 32px);margin-top:16px;padding:9px 14px}.community-header-account :is(img,.community-presence-avatar){width:32px;height:32px;flex-basis:32px}.community-presence-list{gap:10px}}
@media(max-width:440px){.community-header{gap:10px}.community-header-account{flex:1 0 100%;justify-content:flex-end}.community-header-account [data-community-viewer]{margin-right:auto;max-width:calc(100% - 120px)}.community-header-account b{max-width:145px}}