.friends-search{background:var(--color-input-well,#13181c);width:100%;height:44px;box-shadow:inset 0 3px 0 var(--color-surface-edge,#0e1215),inset 0 0 0 1px var(--color-steel,#2b3744);box-sizing:border-box;border-radius:14px;flex-direction:row;align-items:center;gap:9px;padding-inline:14px;transition:box-shadow .2s ease-out;display:flex}.friends-search:focus-within{box-shadow:inset 0 0 0 2px var(--color-azure,#0093fd),0 0 0 4px color-mix(in srgb,var(--color-azure,#0093fd)22%,transparent)}.friends-search__glyph{color:var(--color-mist,#aab4bf);flex-shrink:0}.friends-search__input{min-width:0;height:100%;color:var(--color-cloud-white,#f2f5f8);appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit;font-size:15px;font-weight:500}.friends-search__input::placeholder{color:var(--color-mist,#aab4bf);opacity:1;font-weight:500}.friends-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.friends-search__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.friends-search__clear{background:var(--color-steel,#2b3744);width:20px;height:20px;color:var(--color-cloud-white,#f2f5f8);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.friends-search__clear:focus-visible{outline:2px solid var(--color-azure,#0093fd);outline-offset:1px}@media (prefers-reduced-motion:reduce){.friends-search{transition:none}}
.friend-requests-card{border:1px solid var(--color-steel,#2b3744);background:linear-gradient(180deg,var(--color-slate-raised,#273039),var(--color-slate,#1f262d));width:100%;min-height:62px;box-shadow:0 4px 0 var(--color-surface-edge,#0e1215),inset 0 1px 0 #ffffff14;text-align:start;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;appearance:none;border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:0 12px 0 14px;font-family:inherit;transition:transform .1s,box-shadow .1s;display:flex}.friend-requests-card:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff14}.friend-requests-card:focus-visible{outline:2px solid var(--color-azure,#0093fd);outline-offset:2px}.friend-requests-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-requests-card__title{letter-spacing:-.3px;color:var(--color-cloud-white,#f2f5f8);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:19px;overflow:hidden}.friend-requests-card__names{color:var(--color-mist,#aab4bf);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.friend-requests-card__count{background:var(--color-destructive,#ec3942);min-width:24px;height:24px;box-shadow:0 2px 0 var(--color-destructive-edge,#a3222a);color:var(--color-snow-white,#fff);font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:800;line-height:1;display:flex}.friend-requests-card__chevron{color:var(--color-mist,#aab4bf);flex-shrink:0}@media (prefers-reduced-motion:reduce){.friend-requests-card{transition:none}.friend-requests-card:active{transform:none}}
.friends-online{width:100%}.friends-online__label{letter-spacing:1.1px;text-transform:uppercase;color:var(--color-mist,#aab4bf);align-items:center;gap:6px;margin:0;padding:0 16px;font-size:11px;font-weight:800;line-height:14px;display:flex}.friends-online__label-dot{background:var(--color-presence-online,#31d158);border-radius:9999px;width:8px;height:8px}.friends-online__label-dot--off{background:var(--color-slate-gray,#6b7682)}.friends-online__invite{border:2px dashed var(--color-steel,#2b3744);background:color-mix(in srgb,var(--color-slate,#1f262d)50%,transparent);box-sizing:border-box;border-radius:16px;flex:1;align-items:center;gap:10px;min-width:0;height:58px;padding:0 8px 0 14px;display:flex}.friends-online__invite-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friends-online__invite-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-cloud-white,#f2f5f8);font-size:14px;font-weight:700;line-height:18px;overflow:hidden}.friends-online__invite-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--color-mist,#aab4bf);font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.friends-online__list{scrollbar-width:none;flex-direction:row;gap:12px;margin:0;padding:12px 16px 6px;list-style:none;display:flex;overflow-x:auto}.friends-online__item{flex-direction:column;flex:none;align-items:center;gap:6px;width:62px;display:flex}.friends-online__add,.friends-online__bubble{cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;width:58px;height:58px;padding:0;transition:transform .1s;display:flex;position:relative}.friends-online__add{background:linear-gradient(180deg,var(--color-splash-sky-top,#33b1ff),var(--color-azure,#0093fd));box-shadow:0 4px 0 var(--color-azure-shadow,#0075ca),inset 0 2px 0 #ffffff59;color:var(--color-snow-white,#fff)}.friends-online__add:active,.friends-online__bubble:active{transform:translateY(3px)}.friends-online__add:focus-visible,.friends-online__bubble:focus-visible{outline:2px solid var(--color-azure,#0093fd);outline-offset:3px}.friends-online__avatar{border:3px solid var(--color-presence-online,#31d158);background:var(--color-steel,#2b3744);box-shadow:0 4px 0 var(--color-presence-online-edge,#1f8a3b);box-sizing:border-box;border-radius:9999px;position:absolute;inset:0;overflow:hidden}.friends-online__avatar img{object-fit:cover;width:100%;height:100%;display:block}.friends-online__dot{inset-inline-end:-2px;width:16px;height:16px;position:absolute;bottom:-2px}.friends-online__dot-core{border:3px solid var(--app-page-bg,#181d21);background:var(--color-presence-online,#31d158);box-sizing:border-box;border-radius:9999px;position:absolute;inset:0}.friends-online__ping{background:var(--color-presence-online,#31d158);border-radius:9999px;animation:1.8s ease-out infinite friends-online-ping;position:absolute;inset:0}@keyframes friends-online-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.friends-online__name{text-overflow:ellipsis;white-space:nowrap;max-width:62px;color:var(--color-mist,#aab4bf);font-size:12px;font-weight:600;line-height:15px;overflow:hidden}.friends-online__name--add{color:var(--color-cloud-white,#f2f5f8);font-weight:700}@media (prefers-reduced-motion:reduce){.friends-online__add,.friends-online__bubble{transition:none}.friends-online__add:active,.friends-online__bubble:active{transform:none}.friends-online__ping{opacity:0;animation:none}}