.online-offline-indicator_onlineIndicator__Ds_Jv{--online-indicator-size:100%;--online-indicator-color:var(--ds-color-red-50);align-items:center;background:var(--online-indicator-color);border-radius:100%;box-shadow:0 0 .5rem 0 var(--ds-color-black-80);display:flex;height:var(--online-indicator-size);justify-content:center;width:var(--online-indicator-size)}.online-offline-indicator_isOnline__N6Rlc{--online-indicator-color:var(--ds-color-green-50)}.online-offline-indicator_avatarSizeLarge__tVK2y{--online-indicator-size:75%}.friend_friend__uJTEl{box-sizing:border-box;flex:0 0 auto;overflow:hidden;padding:.5rem 1.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.friend_friend__uJTEl>*{position:relative;z-index:1}.friend_content__Ea_TQ{align-items:center;display:flex;gap:.25rem}.friend_column__Jrifh{flex:0 0 auto}.friend_preventOverflow__6TXk_{flex:1 1 auto;overflow:hidden}.friend_actions__fA7wS{margin-left:auto}.friend_content__Ea_TQ:hover .friend_actions__fA7wS button{opacity:1}.friend_expandable__8f80U .friend_content__Ea_TQ{cursor:pointer}.friend_avatar__0sDJk{height:1.5rem;width:1.5rem}.friend_name__U2HoN{font-size:var(--font-size-12);font-style:italic;font-weight:700;line-height:var(--line-height-12);padding:0 .25rem}.friend_subTitle__u5h2v{color:var(--ds-color-white-60);font-size:var(--font-size-9);font-style:italic;font-weight:700;line-height:var(--line-height-9);padding-left:.25rem}.friend_subTitle__u5h2v a{color:var(--ds-color-white)}.friend_expandedBackground__qlh5g{background:var(--ds-color-white-10);height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0) translateY(-6.25rem);transform-origin:100% 0;transition:transform .1s ease,opacity .2s ease;width:100%;z-index:0}.friend_expanded__wnOz6 .friend_expandedBackground__qlh5g{opacity:1;transform:scale(1) translateY(0)}.friend_expandedContent__MqKkn{border-top:.0625rem solid var(--ds-color-white-40);box-sizing:border-box;max-height:0;opacity:0;padding:0;transition:all .2s ease}.friend_expanded__wnOz6 .friend_expandedContent__MqKkn{margin-top:1rem;max-height:20rem;opacity:1;padding:1rem 0}.friend_onlineIndicator__kwVEv{height:.75rem;width:.75rem}.friend_dimmed__W0xe_{padding:.25rem 1.5rem}.friend_dimmed__W0xe_ .friend_avatar__0sDJk,.friend_dimmed__W0xe_ .friend_name__U2HoN{opacity:.6}.friend_dimmed__W0xe_ .friend_avatar__0sDJk{transform:scale(.75)}.friend2_friend__3hgBY{--smooth:cubic-bezier(0.05,0.75,0.49,1.04);border-radius:2.5rem;box-sizing:border-box;cursor:pointer;flex:0 0 auto;margin:0 .5rem;padding:.5rem;position:relative;transition:transform .3s var(--smooth);-webkit-user-select:none;-moz-user-select:none;user-select:none}.friend2_friend__3hgBY>*{position:relative;z-index:1}@media(hover:hover){.friend2_friend__3hgBY:hover{background:var(--ds-color-white-10);transform:scale(1.025)}.friend2_friend__3hgBY:hover .friend2_chatBubbleIcon__mwIcO{opacity:1}}.friend2_content__Ext9X{align-items:center;display:flex;gap:.25rem}.friend2_column__cE3R1{flex:0 0 auto}.friend2_preventOverflow__rYu4Z{flex:1 1 auto;overflow:hidden}.friend2_actions__2U2gO{margin-left:auto}.friend2_content__Ext9X:hover .friend2_actions__2U2gO button{opacity:1}.friend2_expandable__bzds7 .friend2_content__Ext9X{cursor:pointer}.friend2_avatar__mLHQi{height:2.5rem;width:2.5rem}.friend2_name__m43Za{color:var(--ds-color-white);font-family:neo-sans;font-size:.75rem;font-weight:700;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis}.friend2_subTitle__OhI_I{color:var(--ds-color-white-60);font-size:var(--font-size-9);font-style:italic;font-weight:700;line-height:var(--line-height-9);padding-left:.25rem;white-space:nowrap}.friend2_subTitle__OhI_I a{color:var(--ds-color-white)}.friend2_onlineIndicator__oKcBB{height:.75rem;width:.75rem}.friend2_dimmed__w8jAg .friend2_avatar__mLHQi,.friend2_dimmed__w8jAg .friend2_name__m43Za{opacity:.6}.friend2_chatBubbleIcon__mwIcO{margin-right:.5rem;opacity:0}.friend-list_container__j1O3x{--expanded-hpad:1rem;-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding:1rem 0;scrollbar-width:none;transform:translateX(-.5rem);transition:transform .25s ease}.friend-list_container__j1O3x::-webkit-scrollbar{display:none}.friend-list_expanded__OIslY .friend-list_container__j1O3x{transform:translateX(0)}.friend-list_noFriendsMessage__hXxh7{color:var(--ds-color-white-60);padding:1.5rem 0 1rem;text-align:center;width:100%}.friend-list_friend__3vXb_,.friend-list_noFriendsMessage__hXxh7{align-self:flex-start;flex:0 0 auto;width:100%}.friend-list_expandButton___ng4w{background-color:transparent;border:0;height:2rem;opacity:0;width:2rem}.friend-list_expandButton___ng4w img{height:auto;width:.625rem}.friend-list_duelInvite__BC51t{display:flex;justify-content:space-between}.friend-list_duelsLabel__2DdPH{align-items:center;display:flex;flex-direction:row;margin-left:.25rem}.friend-list_duelsLabel__2DdPH>span{font-style:italic;font-weight:800;margin-left:.5rem;text-transform:uppercase}.friend-list_duelsLabel__2DdPH>img{height:auto;width:1.75rem}.friend-list_divider__8rT2n{border-top:.0625rem solid var(--ds-color-white-40)}.friend-list_buttonContainer__V773z{flex:0 0 auto;margin:1rem 0;opacity:.8;text-align:center}.friend-list_button__yKrbp{align-items:center;border:.0625rem solid var(--ds-color-white-60);border-radius:2rem;display:flex;font-size:0;font-style:italic;justify-content:center;margin:.25rem auto 0;padding:.5rem;transition:font-size .1s,padding-left .25s,padding-right .25s}.friend-list_expanded__OIslY .friend-list_button__yKrbp{font-size:var(--font-size-16);padding-left:1.5rem;padding-right:1.5rem}.friend-list_buttonIcon__nZ_nc{height:1.25rem;transition:padding-right .25s;width:1.25rem}.friend-list_expanded__OIslY .friend-list_buttonIcon__nZ_nc{padding-right:.5rem}.friend-list_section__MLhcU{border-top:.0625rem solid var(--ds-color-white-20);margin-top:1.5rem;padding-top:1rem;width:100%}.friend-list_sectionTitle__Hp7wH{color:var(--ds-color-white-40);font-size:var(--font-size-12);font-weight:700;line-height:var(--line-height-12);margin-bottom:.5rem;text-align:center}.friend-list_buttons__iZ4zp>button:first-child{margin-right:.5rem}@media only screen and (min-width:1020px){.friend-list_friendList__wwjQD{display:flex;flex-direction:column;height:100%}.friend-list_container__j1O3x{flex:1 1 auto}}