.friend[data-v-cbde3764]{font:inherit;color:inherit;cursor:var(--cursor-pointer,pointer);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;margin:0;padding:0;text-decoration:none;display:flex}.friend[data-v-cbde3764]:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:12px}.friend--offline[data-v-cbde3764]{opacity:.55}.friend__wrap[data-v-cbde3764]{position:relative}.friend__blob[data-v-cbde3764]{box-sizing:border-box;place-items:center;display:grid;position:relative}.friend__photo[data-v-cbde3764]{object-fit:cover;width:100%;height:100%}.friend__name[data-v-cbde3764]{color:var(--text-3);font-size:14px;font-weight:800}.friend__game[data-v-cbde3764]{text-overflow:ellipsis;white-space:nowrap;color:#34c268;width:100%;margin-top:-3px;font-size:14px;font-weight:600;display:block;overflow:hidden}.friend__game--away[data-v-cbde3764]{color:#d9a11e}.friend--rail[data-v-cbde3764]{width:100%;min-width:0;transition:transform .15s}.friend--rail[data-v-cbde3764]:hover{transform:translateY(-3px)scale(1.05)}.friend--rail[data-v-cbde3764]:active{transform:scale(.94)}.friend--rail .friend__wrap[data-v-cbde3764],.friend--rail .friend__blob[data-v-cbde3764]{width:42px;height:40px}.friend--strip[data-v-cbde3764]{flex:none;min-width:52px}.friend--strip[data-v-cbde3764]:active{transform:scale(.95)}.friend--strip .friend__wrap[data-v-cbde3764],.friend--strip .friend__blob[data-v-cbde3764]{width:50px;height:48px}