body .friend-rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;padding:2px 2px 4px;display:flex;overflow-x:auto}body .friend-rail::-webkit-scrollbar{display:none}@media (pointer:coarse){body .friend-rail{scroll-snap-type:none}}body .friend-tile{scroll-snap-align:start;text-align:center;width:84px;min-width:0;color:var(--fg);flex-direction:column;flex:none;align-items:center;gap:0;text-decoration:none;transition:none;display:flex}body a.friend-tile:hover{transform:none}body .friend-ava{display:flex;position:relative}body .friend-ava .avatar--friend{width:64px;height:64px;letter-spacing:var(--ls-xl);background:var(--soft2);font-size:27px;transition:none}body a.friend-tile:hover .avatar--friend{border-color:#0000}body .friend-ava .pgav-presence{border-width:2.5px;width:14px;min-width:0;height:14px;bottom:2px;right:2px}body .friend-tile--add .friend-ava-add{box-sizing:border-box;border:1.5px dashed var(--line);background:var(--soft);color:var(--muted);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);place-items:center;display:grid}body .friend-tile--add .friend-ava-add>svg{width:20px;height:20px}body a.friend-tile--add:hover .friend-ava-add{color:var(--fg);background:var(--soft2)}body .friend-name{max-width:100%;letter-spacing:var(--ls-md);color:var(--fg);white-space:nowrap;justify-content:center;align-items:center;gap:0;margin-top:8px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex;overflow:hidden}body .friend-name>.friend-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}body .friend-name>.nmk-row{flex:none;margin-left:3px}body .friend-status{max-width:100%;height:auto;min-height:15px;font-size:11.5px;font-weight:var(--fw-body);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;line-height:15px;display:block;overflow:hidden}body .sec-h .ctl .friend-rail-all>svg{flex:none;width:16px;height:16px;margin-right:-3px}@media (max-width:820px){body .page.browse .friend-rail{margin-right:-16px;padding-right:16px}}