.friend-presence-strip{--presence-green:#168363;--presence-ink:#173b32;box-sizing:border-box;min-width:0;color:var(--presence-ink);background:linear-gradient(120deg,#f8fffbf5,#ecf8f2c7);border:1px solid #478b7133;border-radius:22px;margin:18px 0;padding:18px;box-shadow:0 8px 28px #205b430f}.friend-presence-strip>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.friend-presence-strip h2{align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.4;display:flex}.friend-presence-strip header p{color:#526d62;margin:3px 0 0;font-size:12px}.friend-presence-strip header>a{min-height:40px;color:var(--presence-ink);border-radius:10px;align-items:center;padding:5px 8px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.friend-presence-strip header>a:hover{background:#16836314}.friend-presence-dot,.friend-presence-status i{background:#168363;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #1683631c}.friend-presence-count{font-variant-numeric:tabular-nums;background:#dff1e7;border-radius:50px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;display:inline-flex}.friend-presence-strip>ul{overscroll-behavior-x:contain;gap:10px;margin:14px 0 0;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.friend-presence-strip li{flex:0 0 172px;min-width:0}.friend-presence-strip li>a,.friend-presence-strip li>button{box-sizing:border-box;width:100%;min-height:62px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fffc;border:1px solid #527d6724;border-radius:16px;align-items:center;gap:10px;padding:9px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.friend-presence-strip li>a:hover,.friend-presence-strip li>button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #205b431a}.friend-presence-strip a:focus-visible,.friend-presence-strip button:focus-visible{outline-offset:3px;outline:3px solid #168363}.friend-presence-avatar{color:#375a49;background:#e2eee7;border-radius:50%;flex:0 0 38px;width:38px;height:38px;position:relative}.friend-presence-avatar>span{justify-content:center;align-items:center;height:100%;font-size:13px;font-weight:700;display:flex}.friend-presence-avatar>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.friend-presence-avatar>i{background:#168363;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.friend-presence-name{min-width:0}.friend-presence-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.friend-presence-name small{color:#526d62;overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.3;display:block}.friend-presence-empty{color:#526d62;margin:12px 0 0;font-size:13px}.friend-presence-status{color:#146048;background:#e9f5ed;border-radius:20px;align-items:center;gap:6px;margin:4px 0;padding:3px 7px;font-size:11px;font-weight:650;display:inline-flex}.social-person-main .friend-presence-status{max-width:100%;overflow:visible}@media (width<=480px){.friend-presence-strip{border-radius:18px;padding:14px}.friend-presence-strip li{flex-basis:162px}.friend-presence-strip h2{font-size:14px}.friend-presence-strip header>a{font-size:12px}}@media (prefers-reduced-motion:reduce){.friend-presence-strip li>a,.friend-presence-strip li>button{transition:none}.friend-presence-strip li>a:hover,.friend-presence-strip li>button:hover{transform:none}}